Powered By Blogger - Cool Hover Effect

Well its time to give credit to blogger for the free website scheme that they have given us. Blogger has provided buttons which promote their site.But the buttons are so boring that they are hardly seen .


This widget also promotes their site but in a COOL way.  Have a look

Look Below for the demo 

Proudly Powered By Blogger

Adding the widget 

1. Login to blogger 
2. Click on layout 
3. Add a Gadget
4. Html/ Javascript
5. Enter the following code in it 

<div class="widget-content">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-family: 'segoe print', sans-serif; font-size: large;">Proudly Powered By <a href="http://www.blogger.com/" target="_blank">Blogger</a></span></div><br />
<div style="text-align: center;">

<a href="http://www.blogger.com/" target="_blank"><img onmouseout="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg-IKBscX0vy5RecHKDEd_ElC4MjoZ3yUOuP-DIJ-SXrpRw2Yqmc-TBbNA7fKXOZLPib4LOMIV6JfWoity7ryLyAT-nizSVFJvaqXn84WG2mADtnzdZEUayOZ-iM38Qz5sSQiXv1p6CRyM/s1600/1326992718_blogger.png&#39;" onmouseover="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuknCRDr4lHS15mqB81MTGQifm7PkDiESLWJ_VzCWZBraVthxhcPYT2IN0lQaDu_kCTfupiljdKY8oIM196fXCkWBpU4P9eJWkfgWom6rKXotBPZaHHHQv3883-hbjxf12vSEWhN-a_RMx/s1600/1326992718_blogger.png&#39;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg-IKBscX0vy5RecHKDEd_ElC4MjoZ3yUOuP-DIJ-SXrpRw2Yqmc-TBbNA7fKXOZLPib4LOMIV6JfWoity7ryLyAT-nizSVFJvaqXn84WG2mADtnzdZEUayOZ-iM38Qz5sSQiXv1p6CRyM/s1600/1326992718_blogger.png" /></a></div>
</div>
</div>
<a href="http://www.bloggertrickszz.blogspot.com/2012/05/powered-by-blogger-hover-effect.html"><small>Get It </small></a>

Thats it ! It's a cool widget to have in your blog footers. I end this  post here , hope you liked it !!  

Follow @shipsocker

Stay Connected With Free Updates

Subscribe via Email