Cara membuat LinkWithin tampil di bawah postingan

LinkWithin, sudah pada tahu kan??
Itu lho.. Related Post / artikel terkait yang bergambar (Thumbnail) yang biasanya ada di bawah postingan.



Pasti sudah pada tahu cara masangnya kan..??

Kalau belum tahu, belajar sama mbah gugel. hehe

Tapi bukan cara memasang yang saya bahas disini, tapi cara agar widget linkWithin ini tampil hanya pada halaman posting (dibawah postingan)


jika kita baru pertama kali memasang widget LinkWithin ini pada elemen blog, maka selain muncul di halaman posting, juga akan tampil di beranda atau home page di bawah readmore.


Widget yang muncul di beranda ini akan membuat waktu loading home page blog menjadi lebih lama. Nah, agar loading home page menjadi lebih ringan, kita buat saja widget LinkWithin ini tampil atau muncul hanya di halaman posting. Bagaimana caranya? Silakan simak langkah-langkah berikut ini.


Namun sebelumnya, pastikan Anda telah memasang widget LinkWithin pada blog Anda, sudah pasang belum? Kalau sudah langsung saja kita lanjut>>


1. Masuk ke akun Blogger Anda.


2. Klik Rancangan > Edit HTML.


3. Klik Download Template Lengkap untuk mem-backup template. Hal ini dilakukan untuk berjaga-jaga kalau nanti ada kesalahan dalam pengeditan, kita dapat dengan mudah mengembalikan template ke seperti sebelumnya.


4. Beri tanda centang pada Expand Template Widget.


5. Cari kode seperti di bawah ini. Gunakan Ctrl + F, kemudian masukkan kata LinkWithin sebagai kata kunci utamanya.

Maka akan mucul kode seperti ini kira-kira:


<b:widget id="HTML2" locked="false" title="LinkWithin" type="HTML">
<b:includable id="main"><data:content></data:content></b:includable>
</b:widget>

6. Tambahkan kode  <b:if cond="data:blog.pageType == &quot;item&quot;"> setelah kode <b:includable id="main"> dan masukan kode </b:if> sebelum </b:includable> sehingga hasilnya menjadi seperti di bawah ini.

<b:widget id="HTML2" locked="false" title="LinkWithin" type="HTML">
<b:includable id="main"><b:if cond="data:blog.pageType == &quot;item&quot;"><data:content></data:content></b:if></b:includable>
</b:widget>
 (warna merah kode yang harus di tambahkan)

7. Pratinjau dahulu untuk melihat hasil kita
8. kalau sudah berhasil baru kita SIMPAN TEMPLATE
9. Selesai. 






0 comments:

Jangan sungkan-sungkan komen di mari gan...
:)

Hidup Indah bila Mencari Berkah