-
Notifications
You must be signed in to change notification settings - Fork 2
leorue/angular-blogger
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
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.
Next create a blog and name it something logical.
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.
Then visit the Google Developer Console and agree to terms. Then create a new project and name it to identify with your blog.
Then go to the API & auth tab and search for the Blogger API v3 and change the status to "On".
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.
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.
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=
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.
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="".
Next in the app.js file change the postURL in the postsController to reflect where you are serving your blog out of.
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 0
No packages published