Add Sociable Icons/buttons Below Each Blogger Post Using Add this Script [Blog Design]

In this post I am going to discuss about How to add social bookmarking icons in blogger  post in easy way. You may already know social bookmarks improve traffic to our blog, it is necessary that you make it more attractive and big.You can view the social bookmarking icons Below this post  title and below this content area.

Automatically Create social Icons:

Actually I did not host any images and I did not provide any social links to that images.It was actually created by the addthis social add-on script.

Follow these simple steps to display beautiful social bookmarking sites below every blogger posts without any complex coding;

First of all log in to your dashboard. Navigate to "Design –> Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using CTRL+F for the following line:

Add social Icons like Twitter ,Facebook like Button Below Title :

Add social Icons like Twitter ,Facebook like Button Below Title

1.Find the Below code

<data:post.body/>

2. Add the following code Before the above code

<!– Social Bookmarking Widget By www.spicytricks.com –>

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

                         <div class=’addthis_toolbox addthis_default_style’ style=’margin: 0pt; padding: 0px; height: 30px;’>
                             <a class=’addthis_button_facebook_like’ fb:like:layout=’button_count’/>
                             <a class=’addthis_button_tweet’/>   
<a class=’addthis_button_email’/>                            
                            </div>
                         <script src=’http://s7.addthis.com/js/250/addthis_widget.js#username=raja3c’ type=’text/javascript’/>
                                         </b:if>

<!– Social Bookmarking Widget By www.spicytricks.com –>

Add social Icons like Digg,Reddit  Button Below Post:

Add social Icons like Digg,Reddit  Button Below Post:

1.Find the Below code

<data:post.body/>

2. Add the following code after the above code

<!– Social Bookmarking Widget By www.spicytricks.com –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<strong>Do You Like This post?Share With Your friends!</strong><br/>
                         <div class=’addthis_toolbox addthis_default_style’ style=’margin: 0pt; padding-top: 10px; height: 30px;’>
                             <a class=’addthis_button_delicious’/>
                             <a class=’addthis_button_digg’/>
                             <a class=’addthis_button_facebook’/>
                             <a class=’addthis_button_reddit’/>
                             <a class=’addthis_button_slashdot’/>
                             <a class=’addthis_button_stumbleupon’/>
                             <a class=’addthis_button_twitter’/>                               
                         </div>   

</b:if>
<!– Social Bookmarking Widget By www.spicytricks.com –>

That’s it now your blog will  ready share your posts.

Raja CRN

Raja CRN is the Founder of CRN Interactive that offers various useful Digital Resources. He has more than 7 years of experience in content Writing and Web development specialized in WordPress. For the past 4 years, He is working on the Linux Administration. In Free Time, He dives into Android Development. He is an engineering graduate in Information Technology. He's also very social, find him at Google+

Copyright © 2009 -16 . SpicyTricks    Designed by ThemePacific