Tutorial Blogger

Cara Membuat Related Post dengan Thumbnail dan Snippet di Blogger

Related Post atau Artikel terkait merupakan sekumpulan link artikel atau postingan blog yang akan muncul di bawah postingan jika memiliki topik konten yang sama dengan artikel yang sedang dikunjungi.

Selain dapat mempercantik tampilan web, related post juga berfungsi untuk meningkatkan page views dan menurunkan bounce rate pada blog. Pada umumnya related post terletak di akhir atau di bawah postingan blog. Namun tidak jarang juga ada yang memasangnya di bagian sidebar blog.

Pada kesempatan kali ini, penulis akan memberikan sedikit tutorial singkat Cara Membuat Related Post Model List dengan Thumbnail dan Snippet di Blogger. Di artikel lainnya, penulis juga sudah membuat artikel berjudul Cara Membuat Related Post Grid dengan Thumbnail di Blogger

Sebetulnya related post kali ini hampir serupa dengan yang sebelumnya, namun ada beberapa tambahan script kode yang memiliki fungsi untuk menampilkan Snippet atau Summary (Cuplikan Deskripsi). Jika kamu tertarik untuk memasangnya, kamu bisa simak dalam tutorial di bawah ini.

Cara Membuat Related Post dengan Thumbnail dan Snippet

1. Log in ke akun Blogger → Tema → Edit HTML.

2. Copy dan Pastekan kode Style CSS di bawah ini tepat sebelum kode ]]></b:skin> atau </style>

3. Masukan kode JavaScript di bawah ini tepat sesudah atau di bawah kode <data:post.body/>

Info: Jika menemukan kode <data:post.body/> lebih dari satu, maka coba satu persatu. Atau pilih kode yang paling akhir.

Catatan:

  • var jumlah : Jumlah artikel yang ingin di tampilkan
  • var kata : Jumlah huruf yang ada di snippet

4. Simpan Tema.

Berikut adalah tampilan Related Post Model List dengan Thumbnail dan Snippet yang telah terpasang di blogger.

Sekian tutorial Cara Membuat Related Post Model List dengan Thumbnail dan Snippet di Blogger yang penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2019 Inwepo - All Rights Reserved.

To Top