Menambahkan Widget Social Media di Blogspot

Halooo Kawan Bunjiro..

untuk para pengguna baru blogspot Widget  Social Media belum terpasang, banyak Template-Template Blog yang sudah Include Widget  Social Media ada juga yang tidak.

maka dari itu Kawan Bunjiro jangan hawatir kita akan meninstall Widget  Social Media dalam versi ini ada banyak hal baru yang ditambahkan yaitu ketika Anda mengarahkan mouse di atasnya ikon hanya sedikit ia akan ke bawah dan itu akan lebih menarik dan kemudian normal.

Berikut ini adalah screen shot dari widget ini .

   Yang paling penting itu menghubungkan situs Anda ke situs sosial.
     Widget ini termasuk top 5 situs berbagi yang berada di bawah

                   1. Facebook.com
                   2. Twitter.com
                   3. Plus.google.com
                   4. Pinterest.com
                   5. Linkedin.com

So cara Pasangnya ikuti langkah-langkah ini.

•  Login Akun Blog Anda
• Klik > Layout
• Pilih "Add a gadget"

• Cari HTML/JavaScript di kotak Pencarian
• Klik tanda + untuk menambahkan

•  Copy  Kode ini

<tr> <td width="245" height="35"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar"> <li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li> <li id="twitter"><a target="_blank" href="http://twitter.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li> <li id="Googleplus"><a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png"></a></li> <li id="Pinterest"><a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png"></a></li> <li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png"></a></li> </ul> <style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td> </tr> <tr> <td height="10"><h6 align="center"> <!-- PLEASE DON"T REMOVE CREDIT --><a href="http://www.mbgadget.com/">blogger widget</a></h6> <!-- END SOCIAL MEDIA WIDGET --></td> </tr> </table>

• Paste kan Di Kolom HTML?JavaScript

 

• Berikan Judulnya "Social Profile"

Ganti twitter.com/username dengan URL Profile Twitter kamu
Ganti facebook.com/uername dengan URLProfile Facebook kamu
Ganti plus.google.com/u/0/profilepageaddress dengan URLProfile Twitter kamu
Ganti  pinterest.com/username dengan URL Profile Pinterest kamu
Ganti linkedin.com/username dengan URL Profile Linkedin kamu
Ganti digg.com/users/username dengan URL Profile digg kamu

• Simpan Deeehhh....

jadi Tambah Keren kan blog kamu..