Cara Mudah Membuat Artikel Terkait Dengan Gambar Di Blog Terbaru
Berikut Langkah - Langkahnya :
- Login Ke Blogger
- Pilih Template >> Edit HTML >> Ceklis Expand Template Widget
- Letakan kode berikut ini di bawah kode ]]></b:skin>
<b:if cond=data:blog.pageType == "item">
<style type=text/css>
#related-post{float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px}
#related-post h2{font-size:14px; margin:5px 0px 0; padding:0 0 5px; font-weight:normal}
#related-post a{color:black; border-left:1px #EEE solid; border-right:1px #EEE solid}
#related-post a:hover{color:black}
#related-post a:hover{background-color:#F8F8F8}
</style>
<script type=text/javascript>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvWGmrAbXiB1ohFdIv9FADKIckMYrHv2VFaJIQ6Pjka5Xmq9jjTNDxpTuhOCKgyEWgU7xcIr7CGxN6lBzZR7mCUQ1wGxYRF0RY4NWhyphenhyphen9ijtqSyYZ3xnmfp7DbO93nQS-RAn1B-Yi1a16c/s400/noimage.png";
var maxresults=6;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts :";
</script>
<script src=https://luhurfatah-code.googlecode.com/files/artikel-terkait-bergambar.js type=text/javascript/>
</b:if>
- Setelah itu cari kode <data:post.body/> ( apa bila ada beberapa kode tersebut, bisa di coba satu-satu :v)
- Letakan kode berikut di bawah kode <data:post.body/>
<b:if cond=data:blog.pageType == "item">
<div id=related-post>
<b:loop values=data:post.labels var=label>
<b:if cond=data:label.isLast != "true">
</b:if>
<script expr_src="/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8" type=text/javascript/></b:loop>
<script type=text/javascript>removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs("<data:post.url/>");</script>
</div>
<div style=clear:both/>
</b:if>
- Simpan
download now