Cara Menambahkan Media Sosial, Kotak Berlangganan, Widget Artikel Terbaru, Widget Featured Post di Template VioMagz

Salam Blogger sekarang ini adalah panduan cara pemasangan Media sosial, Kotak Berlangganan, Widget artikel terbaru, Widget featured post pada template premium VioMagz. Silakan dibaca secara pelan-pelan dan teliti supaya templatenya terpasang dengan baik dan benar.

Menambahkan Tombol Media Sosial

Secara default tombol social media tidak terpasang ketika template baru pertama kali diupload.

Untuk memasangnya silakan ikuti langkah di bawah:

Login ke “Blogger” > Masuk ke menu “Tata Letak”
Klik “Tambahkan Gadget” di atas Footer
Pilih Gadget “HTML/JavaScript”
Selanjutnya tambahkan kode di bawah ini pada bagian Konten:

<!-- social media button start -->
<ul class='nav-social'>
  <li><a class='fcb' href='https://www.facebook.com/' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></a>
  </li>
  <li><a class='igicon' href='https://www.instagram.com/' rel='nofollow'><i class='fa fa-instagram fa-2x'/></a>
  </li>
  <li><a class='twt' href='https://twitter.com/' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></a>
  </li>
  <li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'/></a>
  </li>
</ul>
<!-- social media button end -->

Jangan lupa klik “Simpan”
Jangan lupa rubah URL yang bertanda hijau di atas dengan URL profil social media milik sobat.

Menambahkan Widget Featured Post

Untuk memasang widget Featured Post caranya sangatlah mudah.

Caranya:
Login ke “Blogger” > Masuk ke menu “Tata Letak”
Klik “Tambahkan Gadget” tepat di atas Posting Blog
Pilih Gadget “Entri yang Diunggulkan”
Setelah itu tinggal pilih artikel mana yang ingin ditampilkan pada Featured Post
Jika sudah, klik “Simpan”

Modifikasi Tampilan Template

Sobat bisa dengan mudah mengganti warna, background, dan juga font pada template ini melalui menu Desainer Tema Blogger.

Caranya:
Login ke “Blogger” > Masuk ke menu “Tema”
Klik tombol “Sesuaikan”
Setelah itu klik “Tingkat Lanjut”
Pada menu tersebut sobat bisa merubah background dan juga warna template sesuai keinginan.

Memasang Widget Artikel Terbaru

Untuk memasang widget artikel terbaru silakan ikuti langkah-langkah berikut:

Login ke “Blogger” > “Tata Letak” > klik “Tambahkan gadget“
Pilih Gadget “HTML/JavaScript“
Pada bagian judul isi sesuai keinginan, misalnya “Daftar Artikel“
Pada bagian konten isi dengan kode ini:

<div class='artikel-terbaru'>
<script>
function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")}
</script>
<script src="/feeds/posts/summary/?max-results=5&alt=json-in-script&callback=artikelterbaru"></script>
</div>

Jika sudah, klik “Simpan“
NOTE : Yang bertanda merah adalah jumlah artikel yang dimunculkan, silakan dirubah sesuai keinginan.

Menampilan Kotak Berlangganan FeedBurner

Template ini sudah tersedia fitur kotak berlangganan via email menggunakan feedburner, tapi secara default tidak ditampilkan.

Untuk menampilkannya silakan ikuti langkah-langkah berikut:

Login ke “Blogger” masuk ke menu “Tema” > Klik “Edit HTML“
Cari kode ini :

<b:include data='post' name='relatedpost'/>

Jika ketemu, tambahkan kode ini tepat di bawahnya :

<b:include data='post' name='postsubscribebox'/>

Selanjutnya cari kode ini :

https://feedburner.google.com/fb/a/mailverify?uri=SeputarIlmu

Ganti yang saya tandai merah dengan ID FeedBurner milik sobat

Cari lagi kode ini :

<input name='uri' type='hidden' value='SeputarIlmu'/>

Ganti yang saya tandai merah dengan ID FeedBurner milik sobat

Terakhir klik “Simpan tema“