• Versi Mobile
  • About
  • Contact
  • Sitemap
  • Free SMS
  • Download Lagu X Factor

Pendiari | Artikel Islam, Blog Dan Motivasi

Pendiari Blog Sederhana Berisi | Kumpulan Tutorial Blog | Artikel Islam, Muslimah, Cinta, Jodoh | Artikel Motivasi

  • Home
  • Islam
    • Artikel Islam
    • SMS Ramadhan
    • SMS Idul Fitri
  • TV Online
  • Radio Online
    • Radio Ceria
    • Radio Sunnah
    • Radio Muslim
  • Blog Tools
    • Website Speed Test
    • Ping Service
    • Phrase Kode HTML
  • Muslimah
  • Tutorial Blog
    • Java Script
    • Template
    • Widget
Home » Widget » Membuat Related Post ( Artikel Terkait )

Membuat Related Post ( Artikel Terkait )

Membuat Related Post
Related Post pada blog adalah sebuah widget yang berguna untuk menampilkan postingan/artikel yang saling berkaitan. related post sangatlah penting untuk dipasang di blog, selain dapat mempercantik blog, related post dapat membantu visitor blog kita dalam menemukan artikel-artikel yang terkait.


memasang Related Post Pada Blog dapat mempercantik blog. Caranya dapat menyisipkan script pada template blogger. Biasanya, widget related post diletakkan di bawah artikel/postingan. sehingga, setiap visitor selesai membaca artikel/postingan dapat menemukan artikel yang terkait dengan yang sebelum ia baca dengan mudah.

Berikut ini langkah-langkah memsang eidget related post dibawah postingan. Untuk keamanan, sebaiknya Anda memback up template Anda terlebih dahulu.

1. Menu Dashboard, klik Rancangan, klik Edit html.
2. Centang check box Expand Template Widget
3. Cari kode berikut ]]></b:skin>
4. Copy paste kode dibawah ini diatas kode   ]]></b:skin>


.rbbox{
    border: 1px solid rgb(192, 192, 192);
    padding: 5px;
    background-color: #EEF1F9;
    -moz-border-radius:5px;
     margin:5px;
    }
    .rbbox:hover{
    background-color: rgb(255, 255, 255);
    }




4. Cari kode berikut :  <data:post.body/>
5. Kemudian paste kode berikut di bawah kode diatas

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H3>Related Post</H3>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='ipank'/>
<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;ipank&#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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

   


7. Klik Simpan

Semoga Berhasil...
Written by: Pendi Ari Wibowo
Pendiari | Artikel Islam, Blog Dan Motivasi Updated at: 12/29/2010
Posted by Pendi AW on Rabu, 29 Desember 2010 - Rating: 5
Title : Membuat Related Post ( Artikel Terkait )
Description : Related Post pada blog adalah sebuah widget yang berguna untuk menampilkan postingan/artikel yang saling berkaitan. related post sangatla...

Bagikan Ke

Facebook Google+ Twitter

4 Responses to "Membuat Related Post ( Artikel Terkait )"

  1. Unknown18 Agustus 2011 pukul 08.47

    Alhamdulillah berhasil sahabat.Makasih ya

    BalasHapus
    Balasan
      Balas
  2. Unknown27 Agustus 2011 pukul 08.48

    Berhasil di praktekkan sahabat

    BalasHapus
    Balasan
      Balas
  3. Anonim22 September 2011 pukul 16.19

    kalo mau ganti warna teks sama background'a gmn mas?

    BalasHapus
    Balasan
      Balas
  4. Pendi Ari Wibowo22 September 2011 pukul 21.50

    anonim >> untuk ganti background silakan edit kode css

    .rbbox:hover{
    background-color: rgb(255, 255, 255);
    }

    mjd

    .rbbox:hover{
    background-color:#000000;
    }

    untuk bacground hitam...

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)

Kata Teman

Copyright © 2014 Pendiari | Artikel Islam, Blog Dan Motivasi - All Rights Reserved
Pendi Ari Wibowo - Powered by Blogger