MEMBUAT ARTIKEL TERKAIT DI POSTING BLOG

Setelah cukup lama menekuni hobby  'ngeblog', saya mulai berpikir bagaimana caranya agar siapa pun yang mampir di blog saya tidak hanya berhenti untuk membaca satu posting saja. Karena banyak posting-posting yang satu sama lain saling berkaitan. Artinya, ia akan cukup lama mampir di blog saya (tidak keluar masuk begitu saja), he he ..

Boleh kan? 

Ada pun cara yang saya lakukan untuk mewujudkan keinginan saya itu adalah dengan memasang artikel terkait/related post di bawah setiap posting di blog saya. Ingin tahu dan mencobanya? Ikuti deh langkah-langkah berikut ini :

• Masuk ke dashboard blog > rancangan > edit html > centang expand template widget cari kode ]]></b:skin> (gunakan ctrl f untuk pencariannya biar gampang)
• Copy paste kode berikut tepat di atas kode  ]]></b:skin> :

          /* Related Post */

.related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#EEEEEE;}

.related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}

.related_posts a{color:#000;}

.related_posts ul{padding:0;}

.related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background: #EEEEEE;}

• Setelah itu lalu cari kode <div class=’post-footer-line post-footer-line-1'> dan letakkan kode berikut tepat di bawahnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='related_posts'>

<div class='widget-content'>

<h4>Artikel Terkait</h4>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 10;

var maxNumberOfLabels = 2;

maxNumberOfPostsPerLabel = 10;

maxNumberOfLabels = 2;

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>

• Simpan Tempale