Cara Membuat Artikel Terkait Dibawah Postingan Blogspot

Cara Membuat Artikel Terkait Dibawah Postingan Blogspot – Untuk membuat related post atau artikel terkait tepat dibawah postingan ada banyak macamnya. Ada yang suka dengan tampilan bergambar, ada pula yang hanya menyukai tulisan saja.

Modelnya pun cukup beragam, ada yang berbaris kesamping, ada pula
artikel terkait yang memanjang kebawah. Untuk tutorial kita kali ini, kita akan membuat related post yang bentuknya memanjang kebawah dengan maksimal 5 tulisan.

Cara membuatnya cukup mudah, ikuti langkah-langkah berikut ini.

  • Pertama-tama login ke akun blogspot Anda, lalu pilih Tamplate > Edit HTML.
  • Setelah terbuka cari kode ini </head>. Agar mudah mencarinya tekan Ctrl F dan jika telah ketemu copy script dibawah ini tepat dibawahnya.

 <script type=”text/javascript”>  
//<![CDATA[  
var relatedTitles = new Array();  
var relatedTitlesNum = 0;  
var relatedUrls = new Array(); 
function related_results_labels(json) {  
for (var i = 0; i < json.feed.entry.length; i++) {  
var entry = json.feed.entry[i];  
relatedTitles[relatedTitlesNum] = entry.title.$t;  
for (var k = 0; k < entry.link.length; k++) {  
if (entry.link[k].rel == ‘alternate’) {  
relatedUrls[relatedTitlesNum] = entry.link[k].href;  
relatedTitlesNum++;  
break;}}}}  
function removeRelatedDuplicates() {  
var tmp = new Array(0);  
var tmp2 = new Array(0);  
for(var i = 0; i < relatedUrls.length; i++) {  
if(!contains(tmp, relatedUrls[i])) {  
tmp.length += 1;  
tmp[tmp.length – 1] = relatedUrls[i];  
tmp2.length += 1;  
tmp2[tmp2.length – 1] = relatedTitles[i];}}  
relatedTitles = tmp2;  
relatedUrls = tmp;}  
function contains(a, e) {  
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;  
return false;}  
function printRelatedLabels() {  
var r = Math.floor((relatedTitles.length – 1) * Math.random());  
var i = 0;  
document.write(‘<ul>’);  
while (i < relatedTitles.length && i < 20) {  
document.write(‘<li><a href=”‘ + relatedUrls[r] + ‘”>’ +   
relatedTitles[r] + ‘</a></li>’);  
if (r < relatedTitles.length – 1) {  
r++;  
} else {  
r = 0;}  
i++;}  
document.write(‘</ul>’);}  
//]]>  
</script>  

  • Ini gambar ilustrasinya. (Lihat kotak berwarna merah).
Artikel Menarik Lainya :  PENGGUNAAN TEKNOLOGI INFORMASI BERPERAN SERTA DALAM ELECTRONIC COMMERCE PDF
Cara Membuat Artikel Terkait Dibawah Postingan Blogspot 1
  • Jika selesai, cari lagi kode ini <data:post.body/>,
    lalu copy kembali script dibawah ini tepat dibawah kode diatas. Jika
    Anda menemukan ada dua <data:post.body/> letakkan script dibawah
    kode yang pertama.

<b:if cond=’data:post.labels’>  
<b:loop values=’data:post.labels’ var=’label’>  
<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>  
</b:if>    <b:if cond=’data:blog.pageType == “item”‘>  
<a href=’http://www.androkomp.net’ target=’_blank’ title=’klik, untuk mengetahui cara membuat artikel terkait’><b style=’color:red;’>Baca Juga Artikel Menarik Lainnya :</b></a>
<script type=”text/javascript”>  
removeRelatedDuplicates();  
printRelatedLabels();  
</script>  
</b:if>  

Cara Membuat Artikel Terkait Dibawah Postingan Blogspot 2

Khusus tulisan berwarna merah pada script bisa diganti sesuai keinginan.
Setelah semua beres, jangan lupa menyimpannya dengan menekan tombol
Simpan Template, lalu kembali ke blog Anda. Refrest dan kini related
post atau artiker terkait akan segera muncul.

Mudah bukan!. Nah, kalau masih mengalami kesulitan tak perlu sungkan
untuk bertanya dengan meninggalkan komentar pada kotak diskusi dibawah ini. Semoga bermanfaat dan see yaa

Leave a Reply

Your email address will not be published. Required fields are marked *