Mau tahu cara membuat Artikel terkait seperti gambar ini!!!
Gampang !!!
Ikuti aja tutorial dibawah ini, tapi ingat ya ini standar, standar banget, tanpa hiasan. Dari judulnya juga Cara Membuat Artikel Terkait Standar, hehehehe....
Okeh, ini dia langkahnya!!
Pertama, masuk ke akun blog anda
Kedua, masuk ke bagian template, pilih Edit HTML >> Centang Expand Template Widget
Ketiga, Cari kode ini <data:post.body/> biar lebih mudah gunakan F3
Keempat, Tambahkan kode berikut tempat dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'><div style='margin-top: 10px;'><strong>Yang Ga' Kalah Seru Untuk Dibaca</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://cspay.blogspot.com/' target='_blank'>Bukan CS Biasa</a></div></div> </div> </b:if>
Yang berwarna merah silakan diganti sesuai dengan kesukaan kamu, tapi ingat! kode <data:post.body/> tidak cuma satu, jadi kalau yang pertama tidak berhasil, silakan coba di kode yang kedua, dan seterusnya.
Semoga bermanfaat dan jangan lupa kunjungi terus Bukan CS Biasa untuk mendapatkan lebih banyak lagi info-info menarik lainnya.
0 komentar:
Post a Comment