Home » Blog » Tutorial » Membuat Artikel Terkait di Bawah Postingan

Membuat Artikel Terkait di Bawah Postingan

Diposting oleh Unknown Label: Tutorial di 19:05

Membuat Artikel Terkait di Bawah Postingan - Sobat indpras kali ini saya akan berbagi tutorial tentang bagaimana cara membuat artikel terkait pada setiap postngan. Agar lebih mudah dipahami berikut contoh gamabarnya

Lalu bagaimana cara membuatnya??? baik bagi Sobat yang berkenan memasangnya silahkan simak tutorial saya berikut,

Caranya:

Pada blogger Sobat, pilih Edit HTML,
Jangan lupa ceklist "Expand Template Widget",
Silahkan cari kode di bawah ini,

<data:post.body/>

Kemudian letakan kode di bawah ini, tepat di bawah kode yang sudah Sobat temukan tadi,

<b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <div class='widget-content'> <h3>Artikel yang berkaitan</h3> <div id='data2007'/> <br/> <br/> <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('data2007').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> </div> </b:if>

Kemudian, Simpan Template.
Selesai

Demikian Tutorial singkat kali ini semoga bermanfaat

Posting Komentar

Ayo berikan Komentarmu, karena satu komentar dari kamu itu sangat berarti bagi saya (^_^)