Cara Menciptakan Related Posts Yang Kondusif Dari Sisipan Link

Cara menampilkan, memasang, atau menciptakan Related Posts (Posting Terkait, Tulisan Terkait) Simple & Fast Loading yang kondusif dari sisipan link.

BANYAK blogger mengatakan tips cara menciptakan Related Posts (artikel terkait/posting terakit), namun menyisipkan link blog mereka ke dalamnya yang susah dideteksi.

Berikut ini CB Blogger membuatkan isyarat untuk menciptakan Related Posts yang bebas sisipan atau injeksi link. Aman dan nyaman deh pokoknya!

Contohnya menyerupai gambar ilustrasi posting ini.

Related Posts 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 usang membuka blog kita --bagus buat pageviews.

Baca juga: Cara Membuat Related Post plus Gambar Thumbnail

Ini dia Cara Membuat Related Posts yang Aman dari Sisipan Link

1. Klik "Template" > Klik "Edit HTML"
2. Temukan (tekan aja CTRL+F) kode ]]></b:skin>
3. Copas isyarat 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/AVvXsEinoCWq_mLKfZZgdd0vpXAMJRFTl5b6_Vc_oBaIl1wrCvAA8DogxKgtrgNJ5EUzAlWsQMe7pBwX7yNqKOaMFQKKneroUXyGUW-e01s4mha5Ys4vvNtADzv1Pphx33m7JyFRM3cKWpVqJzo/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. Temukan isyarat </head>
5. Copas isyarat berikut ini di atasnya:

<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</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>

NB: Tulisan "Related Posts" yang berwarna merah dapat Anda ganti dengan kata-kata lainnya, contohnya "Tulisan Terkait" atau "Posting Terkait".

6. Temukan isyarat <data:post.body/>
7. Copas isyarat berikut ini di bawahnya. Jika ditemukan lebih dari satu isyarat <data:post.body/>, maka pilih yang kedua atau yang ketiga (keep trying!).

Lebih gampang dan tepatnnya, letakkan saja di bawah isyarat "Social Share" (kode untuk sharing post ke Facebook dll.).

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=8&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=6;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div><div class='clear'/>
</b:if>

8. Save!

Itu ia cara menciptakan related posts yang kondusif dari sisipan link. Cara menciptakan posting terkait lainnya ada di Indeks Related Posts.

Good Luck and Happy Blogging...!!! (http://Info.MaterialAPK.com).*

Share this post