Cara Menambahkan Widget Media Sosial Pada Footer - VioMagz



Template VioMagz merupakan salah satu template yang populer dan banyak digunakan oleh blogger saat ini, template buatan Mas Sugeng itu sukses mencuri perhatian para pengguna blog sehingga membuat mereka kepincut untuk menggunakannnya, termasuk saya juga wkwk. Selain memiliki desain yang simple template ini sangat responsive dan tidak lemot saat loading, itu semua karena template ini di desain secara ringkas dan tidak memiliki banyak widget yang membuatnya berat saat digunakan. 

Nah, dengan minimnya widget bawaan dari template viomagz maka dalam artikel kali ini saya ingin berbagi cara menambahkan widget media sosial pada footer VioMagz. Jika kalian ingin melihat hasilnya silahkan cek bagian footer pada blog ini karena saya sendiri juga memasang widget tersebut. Menarik bukan, itulah widget media sosial yang saya maksud dan yang akan saya share ke kalian. Yuk simak langsung...

  • Langkah pertama, silahkan log in dulu ke blogger lalu masuk ke Dashboard
  • Langkah kedua, pilih Tata Letak 
  • Selanjutnya scroll kebawah dibagian footer > klik Tambahkan Gadget
             


  • Setelah klik tambahkan gadget maka nanti akan muncul berbagai macam pilihan widget, namun disini kalian pilih Tambahkan HTML/Java Script




  • Jika sudah muncul biarkan judul widget kosong dan  bagian kolom konten atau kolom bawah kalian isi dengan kode java script yang saya tulis dibawah ini :


<ul class='nav-social'>

  <li><a class='fcb' href='#' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></i></a>

  </li>

  <li><a class='igicon' href='#' rel='nofollow'><i class='fa fa-instagram fa-2x'/></i></a>
  </li>
  <li><a class='twt' href='#' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></i></a>
  </li>
  <li><a class='ytb' href='#' rel='nofollow'><i class='fa fa-youtube fa-2x'/></i></a>
  </li>
</ul>
  • Kode ( # )yang berwarna kuning silahkan kalian ganti dengan Url link Media Sosial kalian masing-masing
  • Lalu simpan. 
Itulah cara menambahkan widget media sosial pada footer viomagz, untuk melihat hasilnya jangan lupa setelah di simpan kalian refresh dulu agar widgetnya muncul. Terima kasih semoga bermanfaat.


Comments

Popular posts from this blog

BlueHost Review 2021: What's New In BlueHost? The Complete Overview With Pros & Cons

Ini Dia Bocoran Spesifikasi OnePlus Nord CE 3

Microsoft akan Berikan Fokus Perbaikan PC Gaming