> >

Thursday, October 13, 2011

Memasang Related Post atau Artikel Terkait

11:18 PM  Unknown  No comments

By : Jefriadi Azwar's


Kali ini saya akan mempraktekkan cara membuat “Related Post”. Maksud nya postingan yang berhubungan/Artikel terkait dan nantinya akan terletak dibawah postingan kita, jadi para pembaca akan tertarik melihat judul yang berhubungan dengan postingan yang dibaca sebelumnya.
Menurut saya “Related Post” ini sedikit membantu kita agar para pengunjung lebih lama berada di blog kita karna selalu ada judul menarik yang terlihat diakhir bacaan. “Related Post” ini di modifikasi oleh JackBook.

Baik langsung saja kita praktekkkan …

1. Login ke www.blogger.com

2. Sebelumnya, saya mengira bahwa anda menggunakan blogger Bahasa Indonesia. Jika yang menggunakan blogger lain.. Harap menyesuaikan dan saya anggap anda menggunakan tampilan blogger Versi terbaru (Untuk merubah blogger tampilan baru, klik “Coba antarmuka Blogger yang diperbarui” yang ada dibagian atas.


3. Setelah login anda akan berada pada Dashboard Blogger. Klik “Templete” sesuai salah satu blog yang ingin anda edit jika ada mempunyai blog lebih dari satu dalam satu account

4. Klik “Edit HTML” setelah itu klik “Proceed”
5. Centang kotak kecil disamping tulisan Expand Widget Templates ,
6. Di kotak HTML yang anda lihat cari kode dibawah ini,


<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>

<div class='post-footer-line post-footer-line-2'/>

<div class='post-footer-line post-footer-line-3'/>
</div>
</div>


Untuk memudahkan anda mencari code HTML diatas, ketik CTRL + F ,

7. Jika kode yang dimaksud sudah dapat, copy code warna Biru dibawah ini.. Lalu paste dibawah code diatas tadi


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<div class='widget-content related-by-cat'>
<h3>Related Posts / Artikel Terkait :</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro' style='display:none;'>
Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u>
</div>
<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 40;
maxNumberOfLabels = 40;


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>


 8. Selamat Mencoba dan semoga berhasil
Jika ada pertanyaan jangan sungkan2 bertanya di kolom komentar dibawah ini ....

Posted in:

0 komentar:

Post a Comment