Display Related Posts with Thumbnails

Salam semua,

Tajuk godek kali ini agak kebaratan kerana aku x reti nak translate kan nye.
Tapi apa-apa hal korang boleh tengok gambar di bawah.


Senang cakap, setiap entri korang akan ada entri berkaitan bersertakan gambar kecil.hehhh

Ok la, jom godek...

1) Korang kena isi form dulu kat LinkWithIn.org

2)Pastikan korang pilih platform "Other"


3) Kemudian klik Get Widget

4) Setelah korang klik, terdapat HTML kod utk di copy. Tapi apa yang korang perlu buat ialah hanya copy kod ID mengikut gambar di bawah.


5) Kemudian pergi ke Layout>Edit HTML dan tick Expand widget templates

6) Cari kod

.post-footer {


7) Copy kod di bawah dan paste sebelum .post-footer {
<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = SITE_ID_KORANG;
(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
src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin"
style="border: 0" /></a>
</b:if>


6) Tukar SITE_ID_KORANG dengan ID yang korang copy dalam step 4

Setel..

Image Hosted by ImageShack.us

5 comments:

Post a Comment