Membuat Related Post dengan Gambar Thumbnail di Blogspot
1. Buka linkwithin
2. Isi informasi yang diperlukan di formulir linkwithin,
3. Kemudian klik GET WIDGET!
5. Ubah judul related post dengan judul yang sobat inginkan, seperti gambar dibawah ini
10. Klik simpan
 |
| Membuat Related Post dengan Gambar Thumbnail di Blogspot |
Salam Bloger Teknik Komputer dan Jaringan (TKJ), pada posting sebelumnya saya sudah berbegi artikel tentang Cara Membuat Related Post atau Artikel Terkait di Blogspot. pada posting sebelumnya related yang dibuat masih standar dan menurut saya terlalu ribet, apalagi bagi bloger pemula.
Pada posting kali ini saya akan berbagi tips dan trik tentang Membuat Related Post dengan Gambar Thumbnail di Blogspot, jadi related post yang kali ini ada gambarnya sob. dan akan kelihatan lebih menarik.
Contoh dari Membuat Related Post dengan Gambar Thumbnail di Blogspot, saya terapkan di beberapa blog saya. contohnya di blog http://zona-game28.blogspot.com dan ini hasilnya :
 |
| Related Post dengan Thumbnail |
Ok langsung aja kita ke TKP untuk eksekusi Cara Membuat Related Post dengan Gambar Thumbnail di Blogspot
1. Buka linkwithin
2. Isi informasi yang diperlukan di formulir linkwithin,
 |
| Mengisi Formulir Linkwithin |
Note: sesuaikan stories yang tampil dengan lebar blog sobat,
3. Kemudian klik GET WIDGET!
4. Klik instal widget\
 |
| Klik Install Widget |
5. Ubah judul related post dengan judul yang sobat inginkan, seperti gambar dibawah ini
 |
| Elemen Halaman Linkwithin |
6. Klik edit template kemudian ganti semua scriptnya dengan script dibawah ini, lihat Gambar Ket 1
<b:includable id='main'><b:if cond='data:blog.pageType == "item"'>
<data:content/></b:if></b:includable>
<data:content/></b:if></b:includable>
script diatas berfungsi untuk mencegah widget tampil di homepage.
7. Kemudian klik edit content, tambahkan script dibawah ini tepat diatas kode <script>,
7. Kemudian klik edit content, tambahkan script dibawah ini tepat diatas kode <script>,
Lihat Gambar Ket 2
<script>linkwithin_text='Related Posts:'</script>
note: ganti related posts dengan judul yang sobat inginkan
 |
| Edit Template dan Content |
8. Klik menambah widget
9. Untuk menampilkan related post dibawah posting. pindahkan widget kebagian bawah post, seperti gambar berikut:
 |
| Atur Posisi Widget |
10. Klik simpan
Demikian artikel tentang Membuat Related Post dengan Gambar Thumbnail di Blogspot, semoga bermanfaat bagi teman-teman semuanya, jangan lupa like dan coment ya.....!
0 Komentar untuk "Membuat Related Post dengan Gambar Thumbnail di Blogspot"