Add Stylished facebook like button with rounded corner box

As usual no Grammer

Installation:

Goto blogger dashboard

Now goto page layout tab--->>add a gadget -->>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/AVvXsEjBUERUb_-Q58CsuNjYdRFxxAKni7kTDPjw0yU5W5OSM0m5TjjnlvogYvxZX8EqZO9Djm9CKY8xWzcfl17tuLjC13lTxnf6KWb4fQRkaiJM47noAfBNN-ETIlvRSXTd9vlcBngWc6MTQHI/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/AVvXsEgrvl9nVQJQqNae5J6MeZePlfHdnKvvcQ-JFrVAoXLteSQd34391NOycBdPgHUlaHSl9CjtoyvPpP9CTvMGDuZdzNXtt3A9eeG2hcUDF8NfvBSzRBXCdA90wj-XBOzbAbxazkJ71b44IaU/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%2Ffacebook_username&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>

Then save it and its done.