Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menambahkan Icon Media Sosial Pada Blogspot Template Viomagz

Template legendaris buatan mas Sugeng memang sudah tidak bisa diragukan lagi. Template yang di desain dengan secanggih mungkin agar lebih memuaskan pelanggan.

Untuk pembelian template, anda dapat melihat di sugeng.id. Viomagz mas Sugeng memang dapat dikatakan adalah template terlaris yang berjenis blogspot.

Akan tetapi, saat kita memakai template ini kita harus mengatur tata letak agar sesuai dan cocok dengan tampilan blog kita, dan juga agar sesuai dengan keinginan kita.

Tak lain ada menu widget icon media sosial, dengan tujuan agar pengunjung dapat mengetahui lebih dalam tentang si penulis blog. 

Nah, disini saya akan memberikan tutorial cara menambahkan icon media sosial di template viomagz. 

Untuk informasi lebih lanjut, silahkan simak artikel ini baik-baik!

Langkah-langkah

<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='gpl' href='#' rel='nofollow'><i class='fa fa-google-plus-square 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>

ilahkan anda copy paste atau salin kode di atas. Pastikan tidak ada kode yang tertinggal agar totorial ini jadi.

Baca juga: Cara cepat agar blog dapat terindeks Google.

Cara Menambahkan Icon Media Sosial Pada Blogspot Template Viomagz
Langkah pertama, silahkan anda masuk ke blogger dan masuk ke menu tata letak. Disini anda klik tambahkan widget yang berada disamping menu tata letak.
Cara Menambahkan Icon Media Sosial Pada Blogspot Template Viomagz
Lalu, setelah anda klikktambahkan widget, klik HTML/JavaScript dan klik tombol tambahkan berwarn biru.
Cara Menambahkan Icon Media Sosial Pada Blogspot Template Viomagz
Jika sudah, masukan kode yang sudah disalin tadi ke menu HTML/JavaScript. Pastikan tidak ada kode yang tertinggal karna jika ada satu kode tertinggal tidak akan jadi.


Catatan: ganti kode berwarna merah dengan link media sosial kalian masing-masing. Jangan di spasi saat setelah menempelkan kode link sosial media kalian.
Cara Menambahkan Icon Media Sosial Pada Blogspot Template Viomagz
Jika sudah, klik simpan dan liat sudah benar atau belum. Jika sudah benar, tampilan akan sama seperti foto di atas.

Sekian totorial dari saya, semoga bermanfaat. Jangan lupa, taruh link yang benar dan salin kode dengan benar.