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 code diatas tadi
- 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
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 code diatas tadi
<b:if cond='data:blog.pageType == "item"'> <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 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); 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 < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); 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 = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if> |
- Simpan hasil kerja anda
- Coba test hasilnya...
- Semoga berhasil
Semoga Bermanfaat
Terima Kasih
SERBA BLOG
mantap nih sobat
ReplyDeletebAgus nI sOb,,
ReplyDeletetHanks udh di sHare,,
sekalian mengamankan yAng kEdUaxXx sob,,
hehe,,
walah...gw yg rikuwes koq malah telat...tengkyu yo sam...atas kesediaan waktunya...lansung merapat ke TeKaPe
ReplyDeletelupa 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...
ReplyDeletegak berhasil kie sam...hick...hick...hick
ReplyDelete@ Blogger Prost : Thanx Sob...
ReplyDelete@ 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...
wah nyerah gw sam...ampe pagi nguthek-uthek itu doang...
ReplyDeletekomentar2 nih sahabatku
ReplyDeleteYang ini saya blom buat neh. Kayaknya butuh energi yak... Oneday...maybe...
ReplyDeleteAnyway...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
@ Bayu Lebond : Wahhh...penasaran jg gw ama template blognya...emang kayak apa sih, ntar deh coba cari template itu, ntar di cobain dulu...
ReplyDelete@ 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
@ 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....
ReplyDeletesudah dilaksanakan sam...neng hasilnya tetep gak mo nongol gambarnya
ReplyDeletewahhh... ternyata mau related post yg pake thumbnail to....
ReplyDeletetak kirain yg list...
kl yg ini versi list mas bayu...coba liat judule...
ntar deh...posting selanjutnya versi thumbnail(pake gambar)
Mantap kang...makasih infonya..bermanfaat sekali
ReplyDelete