Beberapa hari yang lalu saya sempat berkeliling Internet, Lalu saya singgah di salah satu Blog teman saya, jika diperhatikan baik-baik, ada yang unik dengan Blognya, pada bagian bawah setiap postinganya terdapat Related Post with Image (Posting berhubungan dengan gambar), Jika dilihat Widget tersebut cukup menarik.tentu Kalian semua sudah tau cara membuat Related Post dengan versi kalian masing-masing, Tapi Bagaimana dengan Related Post yang menggunakan Images (Menampilkan Thumbnails dari Artikel Anda). Untuk Membuat Tampilan seperti itu, sangatlah sulit jika hanya menggunakan kode2 HTML, Tapi tenang aja, kita dapat menggunakan bantuan dari www.linkwithin.com, contohnya seperti gambar pada awal postingan ini. Untuk membuatnya sangatlah mudah, 1.Kunjungi Situs www.linkwithin.com 2.Lalu Isi Form Pendaftarannya Email=Masukan Email kalian Blog Link=Masukan Url Blog anda Platform=Masukan tempat anda membuat Blog Color=Pilih warna yang sesuai Sebagian besar informasi ini datang langsung dari kata kunci%% pro. Hati-hati membaca sampai akhir benar-benar menjamin bahwa Anda akan tahu apa yang mereka ketahui.
3.Lalu Klik Get Widget, Lalu Klik Install Widget {Kode yang diberikan oleh linkwithin Biasanya otomatis dimasukan ke blogger, nah kode dari linkwithin tersebut muncul sesudah tulisan readmore (bagi blog yang memakai readmore}. 4.Buka Widget dari Linkwithin tersebut {yang ada di sidebar}lalu Copy kodenya terlebih dulu ke Notepad, Lalu Delete Widget tersebut, Kodenya seperti ini.
5.Dari Dashboard anda Klik Tata Letak>>Edit HTML>>klik Expan Widget Templates 6.Lalu Cari Kode <p><data:post.body/></p> {bagi yang memakai readmore} 7.Lalu copy kode yang anda simpan di Notepad sebelumnya, dan pastekan dibawah kode diatas 8.Lalu Simpan Template anda Udah sampai sini dulu, ya
3.Lalu Klik Get Widget, Lalu Klik Install Widget {Kode yang diberikan oleh linkwithin Biasanya otomatis dimasukan ke blogger, nah kode dari linkwithin tersebut muncul sesudah tulisan readmore (bagi blog yang memakai readmore}. 4.Buka Widget dari Linkwithin tersebut {yang ada di sidebar}lalu Copy kodenya terlebih dulu ke Notepad, Lalu Delete Widget tersebut, Kodenya seperti ini.
<script>
var linkwithin_site_id = 39937;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img alt="Blog Widget by LinkWithin" style="border: 0" src="http://www.linkwithin.com/pixel.png"/></a>
5.Dari Dashboard anda Klik Tata Letak>>Edit HTML>>klik Expan Widget Templates 6.Lalu Cari Kode <p><data:post.body/></p> {bagi yang memakai readmore} 7.Lalu copy kode yang anda simpan di Notepad sebelumnya, dan pastekan dibawah kode diatas 8.Lalu Simpan Template anda Udah sampai sini dulu, ya
Tidak ada komentar:
Posting Komentar