Cara menampilkan artikel terkait dibawah artikel
Artikel terkait biasanya digunakan blogger untuk menahan pengunjung
untuk tidak keluar dulu dari blognya. dengan cara apa? yaitu dengan cara
menampilkan artikel menarik lainnya yang masih ada sedikit berhubungan
dengan artikel yang dibaca oleh pengunjung tersebut. untuk membuatnya
sobat bisa ikuti langkah dibawah :
- masuk ke akun blogger sobat
- masuk ke menu Template kemudian klik edit HTML ( jangan lupa centang expand widgetnya )
- lanjutkan dengan mencari kode ini <data:post.body/> untuk mencarinya tekan Crtl+F saja supaya lebih mudah.
- kalau sudah ketemu letakkan kode dibawah ini tepat dibawah kode <data:post.body/> tadi ( perlu diingat kode <data:post.body/> tidak hanya satu, kalau yang pertama tidak berhasil letakkan dibawah kode yang selanjutnya )
b:if cond='data:blog.pageType == "item"'><div style='margin-top: 10px;'><strong>Baca artikel terkait lainya!!</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://caramudahuntukmu.blogspot.com/2013/01/cara-menampilkan-artikel-terkait.html' target='_blank' title='Cara Membuat Releated Post keren'>Cara Membuat Artikel Terkait Dibawah Posting</a> <a href='http://caramudahuntukmu.blogspot.com' target='_blank'>Tempat Cari ilmu</a></div></div> </div> </b:if>
- Yang saya beri warna merah ganti dengan tulisan sesuai keinginan sobat.
- kalau sudah kemudian simpan, dan kira kira tampilan artikel terkaitnya seperti dibawah :
Tidak ada komentar :
Posting Komentar