See Demo


Step 1= Login in your blogger account Open Blog Dashboard then click on Layout.
Step 2= After open Layout page then click on add  a Gadget
Step 3= Choose HTML/Java Script



Step 4= paste the below codding in HTML/Java Script Content

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEiLyT4qmok4KdGR1m-8CTe9k7Qx42Ou6xAHmJrtM8R61ZNfjBwi67qVoM8f0D183x50BBkg7Jnhwt6WZb0L3gFBui8MPiHFC5W_hwLA43DjdfCl0MWAxgzfQ520wJLOdQOAJDhFlqvWC_/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://mybloggercontent.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://mybloggercontent.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmybloggercontent&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>



Step 5= After paste this codding,Then change the above codding Red line codding with your page address
Step 6=Click On Save.

Post a Comment

 
Top