Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan

Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan - Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan Blogspot, gambar memang sangat menarik mata untuk melihatnya di banding tulisan, karena gambar sendiri memiliki makna makna tersirat yang terkandung di dalamnya, untuk postingan yang sebelumnya Cara Membuat Artikel Terkait di bawah Postingan dengan tulisan untuk kali ini akan saya share Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan Blogspot.
Berikut Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan Blogspot :

Login Blogger
Masuk Menu Template - Edit HTML - Lanjutkan
Centang pada Expand Template Widget
Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
Lalu Copy kode berikut dan letakan tepat diatas kode </head>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0HikOvtyKJkImpDmsMnIT6gB47JbQL9x59JZsm2Y1VTpQ2uqVu1S-qKHW7sjWLayBPLkId3R5Svlo6gZCPhDqBrEkiQg4Pd5v2Mc4z9tggkzU0WFmAyKT9pqo9uf_fMkR71BPFpNFmD_G/s1600/No+Image.jpg";
var maxresults=6;
var splittercolor="#000000";
var relatedpoststitle="Silahkan Baca Ini Juga:";
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>

6. Selanjutnya cari kode berikut ( Jika ada dua kode, pilih bagian yang kedua ) :

<data:post.body/>

catatan setiap template dapat berbeda beda jika anda sudah memasang readmore anda harus mencari kode di bawahnya
7. Kalau kode diatas sudah ketemu, Sekarang copy'lah script berikut :

<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=7"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
</b:if>

8. Paste'kan kode script diatas tepat dibawah kode :

<data:post.body/>

9. Jika sudah, klik Simpan Template
10. jika masih gagal cut kode yang kedua di atas <data:post.body/>yang lainnya,kemudian simpan begitu seteruznya. .................. menunjukkan dimana artikel terkait kita akan kita letakkan,,kalau double dengan yang lain otomatis tidak bisa
Catatan :
Berikut ini adalah kode yang bisa sobat ganti sebelum menyimpan template, gantilah tulisan berwarna merah sesuai keinginan sobat.

Menampilkan jumlah artikel terkait yang muncul max-results=7
Judul artikel terkait var relatedpoststitle="Silahkan Baca Ini Juga:";
Warna Tulisan var splittercolor="#000000";

Nah, itulah tips blog mengenai Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan semoga berhasil yah sobat.

Itulah tadi postingan kami tentang Cara Membuat Artikel terkait Dengan Gambar di bawah Postingan, semoga bermanfaat. Tentunya tak ada gading yang tak retak, begitu juga karya kami, maka kami mengharapkan kritik dan saran yang mendukung untuk perbaikan karya kami yang selanjutnya. Komentar anda sangat membantu kami, terima kasih.

Hormat Kami

Tim Dunia Sekolahku.