Cara Membuat Artikel Terkait Dengan Scroll di Bawah Postingan Blog | Hai, sobat kembali lagi dengan saya dan saya akan membagikan tutorial ''Cara Membuat Artikel Terkait Dengan Scroll di Bawah Postingan Blog''. Artikel Terkait /Related post apakah kalian tahu ni ? Artikel terkait banyak sekali gunanya ni kalo pengunjung sobat sudah membaca artiikel dan akan tertarik melihat artikel terkait lainnya yg ada hubungan sama artikel yang habis di baca tanpa perlu melihat ke homepage.
Artikel terkait ni pun bisa membuat blog kita menjadi lebih cantik, lebih rapi dan lebis profesional blog sobat hehehe. bagi sobat yang ingin mengunakannya ikutilah tutorial berikut ini :
- Masuk ke dasbor blogger sobat
- Pilih menu ''Template''
- Setelah itu, klik ''Edit HTML''
- Udah itu ada banyak kode, kebawah sedikit klik panah ► warna hitam yg disampingnya ada kode bskin untuk melihat semua kode css (di tampilan baru Edit hml)
- cari kode <data:post.body> gunakan tombo CTR+F, biasanya kode ini ada 3 pilih yang ke 2 saja
- Letakkan kode di bawah ini di bawah kode <data:post.body>
<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> </div> </b:if>
- Setelah itu Simpan template den selesai
- Note : ganti Artikel Terkait Dengan kata kata lain terserah anda
Demikianlah artikel tentang tutorial blogger ''Cara Membuat Artikel Terkait Dengan Scroll di Bawah Postingan Blog'' bagi sobat yang bingung silakan berkomentar dengan senang hati saya akan jawab pertanyaan sobat.
