Unique tips of blogging

Attractive Follow us Widget to Your Blog

In a previous post I have explained that how to add social bookmarking buttons to every blogger post. In this tutorial I will explain, how to add attractive follow us widget to your blog. In this widget, you can include your Facebook page, Twitter page, Google plus page, Youtube channel and RSS feed. Now let us see how to add this.

1. Login to Blogger
2. Click layout tab
3. Click “add a gadget”
4. Select “HTML/JavaScript”
5. Now paste below code

<style>p#socialicons img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
p#socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
<p id=”socialicons”>
<a href=”http://www.facebook.com/bloggertrix/”>
<img border=”0″ src=”http://4.bp.blogspot.com/-U4-lm-VG-Rs/UAFFARjvXBI/AAAAAAAACKg/5eXZk3g6JTw/s1600/facebook.png” /></a>
<a href=”http://www.twitter.com/bloggertrix/”>
<img border=”0″ src=”http://1.bp.blogspot.com/-v1j9lvjPaks/UAFFDtW2I2I/AAAAAAAACK4/7ux4VptLkk0/s1600/twitter.png” /></a>
<a href=”https://plus.google.com/107955298793879607964″>
<img border=”0″ src=”http://1.bp.blogspot.com/-TatTDxZ7QlQ/UAFFBg8qgCI/AAAAAAAACKo/_iyTQXBwEEw/s1600/googleplus.png” /></a>
<a href=”http://www.feeds.feedburner.com/bloggertrix/”>
<img border=”0″ src=”http://1.bp.blogspot.com/-y8Gyyv6mVpY/UAFFCqff4dI/AAAAAAAACKw/p84nEbEoIIo/s1600/rss.png” /></a>
<a href=”http://www.youtube.com/bloggertrix/”>
<img border=”0″ src=”http://2.bp.blogspot.com/-UykY0xp20bw/UAFFEpCKPAI/AAAAAAAACLA/eOimlneyMyc/s1600/youtube.png” /></a>

6. Now click save button.
0 Komentar untuk "Attractive Follow us Widget to Your Blog"

Back To Top