Skip to content

An AngularJS blog template interfacing with the Blogger API

Notifications You must be signed in to change notification settings

leorue/angular-blogger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-blogger

An AngularJS blog template interfacing with the Blogger API

Setup Blogger Account


First you need a Google Account assuming most people have them from various Google Apps, then visit Blogger.com and agree to the terms and having a blogger account.


Create a New Blog


Next create a blog and name it something logical.


Create a Few Blog Posts


Then create a few posts I like to chack on the HTML and add an img-resonsive class to any images so they show up responsive on the blog.


Create a new Google Developer Project


Then visit the Google Developer Console and agree to terms. Then create a new project and name it to identify with your blog.




Enable Blgger API


Then go to the API & auth tab and search for the Blogger API v3 and change the status to "On".



Get Google API Key


Then select the credentials tab and create a new Public API accesss key with browser permissions. If you have a specific domain you want to restrict the key to then you can type the domain. I would not do this until you go production for testing purposes. Save the key to inject in the code in a later step.





Get Blogger ID


Next go back to your blogger account and select the blog you would like to debut on your site. In the URL on the admin screen you will see blogID=. Save the blog ID to inject into the code in a later step.


Set Blog ID and API Key


Get the Angular-Blogger, AngularJS project running with a server. Go to the app.js file in the JS folder. Inject the blogID and API Key retrived earlier in the Blog factory in the following URL: https://www.googleapis.com/blogger/v3/blogs//posts?&key=


Setup Disqus


Next visit Disqus and create an account if you don't already have one. Then click the for webistes tab and create a new blog instance.


Add Disqus Short Name


Upon Completion select the universal website code and under number 1 find the "var disqus_shortname = "" grab the shortname from the code fragment and save it to inject into the post.html file in the pages folder. Save this in the variable disqus-shortname="".



Add Disqus DNS Link


Next in the app.js file change the postURL in the postsController to reflect where you are serving your blog out of.


Edit Title


Finally in the app.js file edit the title and description of the blog in the mainController to something which reflect the theme of your blogs content.


About

An AngularJS blog template interfacing with the Blogger API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published