Artikel Terkait memungkinkan pengunjung untuk membaca
tulisan atau artikel kita yang lainnya dan tentunya yang masih berhubungan
dengan berita yang mereka baca sebelumnya,untuk saat ini saya akan memberikan
cara membuat Artikel Terkait standar di bawah postingan. Kenapa di sebut
standar? karena masih ada cara-cara lain untuk membuat artikel terkait dengan
model dan bentuk yang lebih menarik lagi. Untuk membuatnya silahkan ikuti langkah-langkah di bawah ini:
- Masuk ke Dashbor Blogger >> Template >> Edit HTML (backup dulu sebelum edit)
- Cari Kode <data:post.body/> . Caranya, copy dulu kode <data:post.body/> , masuk ke Edit HTML, tekan CTRL + F dan CTRL V pada komputer Anda.
- Jika sudah ditemukan, tambahkan (pastekan) kode dibawah ini tepat di bawah <data:post.body/>
- Klik Save Template.
<b:if cond='data:blog.pageType == "item"'><div style='margin-top: 10px;'><strong>Artikel Terkait</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('ardi33').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type='text/javascript'>RelPost();</script><div class='ycdr' style='font-family: arial, sans-serif; font-size: 9px;'><a href='http://mikeforesto.blogspot.com/2015/08/cara-membuat-artikel-terkait-standar.html'> Cara Membuat Artikel Terkait standar </a></div></div> </div> </b:if>
Kode <data:post.body/> di atas tidak cuma satu. Kalau kode pertama tidak jadi.. Silahkan Tempatkan di kode
berikutnya... dan seterusnya ...
Biasanya berhasil jika di pasang pada kode <data:post.body/>
yang kedua atau ketiga.
Ok..semoga tutorial ini bisa bermanfaat bagi Anda. Memang penampilannya sangat standar sekali, tapi mengingat selera orang berbeda-beda, maka meskipun standar pasti ada saja yang suka dengan gaya Artikel Terkait seperti ini.
Oh ya.. jika ingin mengganti/menyesuaikan tulisan Artikel Terkait dengan tulisan lainnya, ganti saja pada Artikel Terkait dalam kode di atas. Selamat Mencoba.
No comments:
Post a Comment