Devil's Workshop Template Customization - Part 2

fixing-errors
I'm overwhelmed with the response for Devil's Workshop Blogger Template. Missed it? Then, take a look at it - DW Blogger Template. I received lot of emails appreciating my efforts to create the template. With that being said, I do receive mails about the various bugs/errors in the template. So, this article deals in solving those issues.


ISSUE WITH READ MORE HACK
Many people emailed me stating that the read more hack is not working on the template. The read more hack is installed, by default, in the template. You just need to enable it in every article you post. In other words, it's a manual read more hack which works using the "Insert jump break" option available on the blogger post editor. If you are using the very old post editor, then you need to update the same and look for the icon shown below.
jump-break-icon
Position your cursor at the end of the first paragraph in your article - not necessary the first paragraph. Hit the "Insert jump break" icon available on the post editor. Later, publish your article to see the read more hack working on your template. Remember that you need to repeat the same procedure before you publish each article to make the hack work.

ISSUE WITH GOOGLE PLUS ONE BUTTON
The second issue deals with the Google Plus One Button installed to the right of post title on homepage. The plus one button, when shared, incremented the counter for the entire blog rather than incrementing it for each article on the homepage. Quite annoying for a reader to see simultaneous increment for the entire blog when he/she tried to just plus one the article. Well, don't worry! I've fixed this issue now.

To add Google Plus One Button to individual article, or in other word, to increment the count for each article on homepage, follow the steps mentioned below.
1. Navigate to "Design>>Edit HTML" and make a backup of your template by clicking on the "Download full template" link at the top of the page. Once the back up is over, expand your template and search for the following block of code.
<div style='float:right; margin-left:8px; margin-top:-5px;'>
<fb:like action='like' colorscheme='light' expr:href='data:post.url' font='arial' layout='box_count' send='false' show_faces='false'/>
</div>
<div style='float:right; margin-left:0px; margin-top:-3px;'>
<g:plusone size='tall'/>
</div>
2. Replace the code highlighted in blue with the following piece of code.
<div style='float:right; margin-left:0px; margin-top:-3px;'>
<g:plusone expr:href='data:post.url' size='tall'/>
</div>
3. That's it! Save your template and your done!

Now, try to plus one each article individually and you'll see that they increment as they should! Let me know the other errors or bugs associated with the template. I'll try to fix each one of them. If not, post why they can not be done:) Nevertheless, I hope you enjoyed this update. Share your opinions via comments below:)

Devil's Workshop Template Customization - Part 1

stay-connected-tut
I've been receiving a lot of positive reviews and feedback about the Devil's Workshop blogger template - the load time being appreciated the most. If you did not find to check out the template, then I highly recommend you to spare some time to check it out - DW Blogger Template. I've planned to share the "Stay Connected" widget code in this article.

This widget namely "Stay Connected" is a subscription box that is most essential for any blog . The widget is a slightly modified version from the original one. I've tried to add the latest networking icons like Google+ to stay updated and to better connect with the users. You may preview the same on the demo blog by hitting the following link - DW Template Live Demo (or) just take a look at screen shot posted below.
stay-connected-widget
ONE CLICK INSTALLATION
Just install the widget "Stay Connected" using the install button below, provided your browser is either one of these - Firefox 3.0+, IE 9.0 (or) Opera. I'm not sure about Chrome and Safari, because I heard that it works for few, whereas it shows an error for the rest.

THE USUAL PROCEDURE
If you are unable to install the widget using the button, then navigate to "Design >> Page Elements" page from your blogger dashboard. Choose "Add a Gadget >> HTML/JavaScript" and just paste the entire code in this text document - STAY CONNECTED WIDGET CODE, on the new window that pops up. Name the title of the widget as "Stay Connected". That's it!

COMMON CUSTOMIZATION
Once you've installed the widget on to your sidebar - be it via one click installation method or the usual procedure, make sure you customize the widget as per the instructions given below, before you save them.
  1. Replace FEEDNAME at various instances (5 instances) in the code with your feed name. The title of your FeedBurner feed serves as the feed name of your feed. So, login to your feedburner account and look for the feed title.
  2. Replace TWITTER-NAME at one instance in the code with your twitter user name.
  3. Replace FACEBOOK-URL at one instance in the code with your fan page URL on Facebook.
  4. Replace GOOGLE-PLUS-URL at one instance in the code with your Google+ Profile URL.
  5. Note: If you don't have one, then leave your email via comments asking for an invite and I'll invite you to Google+ so that you can enjoy the new social networking, just as we do.
  6. Replace HOMEPAGE-URL at two instances in the code with the home page URL of your blog.
I'll continue to post other tutorials about customizing Devil's Workshop Blogger Template in the upcoming weeks. Stay tuned to my blog so that, you don't miss out any customization.Do share your opinions about this article via comments:)
[netinsert=0.0.1.11.14.1]