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.
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 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>
<script>linkwithin_text='Artikel Lainnya:'</script>
- 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.