Cara membuat Artikel Terkait dibawah Postingan Blog

Pada kesempatan ini aku mau memberikan tata cara lagi mengenai mengelola blog kamu dan kali pada khususnya aku bakal memberi info tentang cara menambahkan artikel terkait yg disertakan gambar di bawah blog kamu(kebetulan gue lagi buat ni, hehe), oh iya kamu tau kenapa menambah artikel terkait itu penting bagi aku???, menurut aku ketika kita sedang ingin mengetahui pasti kita ingin mengetahuinya sejelas dan selengkapnya oleh dari itu kita pas baca ketemu artikel yg terkait dengan apa yg kita inginkan pasti deh kita bakal klik lagi & lagi oleh dari itu dengan menyambung artikel terkait pastinya bakal meningkatkan traffic blog kita

Cara Membuat Artikel Terkait dibawah Postingan blog

Buat mempersingkat waktu kamu yg lelah membaca kata-kata aku yg demikian indah ini aku bakal segera memberi step-stepnya, ikutin ya!!

Berikut langkah-langkah menambah Artikel terkait di bagian bawah blog kita

1. Tentunya masuk dahulu ke akun Blogger kalian (pasti tau..) 
2. Klik dan masuk ke menu Template dan memilih edit HTML 
3. Centang EXPAND TEMPLATE WIDGET ( tapi aku rasa blogger saat ini gak ada n butuh lagi jadi apabila no 3 gak ada langsung no 4 aja ya) 
4. Di kotak yg berisi kode-kode HTML itu klik Ctrl+f dan bakal muncul kotak pencarian di pojok kanan atas itu dan cari </head> tekan enter dan perhatikan bakal ada tanda di kata yg kamu cari tadi 
5. Dan kemudian copy kode di bawah ini tepat di atas atau sebelum kata tadi </head>
   <!--Related Posts with thumbnails Scripts and Styles Start-->
   <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
   <style type='text/css'>
   #related-posts{float:left;width:auto;}
   #related-posts a{border-right: 1px dotted #eaeaea;}
   #related-posts a:hover{background: #EEEEEE;}
   #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
   #related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }
   #related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px;}
   #related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
   <script src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' type='text/javascript'/>
   <!-- remove --></b:if>
   <!--Related Posts with thumbnails Scripts and Styles End-->
6. Setelah selesai, cari kode <div class='post-footer'> seperti cara tadi (bila ada dua kode yg sama pilih aja yg ke-2 ya)
7.  Nah jika sudah ketemu langkah kemudian yaitu copy script berikut diatas <div class='post-footer'> yg pertama kamu temukan tadi

   <!-- Related Posts with Thumbnails Code Start-->
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div id='related-posts'>
   <b:loop values='data:post.labels' var='label'>
   <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_thumbs&amp;max-results=8&quot;' type='text/javascript'/></b:if></b:loop>
   <script type='text/javascript'>
   var currentposturl=&quot;<data:post.url/>&quot;;
   var maxresults=4;
   var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
   removeRelatedDuplicates_thumbs();
   printRelatedLabels_thumbs();
   </script>
   </div><div class='clear'/>
   </b:if>
   <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
   <a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtrwjFHi1V5xrU6-aJpbRcq5OswndGoDp6Xd38Lc1tHsEb9T-ehaTQBNeje-0XM46j7zx7L4UOxDNM4qmOPVqp51TafqQ4VpSaeU3ZXSl14liyhqWU3nm34F_J_XT_ut8DyRrPUfU9saAh/s1600/best+blogger+tips.png'/></a>
   </b:if></b:if><!-- Related Posts with Thumbnails Code End-->
   
   Ket: ubah maxresult = 4 dengan jumlah artikel terkait maksimal yang ingin ditampilkan

8. Ok, Jangan lupa tekan simpan template agar editanya selesai

Semoga berhasil yah, coz aku juga barunemuin cara ini dari tempat tetangga, kalau bingung kirim aja komentarnya dibawah ini.