Loading

Sebelumnya Baca Juga Tulisan Bocah Mbelis Yang Ini :

Yang Banyak Di Baca Pada Blog Bocah Mbelis Ini :

Bocah Mbelis » , , » Cara Membuat Related Post Pada Blog

Cara Membuat Related Post Pada Blog

Cara Membuat Related Post Pada Blog
Berikut ini adalah tutorial untuk membuat/memasang “Related Post” di dalam posting Blogger / Blogspot yang saya peroleh dari blog tetang.
Langsung saja :

1. Login ke Dashboard Blogger. Masuk ke Design > Edit HTML.
2. Backup dulu template dengan klik Download Full Template.
3. Centang kotak Expand Widget Templates.
4. Cari kode berikut:

<data:post.body>


5. Masukkan kode berikut tepat di bawahnya:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='whatever'/><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;whatever&#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>

6. Save Template. Selesai.
Related Post ini akan muncul berdasar kategori, jadi artikel-artikel yang muncul adalah yang berada pada kategori/label yang sama dengan artikel yang sedang dibuka. Tampilannya adalah dalam bentuk teks. Kalau anda ingin tampilan yang berbentuk thumbnail, dapat mencoba script yang disediakan oleh LinkWithin. Widget dari LinkWithin tersedia untuk Blogger dan WordPress, serta sangat cocok untuk blog yang mempunyai banyak gambar, seperti blog Sexy Actress.
Demikianlah tutorial untuk memasang “Related Post” di dalam postungan Blogger / Blogspot. Semoga berguna.

Baca Juga Yang Ini:

2 komentar:

NABILA-SAIRA-SHOP mengatakan...

PROMO HARGA SPESIAL TERBARU 2015 BERBAGAI MACAN MEREK HENDPHONE
SAMSUNG>BLACKBERRYNOKIA>ASUS>LENOVO>ADVAN>SMARTFREN>OPPO>ACER>TOSHIBA>NIKON>DELL>CANON>XIOMI>DLL TERPERCAYA>100% BEBAS RESIKO BEBAS PENIPUAN (Info Pemesanan)CALL/SMS:085757299675>PIN BBM: (24C4A399)
WEB>www.nabila-saira-shop.blogspot.com

Laras Riswana mengatakan...

VIPQIUQIU99.COM AGEN JUDI DOMINO ONLINE TERPERCAYA DI INDONESIA

Kami VIPQIUQIU99 AGEN JUDI DOMINO ONLINE TERPERCAYA DI INDONESIA mengadakan SEO Kontes atau Kontes SEO yang akan di mulai pada tanggal 20 Januari 2017 - 20 Juni 2017, dengan Total Hadiah Rp. 35.000.000,- Ikuti dan Daftarkan diri Anda untuk memenangkan dan ikut menguji kemampuan SEO Anda. Siapkan website terbaik Anda untuk mengikuti kontes ini. Buktikan bahwa Anda adalah Ahli SEO disini. Saat yang tepat untuk mengetest kemampuan SEOAnda dengan tidak sia-sia, hadiah kontes ini adalah Rp 35.000.000,-

Tunggu apa lagi?
Kontes SEO ini akan menggunaka kata kunci (Keyword) VIPQIUQIU99.COM AGEN JUDI DOMINO ONLINE TERPERCAYA DI INDONESIA Jika Anda cukup percaya akan kemampuan SEO Anda, silahkan daftarkan web terbaik Anda SEKARANG JUGA! Dan menangkan hadiah pertama Rp. 10.000.000. Keputusan untuk Pemenang Akan di tentukan dengan aturan kontes SEO yang dapat dilihat di halaman ini.

Tunggu apa lagi? Ikuti kontes ini sekarang juga!

CONTACT US
- Phone : 85570931456
- PIN BB : 2B48B175
- SKYPE : VIPQIUQIU99
- FACEBOOK: VIPQIUQIU99

Posting Komentar

Posting Terakhir :

Post Kota Ngawi :

 

Bocah Mbelis Paking Design by Oca © 2012

Bocah Mbelis Dolalak (Tarian Khas Purworejo)<a href='http://bocah-mbelis.blogspot.com/2012/04/dolalak-tarian-khas-purworejo.html'></a>