KCILC SIHT

Sunday 28 April 2013

FLOATING VERTICAL BAR WITH SHARE BUTTONS WIDGET FOR BLOGGER (BLOGGING)



Adding Vertical Floating Bar with Social Buttons To Blogger is very easy.You have to Copy a snippet of Code,and then you should have to add it into the HTML/JavaScript Box.However let's take a look on these steps.
  • Visit Blogger.com and sign in there.
  • Now Visit Blogger Dashboard.
  • Click On Layout
  • Now Click On Add a Widget/Gadget
  • Now a Box will popup 
  • Select HTML/JavaScript
  • Now Copy the Below Script and paste it into HTML/JavaScript Box.
<a href='http://thatsblogging.blogspot.com'><img alt='Floating Vertical Bar With Share Buttons widget by ThatsBlogging' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoHWfCSugFUOvQHMa4sLNSIs5rqYYA8OO5L9fyQK2lCKg0uGZjo6CgnrZwLIU-gq1C7DFozfvXKl2aZGQl-Xn9uYsxqCJ1buz5dSzqwz8GbtrOeZukMJJNPoVkZRMMuHCV1nsd18pLQENm/s1600/best+blogger+tips.png'/></a><div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="background:#98A2A7; border: 1px solid #000000; top:120px;left:50px;">             <div class="addthis_toolbox addthis_default_style">                 <span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>                 <span><a class="addthis_button_tweet" tw:count="vertical"></a></span>                 <span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>                 <span><a class="addthis_counter"></a></span>             </div> </div> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

  • Now save it!!

No comments:

Post a Comment