Tutorial Memasang Widget Social Media di Blog

Content [Tampilkan]
Hallo semua kali ini Panduan Techno akan memberikan Tips dan Trik memasang widget Social Media di Sidebar.


panduan techno : cara pasang widget medsos


Apa itu Widget ??

Widget itu merupakan suatu komponen utama yang berguna untuk mempercantik tampilan blog, sehingga pengunjung yang melihat blog kita akan merasa nyaman.


Kenapa Harus di Pasang Widget Social Media ??

Ya, Sebagai Seorang Blogger, Webmaster, Pecinta Social Network, kita tidak bisa melupakan yang namanya Social Media. Social Media Ini berguna untuk sarana penyedia lalu lintas. Adanya social media ini pengunjung bisa menemukan akun kita dengan mudah

Menggunakan social media dengan benar bisa menjadi faktor penunjang suksesnya sebuah blog, karena dengan social media ini merupakan trik rahasia agar website/blog menjadi populer, social media ini meningkatkan lalu lintas dan apabila anda memiliki barang, atau jasa yang dijual maka dengan social media ini bisa meningkatkan penjualannya.

Di internet online kita menjumpai banyak sekali social media yang di antaranya adalah :

  1. Instagram
  2. Facebook
  3. Twitter
  4. Google +
  5. Youtube dan masih banyak lagi. 

Lalu Bagaimana cara untuk memasang Widget Social Media tersebut ???

Yuk Kita Simak Article berikut untuk menyimak tutorialnya ......

Pertama sobat harus masuk ke akun blog sobat terlebih dahulu disini saya menggunakan akun blogger.

Setelah Sobat masuk ke akun blognya, langkah kedua yaitu masuk ke menu "Tata Letak" ,  lalu pilih tambah gadget pada sidebar, sidebar ini sesuai dengan blog masing-masing, biasanya ada yang di kiri dan ada yang di kanan, pilih sesuai selera sobat.

tambah kan gedget



Setelah di klik maka akan muncul beberapa pilihan gadget, langkah ketiga adalah sobat pilih gadget dengan nama HTML/JavaScript.

masukkan kode


pada halaman gadget tersebut sobat bisa paste-kan code berikut :

<style>    
  #MH_socialicons img {        
   -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);    
  }   
  </style>   
  <center><p id="MH_socialicons">    
   <a href="URL Media Social"><img height="17" src="https://cdn.icon-icons.com/icons2/648/PNG/128/social_media_logo_facebook_icon-icons.com_59752.png" width="50"/ /></a>    
    <a href="URL Media Social"><img height="17" src="https://cdn.icon-icons.com/icons2/648/PNG/128/social_media_logo_twitter_icon-icons.com_59724.png" width="50"/ /></a>        
   <a href="URL Media Social"><img height="17" src="https://cdn.icon-icons.com/icons2/648/PNG/128/social_media_logo_instagram_icon-icons.com_59750.png" width="50"/ /></a>    
  </p></center> 
Note : Masukkan "URL Media Social" dengan Alamat URL Media Social Anda.
Langkah terakhir adalah klik simpan. Setelah itu lihat blog sobat.

Mudah bukan ??

Semoga bisa memberikan manfaat yaa...

Sekian Tutorial dari Saya, Terima Kasih...

0 Comment

Post a Comment

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.