Cara Menambahkan 'Thanks for Reading' di Bawah Artikel Blog

Dulu saya suka menambahkan atau menampilkan "thanks for reading..." di bawah postingan blog. Paling saya sukai adalah muncul otomatis!

Pikir saya kala itu biar artikel saya lebih mudah muncul di halaman pertama Google 😁 mungkin iya, tapi dulu! Soalnya algoritma mesin pencari sekarang jauh lebih pintar dari biasanya.

Bisa dibilang mengikuti perkembangan zaman lah ya...

Tapi bagi teman2 yang iseng mau coba memasang teks "terima kasih sudah membaca..." yang sudah disertai dengan kategori (label) di bawah artikel blog, boleh banget coba tutorialnya di bawah ini.

Cara Memasang 'Thanks for Reading' di Bawah Artikel Blog

1. Pada langkah pertama, simpan kode di bawah ini di atas (sebelum) kode ]]></b:skin>

#seokiller{position:relative;margin:30px 0 0 0;line-height:1.4;padding:0;font-size:14px}

2. Cari kode berikut:

<div class='post-body-artikel'>

Atau kode di bawah ini:

<data:post.body/>

Catatan: biasanya kode <data:post.body/> ada 3 atau 4 kode yang sama persis, pilih salah satunya.

3. Simpan kode di bawah ini, sesudah (di bawahnya) kode <div class='post-body-artikel'> atau <data:post.body/>

<div id='seokiller'>
                    <strong>Labels:</strong> <b:loop values='data:post.labels' var='label'>
     <a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  </b:loop><br/>
                    <i class='fa fa-thumbs-o-up'/> Terima kasih sudah membaca <b><data:post.title/></b>! Bagikan artikelnya, ya!<br/><br/>
</div>

4. Tambahkan font awesome 4.7.0 di bawah ini sebelum kode </body> agar emoticon jempol (Ok!) ikut muncul.

    <script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css")
//]]>
</script>

5. Ok simpan perubahan template blogger.

Bagi teman2 yang tidak tertarik dengan emoticon jempol (Ok!) boleh banget untuk melewatkan langkah No. 4 di atas.

O iya, hapus juga kode berikut ini (lihat langkah No. 3 di atas):

<i class='fa fa-thumbs-o-up'/>

Jujur saya lupa dapat kode "thanks for reading..." ini dari mana.

Kalau gak salah "hasil" beli dari template blogger premium. Terus biar gak lupa, saya dokumentasikan saja di blog ini. Toh barangkali bermanfaat bagi banyak orang 😉 Ciao!

Arief Ghozaly Tekuni blogger sejak 2015 s/d sekarang. Suka kopi. Anti ribet. Teknik Komputer & Jaringan (TKJ).

Berbagi :