Memasang Widget Sosial Media Keren


Widget adalah salah satu komponen utama dalam hal untuk mempercantik tampilan blog. Ada beberapa widget yang biasanya dipasang di blog kesayangannya masing-masing, salah satunya adalah widget media sosial.

Apa fungsi dari widget media sosial?
Beberapa fungsi dari widget sosial media adalah mempermudah orang-orang untuk mencari akun kita. Misalnya di facebook, twitter, Google Plus, atau pun hal lainnya. Dalam widget media sosial juga kita bisa dengan mudah untuk mempromosikan bisnis yang sedang kita jalani seperti yang ada di website-website bisnis.

Bagaimana cara memasangnya pada blog?
Cara memasang widget ini sangat mudah kawan, Yuk langsung ikuti tutorialnya!

Pertama, masuk ke Blogger.com

Kedua, langsung menuju ke Tata letak => lalu tambahkan gadget, pilih di kelompok sidebar yang ada di sebelah kanan template.

Ketiga, pilih HTM/JavaScript, lalu pastekan kode berikut ini

 <style>    
  #MH_socialicons img {    
  /* Spinning Social Icons Widget By www.chandra-sentosa.blogspot.com */    
   -moz-transition: all 0.8s ease-in-out;    
   -webkit-transition: all 0.8s ease-in-out;    
   -o-transition: all 0.8s ease-in-out;    
   -ms-transition: all 0.8s ease-in-out;    
   transition: all 0.8s ease-in-out;    
  }    
  #MH_socialicons img:hover {    
   -moz-transform: rotate(360deg);    
   -webkit-transform: rotate(360deg);    
   -o-transform: rotate(360deg);    
   -ms-transform: rotate(360deg);    
   transform: rotate(360deg);    
  }   
  /* Spinning Social Icons Widget By www.chandra-sentosa.blogspot.com */</style>   
  <center><p id="MH_socialicons">    
   <a href="URL FACEBOOK"><img src="http://3.bp.blogspot.com/-eG9bPvyOXro/UPBYTmI8VEI/AAAAAAAAJqI/TFBZzBxJ59c/s1600/NBT+facebook+icon.png" /></a>    
   <a href="URL TWITTER"><img src="http://4.bp.blogspot.com/-dB0P2JmL6QA/UPBYVfvhyII/AAAAAAAAJqU/HFD5UeTJck8/s1600/NBT+twitter+icon.png" /></a>    
   <a href="URL GOOGLE PLUS"><img src="http://1.bp.blogspot.com/-XU8OI90JZQc/UPBYUKmev_I/AAAAAAAAJqM/FPgdcMimraQ/s1600/NBT+google+plus+icon.png" /></a>    
   <a href="URL YOUTUBE"><img src="http://1.bp.blogspot.com/-YNToKMeHx9A/UPBYWVeeq5I/AAAAAAAAJqc/HEpC_PsZBsY/s1600/NBT+youtube+icon.png" /></a>    
  </p></center>  

Keterangan : masukan URL sosial media masing-masing di tempat yang sudah disediakan.
Terakhir, klik simpan lalu langsung lihat blogmu kawan.

Mudah bukan? Yap pastinya.
Semoga bermanfaat :)
Demo
click to begin

15 komentar

keren dan simpel. kalau mau nambah instagram bagaimana ya? terimakasih

kenapa hasilnya jadi gini ya gan.. www.perkututnusantara.com

Bagus bgt, cuma sayang instagramnya ga ada ya gan? Boleh bantu untuk link instsgram juga gan...???

makasih...mantap dan berguna mas

Bisa bikin widget untuk line gk bro??

kalau nambah instagram gimana ya kak...terima kasih

Tinggalkan jejakmu dengan menulis di kolom komentar :)
EmoticonEmoticon