Click Here

Labels

Membuat Related Posting/Posting Terkait (Versi Daftar List Berdasarkan Label)

Akhirnya posting lagi nih, walaupun agak maksa-maksain karena ada sedikit gangguan di koneksi internet saya dalam beberapa hari ini, ga tau juga tuh apa penyebabnya. yang jelas blogging harus tetap jalan terus.

Oke, posting kali ini mencoba menjawab request dari sobat blogger yg paling gokil abis, yang pasti saya sangat senang sekali berkunjung ke blog beliau, bisa melepas penat di otak dengan postingannya yang selalu bikin saya tertawa. siapa lagi kalau bukan sobatku mas Bayu Lebond yang saya kasih nama akrab Master kehilangan korek. Hilangkan penat diotak anda bersama mas Bayu Lebond. Thanx mas bayu udah mengingatkan saya akan topik ini.

Nah, postingan kali ini mencoba balik lagi ke tahap awal, karena saya sempat lupa mau memposting artikel ini, saya coba memaparkan tentang membuat Related Posting/Posting Terkait (versi daftar list berdasarkan label). Karena yang saya ketahui ada beberapa macam jenis tampilan related posting, saya harap Related Posting seperti ini yang mas Bayu maksudkan.

Langsung ke tahap pembuatannya.
- Pertama pastinya Loggin dulu ke blogger.
- Masuk ke Tata Letak/Layout
- Pilih Edit HTML
- Centang tulisan Expand Widget Template
- Cari code dibawah ini, untuk memudahkan tekan Ctrl+f, cari code tersebut :
<data:post.body/>
atau
<p><data:post.body/></p> 
- Pastekan code dibawah ini setelah code diatas tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- *****************Related Posting****************** -->
<div class='widget-content'>
<b>Related Posting :</b>
<div id='data2007'/><br/><br/>
<div id='Randezvous'>
<u><h5><a href='http://serba-seru.blogspot.com/2010/02/membuat-related-postingposting-terkait.html'>
Grab This Widget</a></h5></u>
</div>
<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>
- Untuk template yang menggunakan metode Read more(Baca Selanjutnya), terdapat 2 code yang sama, pastekan code diatas setelah code yang kedua.
- Simpan hasil kerja anda
- Coba test hasilnya...
- Semoga berhasil

Semoga Bermanfaat
Terima Kasih
SERBA BLOG
Harga Notebook Acer Aspire S3 Ultrabook

Sudah 15 Orang Berkomentar, Silakan anda yang selanjutnya :

Komentar dari Belogger Prost :

mantap nih sobat

Komentar dari Ngeposting ni yee :

bAgus nI sOb,,
tHanks udh di sHare,,
sekalian mengamankan yAng kEdUaxXx sob,,
hehe,,

Komentar dari Bayu Lebond :

walah...gw yg rikuwes koq malah telat...tengkyu yo sam...atas kesediaan waktunya...lansung merapat ke TeKaPe

Komentar dari Bayu Lebond :

lupa gw...tengkyu atas sekilas info tentang gw...tp gw mo refisi dikit...gw gak gokil...cuma nyokap guwe bilang gw agak gila...bokap gw bilang gw setengah gila...sodara gw bilang gw gila...temen gw bilang gw gila akut...

Komentar dari Bayu Lebond :

gak berhasil kie sam...hick...hick...hick

Komentar dari G E O R G E O U Z :

@ Blogger Prost : Thanx Sob...
@ Ngeposting nie : Sama2 sob, slmt dpt yg keduaxxx..
@ Bayu Lebond : Iya deh sob, lu ga gokil, lu emang gila bgt...heheheheee....
emangnya masalahnya dmn tuh....salah nyimpen tuh kode kali...coz kl gw ngasi script, pasti udh gw coba, n berhasil...

Komentar dari Bayu Lebond :

wah nyerah gw sam...ampe pagi nguthek-uthek itu doang...

Komentar dari Belogger Prost :

komentar2 nih sahabatku

Komentar dari Sriayu :

Yang ini saya blom buat neh. Kayaknya butuh energi yak... Oneday...maybe...

Anyway...makasi ya komen d artikel ultah Q.

BTW, mo nanyak. Gimana tu buat icon bookmark seperti di blogmu ini friend. Share dong. Dulu pernah ada yg kasi tips, tapi gak berhasil. Kayaknya tampilan yang ini OK tu.
Thanks before

Komentar dari G E O R G E O U Z :

@ Bayu Lebond : Wahhh...penasaran jg gw ama template blognya...emang kayak apa sih, ntar deh coba cari template itu, ntar di cobain dulu...

@ Blogger Prost : silakan sob

@ Sriayu : Thanx jg mbak Sriayu...kl bikin icon bookmark, ntar coba diingat dulu, coz udh rada lupa jg, coz udh lama bgt dptnya...

thanx semuanya atas komennya...sukses selalu

Komentar dari G E O R G E O U Z :

@ Bayu Lebond : waahhh mas Bayu...akhirnya kutemukan jawaban buat template blogmu yg bikin dirimu mumet itu...ternyata di template itu ada 3 code data:post.body-nya....jawabannya pastekan aja setelah code yg ketiga...pasti ma'nyus dehhh...smoga berhasil....

Komentar dari Bayu Lebond :

sudah dilaksanakan sam...neng hasilnya tetep gak mo nongol gambarnya

Komentar dari G E O R G E O U Z :

wahhh... ternyata mau related post yg pake thumbnail to....
tak kirain yg list...
kl yg ini versi list mas bayu...coba liat judule...
ntar deh...posting selanjutnya versi thumbnail(pake gambar)

Komentar dari Informasi :

Mantap kang...makasih infonya..bermanfaat sekali

Komentar dari cynthia chaniago :

nice post sob..
article yang menarik,saya tunggu article berikutnya yach.hehe..
maju terus dan sukses selalu...
salam kenal yach...
kunjungi blog saya juga ya sob,banyak tuh article2 yang seru buat dibaca..
agen situs poker online indonesia uang asli,poker online terpercaya dan teraman...
http://chaniaj.blogspot.com/ dan situs kesayangan kami http://oliviaclub.com
serta sites.google kebanggaan kami https://sites.google.com/site/pokeronlineterpopuler/
di oliviaclub.com poker online uang asli terbaik di indonesia dengan teknologi teraman dan tercanggih.
main dan ajak teman anda bergabung dan dapatkan 20% referral fee dari house commision untuk turnover teman ajakan anda...

Silakan Tulis Komentar Anda di Bawah ini :

Silahkan tulis komentar anda dibawah ini, namun diharapkan jangan melakukan spamming,hindari komentar yang mengandung unsur SARA, berkata kasar serta hal2 negatif lainnya, Terima Kasih, Semoga bermanfaat