Pernah kan terpikirkan oleh kalian untuk
membuat Related post atau artikel terkait pada blog?
Berikut merupakan tutorial bagaimana sie cara membuat Post Related di bawah postingan sobat.
Berikut merupakan tutorial bagaimana sie cara membuat Post Related di bawah postingan sobat.
Ikuti langkah berikut y sobat.
1.
Login
ke blogger Anda.
2.
Pilih
Rancangan/Template, kemudian klik Edit HTML
3.
Beri
tanda centang pada Expand Widget Template.
4.
Setelah
itu Cari kode <data:post.body/> ( gunakan Ctrl+F untuk memudahkan)
Jika sobat telah menggunakan auto Readmore maka cari kode <data:post.body/></b:if> atau <data:post.body/></b:if></p> jika sobat menemunakan yang ada </p> maka taruh scriptnya dibawah kode <data:post.body/></b:if></p>
Jika sobat telah menggunakan auto Readmore maka cari kode <data:post.body/></b:if> atau <data:post.body/></b:if></p> jika sobat menemunakan yang ada </p> maka taruh scriptnya dibawah kode <data:post.body/></b:if></p>
5.
Tempatkan
script/kode berikut ini di bawah kode
<data:post.body/> atau<data:post.body/></b:if>
Tetapi jika sudah ada yang memasang iklan dibawah postingan maka letakan script dibawah iklan.
Tetapi jika sudah ada yang memasang iklan dibawah postingan maka letakan script dibawah iklan.
Berikut
scriptnya :
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Baca juga Artikel Terkait</h3> <div id='data2007'/>
<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>
6.
Dan langkah
terakhir adalah save template sobat dan lihat hasilnya.
Nah demikian caranya semoga artikel ini bermanfaat,
Nah demikian caranya semoga artikel ini bermanfaat,
Silahkan tinggalkan komentar.
Nia-Minia
0 komentar:
Post a Comment
Silahkan Berkomentar dengan bahasa yang baik dan sopan dan Terimakasih Anda tidak Meninggalkan SPAM pada komentar.
Terima Kasih