Free Gems COC and Diamond GetRich

Cara Membuat Artikel Terkait Dibawah Postingan Blogspot

dalam Blogging, Tips Blogger
Cara Membuat Artikel Terkait Dibawah Postingan Blogspot - Hallo sahabat Androkomp.net, Pada pada artikel kali ini yang berjudul Cara Membuat Artikel Terkait Dibawah Postingan Blogspot , saya akan membagikan sedikit tips, trik dan info sedikit yang berkenaan dengan Cara Membuat Artikel Terkait Dibawah Postingan Blogspot, baiklah silahkan membaca / mendownload artikel di bawah ini :

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).
Baca Juga :  Membuat Slider Image Otomatis Joss Banget

  • 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&amp;callback=related_results_labels&amp;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>  

  • Ini gambar ilustrasinya.

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.

Baca Juga :  Kode Javascript Dan HTML Sederhana Buat Di Blog

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

Pencarian terkait

    author
    Penulis: 
    Blog ini pada tahun 2013 yang dikelola oleh Admin tunggal. Misi ngeblog hanyalah mengisi waktu luang saja serta minat dan hobby dalam berinternet. Blog ini akan selalu menyajikan informasi seputar Teknologi, Info- Info, Pendidikan, Photoshop, Software, Game, Teknologi, WordPress Terlengkap dan Gratis.
    Cara Mengetahui Aktivitas Klik Invalid Google Adsense
    Cara Mengetahui Aktivitas Klik Invalid Google Adsense
    Invalid artinya tidak valid, heuheu.. iya sih.
    Cara Daftar Safelink Converter Step by Step
    Cara Daftar Safelink Converter Step by Step
    Sebelumnya apakah anda tahu apa Safelink Converter,
    Cara Meningkatkan Jumlah Klik Iklan Google Adsense
    Cara Meningkatkan Jumlah Klik Iklan Google Adsense
    Salah satu permasalahan yang sering kita hadapi
    Cara Menaikkan CTR/RKT Google Adsense
    Cara Menaikkan CTR/RKT Google Adsense
    Cara menaikkan CTR/RKT Google adsense – Hai
    Claiming has been retired – May 2016 by Alexa
    Claiming has been retired – May 2016 by Alexa
    Claiming has been retired – May 2016
    Cara Mendapatkan Backlink Dofollow PR Tinggi Gratis
    Cara Mendapatkan Backlink Dofollow PR Tinggi Gratis
    Cara Mendapatkan Backlink Dofollow PR Tinggi Gratis
    Baca juga×

    Top