Related post atau artikel terkait sangat berguna untuk memudahkan pembaca atau pengunjung untuk mencari artikel lainya yang ingin pembaca atau pengunjung baca..
Nah kali ini saya akan ngasih cara membuat artikel terkait yang keren brother..
Langsung sajah...
Pertama-tama..
- Login Ke blogger dulu
- Masuk ke tata letak/layout
- Edit HTML
- Centang pada expand template widget
Lalu cari kode berikut
]]></b:skin>, Biar lebih mudahnya tekan Ctrl+f pada keyboard kamu.
Letakan kode di bawah ini tepat di atas kode
]]></b:skin>.
<style>#related-posts { float : left; width : 540px; 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/AVvXsEgtgGSzjL2tHmFQX8dcPYz-nh40IUIg3GJtxMiFdGu951MYV03kya5hmYXjG5pZvJtZxPT83v5trRLJtMwP5pFKzmQgVuBr5Q0a-ZuMHLYIHwBHAzVKjPEdVDR3I8fN7q6i-1yL44Fb16s/") 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://yourjavascript.com/19336213112/relate_post.js' type='text/javascript'/>
Sudah ? sudah apa belum ?
Kalo sudah cari kode ini
<data:post.body/>.
Lalu letakan kode dibawah ini tepat dibawah kode
<data:post.body/>. biasanya ada 4 kode tersebut, letakan saja pada yang kedua tepat dibawah kode
<data:post.body/>.
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts To This Article : </b></font><font color='#FFFFFF'>
<b:loop values='data:post.labels' var='label'><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"' type='text/javascript'/>
</b:if>
</b:loop>
</font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>
Daaannn lihat hasilnya apakah sudah jadi ? sudah !heheheeeeee
Selamat Mencoba...!
Baca juga : Tutorial Blog
Title : Cara Membuat Related post/Artikel Terkait
Description : Related post atau artikel terkait sangat berguna untuk memudahkan pembaca atau pengunjung untuk mencari artikel lainya yang ingin pembaca at...
