Hacking Articles: Blogger Widgets

Animated Heart Share Buttons Blogger Widget

<div dir="ltr" style="text-align: left;" trbidi="on">
 Hey Guys i am here With New Tutorial. This is Animated beautiful Heart Widget with Social Buttons !<br>
<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJMx-EVlBj7eOS2OJ_wmplj7Akcj5WHc7E22S6EfJ257U2exo7SNQJW_z8UWwcre_rQ7rg1fGzmll9b9clKZrUdYq7Xt2k7w30PmxOLtqEvBVcAx29aqjKquuYIDkK8ICP2AVCdcN5L1aZ/s1600/share+buttons.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJMx-EVlBj7eOS2OJ_wmplj7Akcj5WHc7E22S6EfJ257U2exo7SNQJW_z8UWwcre_rQ7rg1fGzmll9b9clKZrUdYq7Xt2k7w30PmxOLtqEvBVcAx29aqjKquuYIDkK8ICP2AVCdcN5L1aZ/s1600/share+buttons.PNG"></a></div>
Lets see how to add it to your blog.<br>
Backup your template before editing your template.<br>
<br>
* Go to Template > Edit HTML > find the </head> tag<br>
* Copy and Paste the following code Above / Before </head> tag<br>
<br>
<blockquote class="tr_bq">
<br>
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><br>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><br>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script><br>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><br>
   </blockquote>
<br>
* Now find the </body> tag and  Copy/Paste the below Code Above / Before </body> tag<br>
<br>
</div>

Blogger Blogger Widgets Animated Heart Share Buttons Blogger Widget

Hey Guys i am here With New Tutorial. This is Animated beautiful Heart Widget with Social Buttons ! Lets see how to add it to your bl...

Fixed Social Media Widget For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
 Hey Guys ! i am gonna show You how to add Social media Bar "Static Social Media Widget" On your Blog! <br>
<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5S_cLqML4SL4IeaV5LR_sgYjXEjatj42jZMxfRd1jDi5ohslNtAIaajJp2FA9WnhnfLIye1jFy0GCp5t2I7Q4lp0yCpVqQSxp6QKN2SYdl8jV4CeQ7svQip5VqBby_LHRFsdP38nZBuAe/s1600/Social+Media+Sidebar.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5S_cLqML4SL4IeaV5LR_sgYjXEjatj42jZMxfRd1jDi5ohslNtAIaajJp2FA9WnhnfLIye1jFy0GCp5t2I7Q4lp0yCpVqQSxp6QKN2SYdl8jV4CeQ7svQip5VqBby_LHRFsdP38nZBuAe/s1600/Social+Media+Sidebar.png"></a></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Its very easy , Hope you enjoy ! ok lets Start <br>
<br>
<b>How to Add Social Media bar for Blogger</b><br>
1:  Log in to blogger account and Click drop down.<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEGK_L1FzJA8zFNqv9ZhelWFj9srzTyVgGbW7AxXUniPtkw2Duhzpg670RUTAw8DoVk0sOc0L-RC0zamBAH6gqNu_dFGSphswX9eBM-2QJN-VRWrmZ-KpDBtsFJQsyRFfno1KWeK2MEVuc/s1600/blog-post-option.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEGK_L1FzJA8zFNqv9ZhelWFj9srzTyVgGbW7AxXUniPtkw2Duhzpg670RUTAw8DoVk0sOc0L-RC0zamBAH6gqNu_dFGSphswX9eBM-2QJN-VRWrmZ-KpDBtsFJQsyRFfno1KWeK2MEVuc/s1600/blog-post-option.jpg" width="400"></a></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
 2:  Now select "Layout" Like Below.<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtRQeE7qhsLaPIR7dlm56wyNFcS2ayK3m7tYit5hzGZyEHUdzhpeu6pr2wPXIZat2Bdww7NOU9zelsK5VRNSLxdxttIDdZC0twWm_XftiukOJRl-8L3V1K244Ve_oBBXMPeyf3ySigOsh/s1600/layout.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtRQeE7qhsLaPIR7dlm56wyNFcS2ayK3m7tYit5hzGZyEHUdzhpeu6pr2wPXIZat2Bdww7NOU9zelsK5VRNSLxdxttIDdZC0twWm_XftiukOJRl-8L3V1K244Ve_oBBXMPeyf3ySigOsh/s1600/layout.jpg"></a></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
3:  Click Add Gadget and select 'HTML/Javascript<br>
<br>
4:  Paste  below code.<br>
<br>
</div></div></div>

Blogger Blogger Widgets Fixed Social Media Widget For Blogger

Hey Guys ! i am gonna show You how to add Social media Bar "Static Social Media Widget" On your Blog! Its ...