Cara Membuat Related Artikel Terkait Dengan Gambar adalah tampilan untuk mempercantik blog atau website agar pengunjung bisa membaca postingan yang berhubungan satu sama lainnya.Banyak macam
related post yang beragam bentuk seperti hanya teks,thumbail gambar dan teks.
Dalam penerapan kode pada template blog atau web untuk artikel terkait terkadang ada yang cocok dan ada pula yang tidak muncul pada template tertentu.Nah pada postingan ini kami mencoba memberi
tutorial blog untuk membuat
related post terkait yang mudah dan hampir bisa diterapkan pada semua jenis template blog.
Cara Membuat Related Artikel Terkait Dengan Gambar
1.Masuk ke akun blog anda
2.lalu pilih edit template pda dashboard
3.setelah itu cari kode
))></b:skin> atau tekan CTRL+F pada keyboard lalu ketik
))></b:skin> dan ENTER
4.setelah ketemu masukkan kode berikut dibawah
))></b:skin>
<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 type='text/javascript'>var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvy7oyhg6SbDhGx7pqQctLD69HPbNbmtBLjKC9fnFlQHy8rqOik5GQkTIAv8_olgGFfker_aqSDjPWvoUkAPyynqgQ22RMpnjaqAYLGPFRLfUuGUJkSOLUZ2UNn3Id5Kyeq0IX-D9iXNc/s400/noimage.png";var maxresults=5;var splittercolor="#d4eaf2";var relatedpoststitle="Related Posts";</script><script src='http://artikel-terkait-bergambar.googlecode.com/files/artikel-terkait-bergambar.js' type='text/javascript'/></b:if>
Dan langkah selanjutnya untuk memunculkan
Related Artikel Terkait agar muncul pada blog anda silahkan cari kode
<data:post.body/> yang paling bawah jika ada pada template blog anda mempunyai lebih dari satu kode
<data:post.body/> dan copy kode berikut dibawah kode
<data:post.body/>.
<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><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:loop><script type='text/javascript'>removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs("<data:post.url/>");</script></div><div style='clear:both'/></b:if>
Demikian tutorial blog bagaimana membuat
related artikel terkait dengan gambar semoga bermanfaat.