Ketika mondar mandir untuk mencari cara membuat artrikel terkait, saya menemukan beberapa info dari bloger dan dari banyak info itu ku mencoba untuk mengambil beberapa hal yang menarik dan dapat ku terapkan di blog ku. sedikit cara yang dapat saya bagikan adalah membuat artiket terkait dengan gambar. mau mencoba!!!! ikuti langkah langkah dibawah ini.
1 Login ke Blogger
2 Masuk ke "Tata Letak - Edit HTML"
3 Checklist "Expand Template Widget"
4 Cari kode </head> dengan cara ctrl + f
5 copas kode dibawah ini tepat diatas </head>
<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: 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://theplick.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> </b:if>
6 Cari kode <div class='post-footer-line post-footer-line-1'>
jika tidak ada cari <p class='post-footer-line post-footer-line-1'>
7.(copy paste) kode dibawah ini tepat dibawah kode pada langkah 6:
<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/> </b:if> </b:loop> <a href='http://the-plick.blogspot.com/2010/07/integrasi-artikel-terkait-dengan-gambar.html' style='display:none;'>Related Posts with thumbnails for blogger</a> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Artikel Terkait"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div> <div style='clear:both'/> </b:if>8 Simpan template dan preview
Untuk merubahjumlah artikel terkait silahkan mengganti var maxresults=5;
can untuk mengganti nama "artikel terkait" cari
kode var relatedpoststitle="Artikel Terkait";
terserah anda mau mengganti apa aja kata katanya
kode var relatedpoststitle="Artikel Terkait";
terserah anda mau mengganti apa aja kata katanya
dan akhir kata selamat mencoba.
iya sob, tp koq mirip widget Link Within ya scara tampilannya, ga jauh beda bgt sob, cm beda pada script n cara pasang, kl link within kan bs copas ke dlm Gadget HTML/Javascript, nah kl pny mu ini perlu edit html dl ... :D
ReplyDeletehelo kawan...pa kabar nih?
ReplyDeleteSaya senang dengan penampilan blog kamu, very nice and briliant..tks:I
ReplyDelete