<div style="background-color: none; border: 1px solid #000000; height: 250px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script><br />
<script src="LINK BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Dec 13, 2014
related h
Membuat Raleted Post With Image Thumbnails 2013
1. Login ke akun blogger
2. Masuk ke menu template > edit HTML
3. Pastekan kode berikut tepat diatas </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<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/AVvXsEiL1TfFnOSzCjTLUlgwGFzg0EDXkrmehR9hNI3virBYMIjr32hkp4D_UmKRcKVk2e9iAO7-B29S4vJ86i3lWeexDqiG98ZmG6UarBZz18_vjX1RdVYHfOg7XNOItgz5_SnteA9xJpjpIFY/s400/noimage.png";
var maxresults=8;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='https://bloggergubug.googlecode.com/files/grelposttumb.js' type='text/javascript'/>
<!--Related Posts with thumbnails Scripts and Styles End-->
4. Cari kode <data:post.body/> silahkan pastekan kode berikut tepat dibawahnya
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->
5. Simpan
1. Login ke akun blogger
2. Masuk ke menu template > edit HTML
3. Pastekan kode berikut tepat diatas </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<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/AVvXsEiL1TfFnOSzCjTLUlgwGFzg0EDXkrmehR9hNI3virBYMIjr32hkp4D_UmKRcKVk2e9iAO7-B29S4vJ86i3lWeexDqiG98ZmG6UarBZz18_vjX1RdVYHfOg7XNOItgz5_SnteA9xJpjpIFY/s400/noimage.png";
var maxresults=8;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='https://bloggergubug.googlecode.com/files/grelposttumb.js' type='text/javascript'/>
<!--Related Posts with thumbnails Scripts and Styles End-->
4. Cari kode <data:post.body/> silahkan pastekan kode berikut tepat dibawahnya
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->
5. Simpan
related v
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/AVvXsEgAcoXR66hF-6Qtz5KVdZKgdKwwkQmtgX8KTxabmZC8jTpxqgCM8S_Gn_1M8jaQK8rN5UWZ6gkGfqwOz7QF5SOR7jVA6UzKHDpC23LLPiAQQDga_7qn-XEFfbXtnIqLnD6k5qij2qcxkwRz/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/>
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 :
<!-- 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. 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.<!-- 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";
Nah, itulah tips blog mengenai Cara Membuat Artikel Terkait Dengan Gambar di Bawah Postingan semoga berhasil yah sobat.
PETA SITUS
Untuk Blogger / Blogspot:
(i) atom.xml?redirect=false&start-index=1&max-results=1000
(ii) feeds/posts/default
(i) atom.xml?redirect=false&start-index=1&max-results=1000
(ii) feeds/posts/default
HILANGKAN OBENG
1. Login ke akun blogger.com
2. Klik template >>> edit HTML >>> klik expand widget template
3. Cari kode ini : ]]></b:skin>
4. Copy kode ini : .quickedit{display:none;}
5. Paste tepat diatas kode : ]]></b:skin>
6. Simpan hasil pekerjaan anda, dan Selesai
2. Klik template >>> edit HTML >>> klik expand widget template
3. Cari kode ini : ]]></b:skin>
4. Copy kode ini : .quickedit{display:none;}
5. Paste tepat diatas kode : ]]></b:skin>
6. Simpan hasil pekerjaan anda, dan Selesai
kontak
<div class='form'>
<form name='contact-form'>
<p></p>
<input class='contact-form-name'
id='ContactForm1_contact-form-name' name='name' size='30' type='text' value='Nama*'
onblur='if (this.value == "") {this.value = "Nama*";}'
onfocus='if (this.value == "Nama*")
{this.value = "";}'/>
<p></p>
<input class='contact-form-email'
id='ContactForm1_contact-form-email' name='email' size='50' type='text' value='Email
Valid*' onblur='if (this.value == "") {this.value =
"Email Valid*";}' onfocus='if (this.value == "Email
Valid*") {this.value = "";}'/>
<p></p>
Isi Pesan*
<br/>
<textarea class='contact-form-email-message' cols='25'
id='ContactForm1_contact-form-email-message' rows='10'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit'
id='ContactForm1_contact-form-submit' type='button' value='Kirim'/>
<input class='contact-form-button contact-form-button-submit'
type='reset' value='Reset'/>
<p></p>
<div style='text-align: center; max-width: 250px; width: 100%'>
<div class='contact-form-error-message'
id='ContactForm1_contact-form-error-message'></div>
<div class='contact-form-success-message'
id='ContactForm1_contact-form-success-message'></div>
</div>
</form>
<p><b>*</b><i>wajib
diisi</i></p>
</div>
<style>
.contact-form-name, .contact-form-email {max-width:
250px; width: 100%;}
.contact-form-email-message {max-width: 450px; width:
100%;}
</style>
Subscribe to:
Posts (Atom)