Thursday, July 26, 2018
Cara Membuat Artikel Terkait Dibawah Postingan Blog
Cara Membuat Artikel Terkait Dibawah Postingan Blog
Membuat link artikel terkait dibawah postingan postingan akan memudahkan pengunjung blog untuk mencari informasi tentang artikel yang berkaitan. Dengan begitu pengunjung akan membaca satu - persatu informasi yang sedang dicari.
Buat kamu yang ingin mencoba Cara Membuat Artikel Terkait Dibawah Postingan Blog berikut ini Langkah- langkahnya :
1. Pastikan login terlebih dahulu.
2. Pilih menu Template > Edit HML.
3. Backup terlebih dahulu untuk menghindari kesalahan,kemudian centang Expand Widget Templates
4. Kemudian cari kode <data:post.body/> (gunakan CTRL+F untuk memudahkan pencarian)
5. Setelah ketemu lalu perhatikan kode ini biasanya ada tiga bagian,jika memang ada beberapa pilih saja kode yang kedua atau bisa dicoba satu -persatu.
6. Kemudian letakan script di bawah setelah kode <data:post.body/>
Buat kamu yang ingin mencoba Cara Membuat Artikel Terkait Dibawah Postingan Blog berikut ini Langkah- langkahnya :
1. Pastikan login terlebih dahulu.
2. Pilih menu Template > Edit HML.
3. Backup terlebih dahulu untuk menghindari kesalahan,kemudian centang Expand Widget Templates
4. Kemudian cari kode <data:post.body/> (gunakan CTRL+F untuk memudahkan pencarian)
5. Setelah ketemu lalu perhatikan kode ini biasanya ada tiga bagian,jika memang ada beberapa pilih saja kode yang kedua atau bisa dicoba satu -persatu.
6. Kemudian letakan script di bawah setelah 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>
7. Klik save dan lihat hasinya.
Jika berhasih maka akan terlihat seperti ini :
Selamat mencoba...
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.