Cara Pasang Artikel Terkait Pada Blog Cara Pasang Artikel Terkait Pada Blog

Widget: pesan yang sama ke Blogger / Blogspot. trik yang sangat baik untuk menampilkan link ke artikel yang relevan di bawah setiap posting blog Anda. Artikel dipilih dari tulisan lain dalam kategori yang sama label-label-.Dengan cara ini pengunjng akan dengan mudah melihat isi blog sobat. Gimana anda tertarik, jika sobattertarik silakan ikuti cara berikut :

1. Login ke blogger
2. Masuk ke Desain> Edit HTML di Blogger 
3. Centang "Expand Template Widget"
4. Cari kode </ head>
5. Tambahkan kode berikut sebelum </ head>

<style> # related-posts {float: left; width: 540px; margin-top: 20px; margin-left: 5px; margin-bottom: 20px; font: Verdana 11px; margin-bottom: 10px;} # related-posts . widget {list-style-type: none; margin: 5px 5px 0 0; padding: 0;} # related-posts widget h2, # related-posts h2 {font-size: 20px; font-weight:. normal; marjin : 5px 7px 0; padding: 0 0 5px;} # related-posts a {text-decoration: none;} # related-posts a: hover {text-decoration: none;} # related-posts ul {border: none menengah ; margin: 10px; padding: 0;} # related-posts ul li {display: block; background: url ("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0X4Y_r_clHIeNiT9CF2L2PPcLsn6b33hhB9V8kYxlaj2gcePIynuNrlxHqLzEjTW_VF8a2tjoiFcDLSHZGrfvLQ3x9GL3cYcq0M8qfiahafkIJictm-_kjurhdSX61PgPPtqNjybWndY/") tidak -ulangi 0 0; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 1px; padding-left: 21px; margin-bottom: 5px; line-height: 2em; border-bottom: 1px dotted # cccccc;} </ style> <script src='http://db.tt/Sm54s9oF'type='text/javascript'/>

6. Sekarang cari kode <data:post.body/> . Dalam beberapa template, kode akan terlihat seperti ini <div class = 'post-body>. Tambahkan kode berikut setelah kode tadi

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font size='3'> face='Arial' <b> Related Posts: </ b> </ font> <font color='#FFFFFF'> <b: nilai-nilai loop = 'data: post.labels' var 'label' => <data:label.name/> <b:if != cond='data:label.isLast "true"'>, </ b: if> <b: if cond = Data ': blog pageType == "item" '.>
<Script expr: src = '"/ feeds/posts/default/- /" + data: label.name + "? Alt = json-in-script & callback = related_results_labels & max-results = 5"' 'text / javascript' type = /> </ b: if> </ b: loop> </ font>
<script type='text/javascript'> removeRelatedDuplicates (); printRelatedLabels ();
</ Script>
</ Div> </ b: if
7. Terkhir simpan