Widget sosial metro untuk Blogger

Oke sob kali ini saya bagi bagi widget yang saya dapat dari mbah google,
Saya nemu ini saat saya cari jam di blogger tapi malah nemu ini,
Sebuah widget sosial tampilan/style metro
saya juga ucapkan banyak terimakasih buat yang buat ini,
ini ku kasih jadinya ananti seperti ini

heheheheehheee,
gimana brother semua
pasti ingin mengunakannyakan,nih dia script widget nya

<div class='metro-social'> </p> <p> <li><a class="fb" href=https://www.facebook.com/bleacha1></a></li> </p> <p> <li><a class="tw" href=http://twitter.com/amatullahsyukur></a></li> </p> <p> <li><a class="gp" href="https://plus.google.com/116382152511220195182"></a></li> </p> <p> <li><a class="pi" href=http://pinterest.com/amatullahsyukur rel="nofollow"></a></li> </p> <p> <li><a class="in" href=http://www.linkedin.com/profile/view?id=310420053&trk=nav_responsive_tab_profile"></a></li> </p> <p> <li><a class="yt" href=http://www.youtube.com/amatullahsyukur></a></li> </p> <p> <li><a class="fd" href=http://kizrap.blogspot.com/></a></li> </p> <p> </div> </p> <p> <style></p> <p> .metro-social{width:285px}</p> <p> .metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}</p> <p> .metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}</p> <p> .metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}</p> <p> .metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}</p> <p> .metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}</p> <p> .metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}</p> <p> .metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}</p> <p> .metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}</p> <p> .metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}</p> <p> .metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}</p> <p> .metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}</p> <p> .metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}</p> <p> .metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}</p> <p> .metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}</p> <p> .metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}</p> <p> .metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}</p> </style>

bagaiamana sob

Browse More Articles

Tweet

Written by Unknown

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.