Sabtu, 02 November 2013

Home » » Cara Membuat Related Post Dengan Thumbnail

Cara Membuat Related Post Dengan Thumbnail

Cara Membuat Related Post Dengan Thumbnail

Cara Membuat Related Post Dengan Thumbnail

Untuk meningkat kan trapik pageview pengunjung pada suatu blog banyak ragam dan cara yang di lakukan oleh para blogger, dan salah satu diantaranya ialah dengan memberi pitur tambahan widget Related Post pada blog yang merekah kelola. Dan pada kesempatan kali ini Cik Awi akan ngeposting tutorial blog yaitu tentang bagaimana

Cara Membuat Related Post Dengan Thumbnail

atau di sebut juga Related Post Dengan gambar.

Adapun untuk

Cara Membuat Related Post Dengan Thumbnail

adalah sebagai berikut:

1. Langkah pertama Pergi ke alamat berikut linkwithin.com.
2. Setelah masuk pada halaman tersebut, lihat ke bagian kanan bawah dimana disitu terdapat kolom isian untuk mendapatkan widgetnya.
3. Masukkan email valid yang anda punya.
4. Isikan url blog atau website.
5. Pilih Platform sesuai blog yang anda kelola.
6. Pilih jumlah link atau stories yang ingin anda tampilkan, sesuaikan dengan lebar post body di blog.
7. Centang "My blog has light text on a dark background" jika blog anda berwarna gelap

Cara Membuat Related Post Dengan Thumbnail

8. Jangan lupa Klik 'GetWidget!'. Untuk mendapatkan kode berupa scriptnya, selanjutnya copy kode tersebut untuk anda gunakan. Contoh penampakan Related Post dengan thumbnail punya saya bisa anda lihat DI SINI

Dan cara pemasanganya untuk blogspot bisa melalui dasboard tata letak tambah gadget dan tempatkan kode tersebut di kolom yang ada atau tepatnya pas di bawah postingan. Atau bisa juga melalui EDIT HTML pada template dengan mempaste kan kode script yang telah anda dapat tersebut tepat di atas kode </body> secara default script related post linkwithin tersebut jika terpasang pada judul akan muncul text "You Might Also Like" dan untuk menggantikan text tersebut sesuai yang kita ingin kan tambahkan kode berikut:
<script>linkwithin_text=&#39;TULIS TEXT JUDUL DISINI :&#39;</script>
dan pastekan tepat di bawah kode: ]]></skin> dan jika ingin menampilkan Related Post yang telah anda buat yang telah terpasang di atas kode
</body> tersebut hanya tampil pada postingan saja tambahkan kode berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>PASANG KODE SCRIPT LINKWITHIN DISINI</b:if>
simpan template dan lihat hasilnya. Demikian Tutorial blog dari Cik Awi kali ini berkenaan tentang

Cara Membuat Related Post Dengan Thumbnail

.

Ada 12 Komentar Pada Artikel » Cara Membuat Related Post Dengan Thumbnail

  1. aku pake yang simple saja mas..untuk related postnya :-)

    BalasHapus
  2. saya sudah pasang related post tapi gk pake linkwithin hehe :)

    BalasHapus
  3. linkwithin ini membikin loading blog lama apa tidak ya?

    BalasHapus
  4. Nyoba ah , buat tambah ilmu yang ga ku tahu sebelum disini

    BalasHapus
  5. Saya pakai bawaan template mas

    BalasHapus
  6. Saya sudah pernah pakai ini kang, lumayn mempercantik tampilan blognya.

    BalasHapus
  7. Di blog saya ada tapi gx tau cara pasangnya gan :D

    BalasHapus
  8. Jadi keliat tambah menarik ya cik...pake thumbail :)

    BalasHapus
  9. asyik ya kalau pake thumbnail kan bergambar, semakin menarik gambar, semakin bikin penasaran dan pengen baca artikelnya...

    BalasHapus
  10. wah berhasil,... simple g ribet,...... thx a lot.....

    BalasHapus

Label terkait:
|widget|Tips n trik1|Tips n trik2|Suak Putat|Seputar Jambi|Sejarah|Saint|Kehidupan|Religi|Olahraga|Mp3|Layanan|Langka tapi Nyata|Game|Ekonomi|Aplikasi|Kamus Bahasa|

Diberdayakan oleh Blogger.