Blogger9:- Add animated tab social buttons in blogger sidebar. 0

| | , , , ,

Now add in your blogger blog this animated social tab so that visitor share your blog on their network easily.





Follow simple and easy step to adding this animated tab in your blogger sidebar --->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now click in small box to expand your blogger template.

* Find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>

.addthis_toolbox{padding:5px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 2px 0 2px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}


* Now save your blogger template.

* Again go to your blogger Dashboard and click in design tab.

* Now you are here--->>> Page element.

* Click in add gadget which is in your sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.

<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvDiBSMAf6d8PUHWhUG-9zOWEQxsM2ANQ8X6KnIpqqCNxHy2xX7cxLmOQCINPgkklq3kLjBAubiFVOZnYmN-hei7GzPV2Fd8-MmUkXBwrwsIui3Nm_W58aeeNs0NHth4F8fVujG0WdgfU/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifZOmEgrp_7lsWnglN80gMiIQwbZuWqFBnVBQ8uB5OjoyOOfLOZvaO5lja3ZihC4aI5bUe-HjTxW39JIZDjNo7TB4e0SJCeu5YHjjuqz9KVEph1SC9TOpE9iJFOpofduLrF99Q1w1f7Bc/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij6jdNNQHCHetXJwySEs0B2TwBy4mmnS9Q7yqmfFpOsAFoidHKPSyokEjW31ppE7cvZp-ejpPDAeSMd6vzg2kFRg4KM2tect3-zX6DkaIpu4xF2dsGhu8dpslf9IjaG-xVDAZEDmTdxU4/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIUhLRXqBOEe3lHChNY_tAgwWXp0otuCwr9H5-Q4hliH_SeSljvClGKegrWsAFMsGsx6Yxbc-3EkjfolAqmf4Gd4mVcVj17pn6pdjpjQKd-my2x1D_pm7G1A35tBuGSce7o7gQ-Ess8z8/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeXsxBX8J5d3ozs5EyMEDCZSkMASmhf7jI14WUuF3JnP6bkCP_qDMMfecxvXtFZLStvBZ96NaTLhq1B3yMr6uhFzPWWsWdt0RMcrELwm5gdwtn2gjAY1ucK3klb01Iy0d3PhKWoO_nbSY/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio-kiTifZ-rGN5njYUkqU-fNWEBpLzI000lwdhMNJ-QFMGfxY4DofFu3qRkQeB2hrMZ-AQCbLdnpvY8VUGI1OmQp1Q3W6UIHAM3v0BisNjdwHZYJY4fzWpkkieHdeoFPKAx-ueNuqa1Ok/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWA83tk-oWAhs5QLW8d4940NC9EyZ2O970qCyt8KgK0x6jypZpJ1I94eD_br3ZQjbrk7RzKY2yY5iWSdRUTKA8htmLeN8VhB6rY9qvRY3TC7if6oEO6xEj1iLD690Zd5SiGWcIq3Kof4o/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'></script>

</div>
</div>

* Now save your HTML/javascript and you are done and enjoy.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Add animated tab social buttons in blogger sidebar. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories