Trik Membuat Artike Terkait di Blog

Memasang fungsi 'Artikel Terkait' sangat penting, karena selain akan membuat mudah pengunjung membuka isi  dalam blog/web, juga merupakan bagian dari teori SEO. Dan keberadaan 'artikel terkait ini akan membuat blog/web Anda semakin menarik. Trik ini juga kami ajarkan dalam Kursus Desain Website yang kami ampu. 

Cara Membuat artikel terkait di blogger,
1, Seperti biasa masuk ke blogmu
2. Pilih template, klik edit html dan klik lanjutkan
3. Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga)
4. Cari kode: </head> (gunakan Ctrl+f untuk mencari)
5. Copy kode dibawah ini tepat diatas </head>

-------------------------------------------------------

<style> #related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxwlq9FimajhPqqHaoi0fJwbgSKxsMKsdppgGODKzzhpuybs5ooJAYmxHehLq5mUCx2qwRvzZYa88c1mhD1tc7ONf_Uh-oy-vSMypcQuoIq3gYuJq2ZLAmokFM3gVjIfYUr19YqLrS2OAK/s1600/rss.png ") no-repeat 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://oktriblogger.googlecode.com/files/related-post-tutorialbelajarblog.js' type='text/javascript'/>

---------------------------------------------------------

6. Cari kode <data:post.body/> atau <div class='post-body> Kemudian copy code dibawah ini, letakkan persis dibawahnya

----------------------------------------------------------

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

-----------------------------------------------------------

Simpan template Anda.
CATATAN : Biasanya Kode HTML <data:post.body/> ada yang lebih dari 3, untuk meletakan kode di  atas Biasanya dibawah <data:post.body/> yang ke2 atau sesuaikan dengan template anda.

Untuk kalimat yang saya tandai merah “Related Posts“ bisa anda ganti dengan kalimat  ”Artikel terkait“, “Baca Juga Yang Ini“,  ”Baca Lagi Yang Ini” dan atau terserah dengan kalimat anda. agar pembaca tertarik untuk membaca artikel dalam blog kita.