Sunday, January 15, 2017
Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan Blogspot
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>
<!--Start Related Posts-->
<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/AVvXsEh7lhiRzZrE2a1NCcjjzrszT-nt9KemORobX7qNwm4_MFSCyIpdXsXtk7DcU6UeFm6ix9ML_BLrYlsHKO5h6jRzkA0SNk720nfy3ACbJDN9JD0NP_mZQU0XBq_K0iPwfu5ksN5Z33yM51UN/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>
<!--End Related Post-->
6. Selanjutnya cari kode berikut ( Jika ada dua kode, pilih bagian yang kedua ) :
<data:post.body/>
7. Kalau kode diatas sudah ketemu, Sekarang copylah script berikut :
<!-- Start Related Posts-->
<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>
<!-- End Related Posts-->
8. Pastekan 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.<!-- Start Related Posts--> ..................<!-- End Related Posts--> 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";
Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan Blogspot, ikatlah ilmu dengan menulisnya.
Go to link Download
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.