Muhammad Mizan ›› Catatan Dalam Jaringan

Membuat artikel terkait dengan gambar kecil (thumbnail) pada posting blog dapat membuat keunikan tersendiri pada blog. selain preview yang lebih enak dilihat. Gambar yang akan muncul adalah gambar yang masuk ke dalam postingan saat kita membuat entri pada blog.

Cara membuatnya cukup rumit juga, tapi bisa dicoba dan pasti berhasil, kalau tidak, berarti template blog terlalu diutak-atik sehingga perlu mengubah kode HTML di sana-sini. Bingung juga kalau begitu (sori... can't help)

Pertama login ke dalam dasbor Blog dan masuk pada tata letak (Edit Layout), jangan lupa untuk mencentang "Expand Widget Templates".

Cari kode berikut (gunakan 'Ctrl+F' pada browser untuk mencari kode) :

</head>

Setelah itu letakkan kode berikut tepat diatasnya


<b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Verdana, Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> </b:if>

Setelah itu temukan kode html ini:

Edit jumlah postingan pada kode:

var maxresults=5;

Edit judul pada kode:

var relatedpoststitle="Artikel Terkait:";

Setelah itu simpat editan html, lihat blog dan adrakadabra....!!
Jadilah artikel terkait dengan thumbnails pada bagian bawah postingan.