CARA MEMBUAT WIDGET MEDIA SOCIAL MELAYANG DI BLOG

Kali ini kakafuad akan membahas tentang blog,, disini kakafuad akan membagi ilmu bagamimana MEMBUAT WIDGET MEDIA SOCIAL MELAYANG DI BLOG ... media social yang akan kakafuad bagi disini adalah Facebook,Twitter, & Google Plus.

Ok langsung saja

CARA PEMASANGANNYA

1.)  Masuk ke Blogg teman-teman.

2.)  Plih menu tata letak>tambah gadget>HTML/Java Script

3.) Copy dan pastekan kode dibawah ini 

<style>

.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaMWBFRjWWP3KTyaPRj4d7UkRYCUoy7Lrdpa3YPi3nXXVtbcX1vn8hqLijVeVt22dLxDYMoA8Heh3dLY_9xET3pa2cqg3dHxp31vVckNzJsQbB1AskB_LVfAmrHXOoijnOLB95m39J5MY/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}

 .fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEUqkWwCbPqZZldMiakDan-IFOp3Vuy5GlafNgpeLEob2sXN3-iPIT8KMIKcdxAZrdUTeZgxAv-4oDfoM8IYX6lrJdKFAw0CrTVZQfK1WY1dEGsuAK4lszfM3oqvVbAoUOV7FUEUw6SLA/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}

 .fixedmenu_1{margin:0px 0 0 43px}

 .fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXv2WbDeYfJgFmUfOETe9vrdEv8WlcXGsRWXB9htxRIVeAXpKq7E0GX1VmtsQEC25gC41huac5ITKaLkugp6z0FpaWuYKL-Xm_ovHDxdKRbh3HfiZc5ZVcImXzH4_sVMVOjZYg62-fNg/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}

 .fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7U-vQTufy4LqeRswUK3EJeBz1c2T4_Najx-ji1ybQtX-UpbiQS2SXjbyGvXKp97IzWnOSzWdzVOsvxwtqgJDfKBGYpsgLT77QR3EngbQQMweKz0AXVKX92Vy55Fs63_CtmIdErVy0R0U/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}

 .fixedmenutw_1{margin:0px 0 0 43px}

 .fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6jzwZk9c9IZp5-YvJi-82fGL_fcjLxQKQMx9bwMFihXwEeyAxoH91_v4tA94wU3a1z_emp3LiHnWYmMI7hEGOkNJxl4fFlj6G4PiN3aiMkhkFmwtt24dl7lbvkllFc43ldw3RI1uVUmg/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}

 .fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBvSnXEFgS2ZRHER3s-EMqqInYLOxCa2eGi86L5z1Y75pW78w322GnHBRg1RYdsDt7c5ivHyl95xdIJAVPWEqk6IPo-s59-_8FjlR44Fc9K9ITPZiXq65fsjAKFwPrBLeWRVP8IkON11Q/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}

 .fixedmenufb_1{margin:0px 0 0 43px}

.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmlHtZEgRtkCJ8E59lCA9m2gkNgaZArO0F7bbr3Ir0Hg0JxrmWrOVfJ_d9tLIm-Lv_enPE2V262mspIZGe9tDNX5gYXcKWahY5_rOaa7IDROZNAQdDYi1ANbbwRcze6aYoNrumTlwFEg/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}

 .fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7sijl-othIHU7ytwY2U6IN6JRCbaYKC8fK9eDhYfemgTVKt9craZmNszMcdP7ppd5blvDqLukDD3SOzS0fXXDOP0_WVfAoTEfZH5uJhhpNRjCizCmBP7JIMzh9ZWzrn03EJ5jQWpK2po/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}

.fixedmenurss_1{margin:0px 0 0 43px}

 </style>

 <div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>

 <a href=' https://www.facebook.com/syaiful.thevil' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz97TqVuck2ykfQ7bEtfv68LhCbVtp0Rqtu6o9u29EswmmTd3Czbtq08IHS2MiuTKSDtknKwgVoFchxv9LcjIPlzti-E3otvcscuhU-zUSUeQ-wxZMkSSuKknUPVSv_UFA9ANglfb40f4/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

 </div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>

 <a href=' https://twitter.com/q_vil' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGOh9MovKldLqk28xI6q-HO-Ns5TNe2kuo7zt2g605tCCXIEs1AshmN2bZ3nw0eWv7NbCymWP_MAWwtuGCBJpSlg6tmcz6rp9Y7y__Iezf0Jb58Xc4pTMYo61dNsOjUw5NQHOpvVphJ4w/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

 </div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>

 <a href=' https://plus.google.com/u/0/107173157964797466116' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKidcRBOuWvCsM48rlXn2PcOSAuIcF5wv6CscH3z22yFIfJxj4PH24m5QVkKDjN95xMVulvX1QsUweUWq5951ZaWEkKC43iTHBNPFqrTiPuTlWSy_DocsRmsxy7OSFnT719jcJqoE96Y/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

 </div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>

  </div></div>

 Catatan : ganti script brikut dengan URL punya teman-teman sendiri

Biru-> ganti dengan link profil fb sobat

Biru Muda-> ganti dengan link profil twitter sobat

Merah-> ganti dengan link google+ sobat

4.) Simpan.

Selesai deh ,,, SEKIAN DULU !!!

Categories: Blogger