.

Wednesday 23 January 2013

beautiful facebook like button with rounded corner box

In my last post i told you about social widget like spiceupyourblog.com And readers like that post and request me to make another beautiful widget with facebook like button . So, i,m here with a new social widget with facebook like button you can also watch the live demo of widget and i added the picture of that widget below so you can easily understand the design of widget and i hope that you like my this widget . Now a days social sharing is every thing and you cant find a blog without social sharing buttons because with them you can gain a huge traffic to your blog.
Facebook like button in style with round corner box
Facebook like button in style with round corner box


you can add this beautiful widget in your blogs sidebar and it create special impression on your readers and attract them to like and click your blog. There is now loading effect of this widget on your blog so don't worry about your blogs speed and loading time and if you think that it will effect on your loading time then please red following article How to increase blog loading speed  .  Now i,m going to tell you that how to add this widget its simple and easy. here's we go.

installation:

  • goto blogger dashboard
  • Now goto page layout tab
  • and Then add a gadget
  • Now select html/javascript and paste below code in it .
<div style="-khtml-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #ccc9f1; border-radius: 15px; border: 4px solid #f3e88e; padding: 10px;"> <img border="0" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0KI86J4HWsA-qSgrejKSjnV7JBq9-TxI9wDc4ecwIxrbWqNALBtArHZayyXz9_1EDjbB3X_WNn8yHWwdBeCjAGtmsINHeSFhXy7N0Y-zXY1HpUE5hNUyXPIXXhdoxBSP3bzD72QHRCsI/s1600/join.me-24work.blogspot.com.png" /><span style="color:#000099;">Join Our FaceBook Page To Stay With Us And Share Your Awesome Articles....</span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKtg5nRPqyeI92Dfc_4BmwwegtTWQV5U-s1EUMiENjdsuG7R4lS0xgt1v_EORqiBTyDs9ZyofIz8z4aP857t2iblucpkxUVEcUUauAvk2Y0_tS76Q4h89CFRpa2-tYtjoDKb8jVvimbaM/s1600/Moving-picture-right-pointing-finger-gif-animation.gif" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fcarelexxmallik&amp;send=false&amp;layout=button_count&amp;width=80&amp; show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" style="border: none; height: 21px; overflow: hidden; width: 80px;"></iframe></div>
  • Now simply replace carelexxmallik with your facebook page username
  • Then save it and its done.
I hope you enjoy my post if you enjoyed then please share it with your friends and keep visiting daily for awesome new widgets


No comments:

Post a Comment

© Copyright 2012, Template style of Haseeb malik - Design by Haseeb malik.