• Beranda
  • Facebook
  • Twitter
  • Google Plus
  • Contact

Tegar Herlambang

TIPS TRIK , game , SOFWARE

  • Home
  • HOME
  • ABOUT
    • Facebook
    • Twitter
    • Google Plus
  • Tips Trik
    • Instal OS
    • Blogger
    • Merakit
    • Perbaikan PC
  • LABEL
    • News
    • Views
    • Feature
    • Tips
  • Menu
    • Submenu1
    • Submenu2
    • Submenu3
  • Statis
  • Download Link
Home » Tips Blogger » Memasang Widget Artikel Yang Berhubungan (Related Post)

Memasang Widget Artikel Yang Berhubungan (Related Post)

Posted by Tegar Herlambang
Add Comment
Tips Blogger
Tuesday, January 28, 2014

Yang dimaksud Judul diatas adalah Artikel yang Berhubungan dalam satu label posting, artinya apabila kita membaca suatu artikel maka akan tampil juga artikel lain dengan label yang sama. Contoh pada blog ini, silakan anda lihat dibawah artikel ini, Artikel yang Berhubungan (Related Post), saya kasih judul " Artikel Anyar yang Berhubungan ". Sudah tahu khann,?..
Cara pasangnya, silakan ikuti langkah-langkah berikut :


  • Login di Blogger 
  • Klik Layout --> edit HTML.
  • Kasih tanda checklist pada kolom Expand Template Widget.
  • Cari kode <data:post.body/>
  • Copy kode dibawah ini, dan paste dibawah kode diatas : <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel Anyar yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<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>
  • Dan terakhir Simpan Template
 Catatan : anda bisa ganti kode "Artikel Anyar yang Berhubungan" diatas sesuaikan dengan keinginan anda.

0 Response to "Memasang Widget Artikel Yang Berhubungan (Related Post)"

← Newer Post Older Post → Home
Subscribe to: Post Comments (Atom)

Translate

Powered by Blogger.

About Me

tegar
View my complete profile

Arsip Blog

  • 2014 (71)
    • May (12)
    • March (11)
    • February (27)
    • January (21)
      • Cara Menginstal Linux Ubuntu beserta gambar
      • Cara Menginstal Linux Debian beserta gambar
      • cara instal linux redhat beserta gambar
      • cara instal windows 8 beserta gambar
      • cara instal windows 7 beserta gambar
      • cara instal windows xp beserta gambar
      • cara membuat link bergerak
      • Download game PSX iso for PC (100% Complete) IDWS
      • Cara Memasang Widget Untuk Mengetahui Jumlah Pengu...
      • Cara Membuat Chat Box Di Blog
      • kumpulan efek untuk blog
      • cara menambahkan animasi pada blog
      • Cara Pasang Kotak Pencarian / Search pada Blog
      • Cara Merubah Background Pada Header Blog
      • Cara membuat link terbuka di tab baru otomatis di ...
      • Memasang Widget Artikel Yang Berhubungan (Related ...
      • Tips Merubah Background Blog, Blogspot
      • Cara mengelompokkan artikel dalam label/ kategori
      • cara membuat readmore/baca selengkapnya
      • Mengganti Kursor Blog dan berbagai aneka kursos de...
      • Cara Memasang Widget Kamera Pengintai atau CCTV di...
  • 2013 (16)
    • December (1)
    • November (11)
    • September (4)
Back to top!
Copyright (c) 2014 Tegar Herlambang. All Rights Reserved New Fastest Magz Template by CB Blogger. Powered by Blogger.