Berikut ini cara berbagi kode untuk membuat Related Posts yang bebas sisipan atau injeksi link. Aman dan nyaman deh pokoknya!
Contohnya seperti gambar posting ini.
 |
| CARA MEMBUAT ARTIKEL TERKAIT YANG AMAN DARI SISIPAN LINK |
Related Posts atau sering disebut Artikel Terkait dalan postingan suatu blog merupakan salah satu widget wajib yang berfungsi untuk "menawarkan" posting lain kepada pengunjung sehingga (diharapkan) pengunjung menemukan posting dengan topik terkait, dan tentu akan lebih lama membuka blog kita sangat bagus buat pageviews.
Cara Membuat Related Posts (Artikel Terkait ) yang Aman dari Sisipan Link
1. Klik "Template" > Klik "Edit HTML"
2. Temukan (tekan aja CTRL+F) kode ]]></b:skin>
3. Copas kode berikut ini di atasnya:
#related-posts{float:left;width:100%;border-bottom:0px solid #888;border-top:0px solid #88daed;margin:5px 0 10px;padding:15px 0 10px}
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0}
#related-posts a{color:#0973CF;font:12px Verdana}
#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQsfWNsGzz2emSSdc5-aW6m7TdwtgzguedjduZCzcS54smHIHIM9toCDh5Xa3E_xEmwB9g6H37Xgmj5aD63QbHCzh1M3xGrWdITBKx8qFFoTWMQSPVYk-O21Qhmrt7MDHJlM11Pc6Ktg/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0}
#related-posts a{color:#0973CF;font:12px Verdana}
#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQsfWNsGzz2emSSdc5-aW6m7TdwtgzguedjduZCzcS54smHIHIM9toCDh5Xa3E_xEmwB9g6H37Xgmj5aD63QbHCzh1M3xGrWdITBKx8qFFoTWMQSPVYk-O21Qhmrt7MDHJlM11Pc6Ktg/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
4. Cari Kode </head>
5. Lalu Copas kode Dibawah ini Taro Di atasnya
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>
Unyuk Tulisan "Related Posts" yang berwarna Biru bisa Anda ganti dengan kata-kata lainnya, misalnya "Tulisan Terkait" atau "Posting Terkait".
Kalau Udah Selesai sekarang lanjut ke tahap berikutnya:
6. Sekarang Cari Kode <data:post.body/>
7. Copas kode di bawah ini . Apabila ditemukan lebih dari satu kode <data:post.body/>, Pilih yang kedua atau yang ketiga (keep trying!).
Lebih mudah dan tepatnnya, letakkan saja di bawah kode "Social Share" (kode untuk sharing post ke Facebook dll.).
8. Save Lalu Simpan Perubahan
Oke sobat Itu tadi Cara Membuat Artikel Terkait Di Blog. selamat mencoba semoga bermanfaat
Kalau Udah Selesai sekarang lanjut ke tahap berikutnya:
6. Sekarang Cari Kode <data:post.body/>
7. Copas kode di bawah ini . Apabila ditemukan lebih dari satu kode <data:post.body/>, Pilih yang kedua atau yang ketiga (keep trying!).
Lebih mudah dan tepatnnya, letakkan saja di bawah kode "Social Share" (kode untuk sharing post ke Facebook dll.).
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=8"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=6;
removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");
</script>
</div><div class='clear'/>
</b:if>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=8"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=6;
removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");
</script>
</div><div class='clear'/>
</b:if>
8. Save Lalu Simpan Perubahan
Oke sobat Itu tadi Cara Membuat Artikel Terkait Di Blog. selamat mencoba semoga bermanfaat
Belum ada tanggapan untuk "CARA MEMBUAT ARTIKEL TERKAIT YANG AMAN DARI SISIPAN LINK"
Post a Comment