Cara membuat related post

Cara membuat related post dengan gambar yang berada di bawah posting blog. Related post akan menampilkan gambar dan judul dari artikel lainnya dengan label yang sama atau berbeda disetiap posting yang sedang di buka. Untuk lebih jelasnya. Ikuti langkah-langkah dibawah ini.

Cara membuat related post

1. Kunjungi www.linkwithin.com

2. Setelah itu isi dengan alamat email, URL blog, pilih platform blogger, dan jumlah artikel yang ditampilkan seperti gambar dibawah ini.

3. Klik get widget, maka akan terbuka halaman baru seperti gambar dibawah ini.

cara membuat artikel terkait dengan gambar

4. Klik Install widget maka akan terbuka Add page element, lalu klik Add Widget untuk menambahkannya ke blog.

5. Selanjutnya buka bagian tata letak dan tempatkan widget linkwithin di bagian bawah blog.

6. Terakhir save template. Dari sini related post sudah ada dibawah posting. Selesai.

Sekarang, cara menyembunyikan widget linkwithin dari halaman awal blog. widget linkwithin akan tampil dibawah setiap posting blog. Ikuti langkah-langkah dibawah ini.

Cara menyembunyikan widget linkwithin dari halaman awal blog

Login ke blog, dari halaman dasbor ke pengaturan template.
Klik edit HTML dan cari kode linkwithin(gunakan ctrl f untuk memudahkan pencarian. kode lengkapnya kira-kira seperti ini.

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

Setelah dapat kode diatas, tambahkan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if> diantara kode-kode diatas. contoh:

<b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType == "item"'><data:content/></b:if></b:includable>
</b:widget>

Sekarang coba preview, jika sudah hilang dari halaman awal blog. Baru save Template. Selesai.

Berikutnya, Cara mengganti tulisan You May Also like these stories dan menghilangkan tulisan Linkwithin dibawah gambar widget.

cara membuat related post dengan thumbnail

Cara mengganti tulisan You May Also like these stories

Masuk ke bagian pengaturan template.
Klik edit HTML dan cari kode <head> dan masukan kode berikut dibawah <head>

Tulisan Artikel lainnya bisa diganti dengan kata yang kamu inginkan.
Save template. Selesai.

Menghilangkan tulisan Linkwithin dibawah widget

Masuk ke bagian pengaturan template.
Klik edit HTML dan cari kode ]]></b:skin> dan masukan kode berikut diatas ]]></b:skin>

#linkwithin_logolink_0 {display:none;}

Save template, selesai.

Jika dibawah posting blog kamu sudah banyak widget, seperti iklan, tombol share dan lainnya. Untuk menempatkan widget Linkwithin dibawah widget yang sudah ada, tambahkan kode <div class="linkwithin_div"></div> dibawah kode widget yang kamu inginkan. Sebagai contoh:

Menempatkan Widget Linkwithin dibawah tombol share asli blogspot

Masuk ke bagian pengaturan template.
Klik edit HTML dan cari kode <b:include data='post' name='shareButtons'/> dan masukan kode <div class="linkwithin_div"></div> ini dibawahnya. contohnya:

<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>

<div class="linkwithin_div"></div>

Save template, selesai.

Cukup sekian artikel pertama saya di Desain Blog Tutorial dan Tips Trik Blogspot, tentang cara membuat related post dengan gambar, silakan baca juga tentang cara cara membuat read more di blogspot atau baca selengkapnya untuk mempersingkat tampilan posting di halaman awal blog. Dan juga membuat komentar facebook di blog pada bagian bawah setelah artikel. Atau mengganti warna judul sidebar widget di blogger. Semoga Bermanfaat.

ELEKTRONIK