Cara Memasang Menu Related Post by Label (Postingan Terkait dengan Label/Kategori) di Blogger Baru XML

Setiap mania blogger selalu menginginkan blognya tampil lengkap dengan aksesori yang dibutuhkan oleh pengunjung atau widget-widget untuk kepentingan blogger itu sendiri. Pada prinsipnya, semua aksesori berupa widget tersebut, lebih dimaksudkan agar blog tampil keren dan “enak” dilihat mata. Setuju nggak?

Hanya saja, perkembangan dunia internet, termasuk per-blogger-an (blogosphere) saat ini terus melejit bahkan hingga sampai pada level : blog hampir tak bisa dibedakan dengan website lagi! Suatu evolusi teknologi informasi yang memang selalu berada beberapa puluh langkah di depan revolusi “moralitas” kita, hehe…

Postingan saya kali ini adalah tentang bagaimana memasang menu “Postingan Terkait dengan Label”, atau bahasa Inggrisnya “Related Post by Label”. Awalnya sih si Blogger Hack yang terkenal itu (Hectro) yang membuat widget ini, kemudian dimodifikasi lagi menjadi lebih sederhana oleh banyak orang, termasuk yang akan saya tampilkan di sini.

Widget “Postingan Terkait dengan Label” atau “Related Post by Label” ini memang cukup membantu para blogger meningkatkan jumlah Page View (tampilan halaman) dari blognya, karena pengunjung blog yang mendapatkan sebuah postingan dengan tema tertentu, selalu ingin informasi lebih banyak.

Jika pada bagian bawah setiap postingan tersedia layanan “Related Post” atau “Postingan Terkait”, maka kemungkinan besar orang akan mengunjungi link postingan tersebut. Bagaimana cara memasang widget “Related Post” atau “Postingan Terkait” tersebut di Blogger Beta XML?
Berikut Contohnya:

Berikut ini adalah tutorial singkatnya :
1. Buka account Blogger Beta Anda, lalu klik “TEMPLATE”, selanjutnya klik “EDIT HTML”
2. Klik “Expand Widget“.
3. Jangan lupa untuk menyimpan template Anda di Komputer atau File lain dengan meng-klik Download Full Template. Ini adalah prosedur standar (gold procedure) setiap kali Anda akan melakukan perubahan pada template Blogger Beta. Sewaktuwaktu, jika proses editing Template Blogger Anda bermasalah, maka Anda masih bisa kembali ke Template Anda sebelumnya.
4. Cari kode <data:post.body/>
5. Copy + Paste kode Java Script di bawah dan letakkan setelah kode <data:post.body/> di atas.
6. Pekerjaan selesai!
7. Jangan lupa di simpan.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- *****************http://tutorial-seo-blogger.blogspot.com*********************** -->

<div class='widget-content'>
<b>Postingan Terkait Lainnya Dengan Label :</b>
<div id='data2007'/><br/><br/>
<div id='Randezvous'>
Widget by <u><a href='http://tutorial-seo-blogger.blogspot.com/' target='_blank'>SEO Tutorial</a></u>
</div>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>
Saya tunggu komentar Anda…

1 comments:

Anonymous said...

Trimakasih untuk infonya....

 
Tutorial Seo Blogger | Cara Membuat Blog di Blogspot Gratis 2014 Support Blogger Info Seo Privacy Policy