Sobat Bloger, satu witget di bawah Postingan yang berisikan daftar postingan terkait yang mungkin perlu dibaca pengunjung blog anda mungkin akan sangat membantu pengunjung blog anda untuk mencari sesuatu yang mungkin saja sedang di carinya dan kebetulan ada di dalam blog anda. Kali ini saya akan coba berbagi sedikit mengenai bagaimana cara menambahkan widget tersebut.
Gak usah panjang komentar deh. Langsung aja di bawah ini tutorial lengkapnya.
Pertama, Kita masuk ke Menu Themplete yang ada di blogger
Kedua, Kita Pilih Edit HTML >>Lanjutkan >> jangan lupa Centang Expand Template Widgetnya.. Seperti biasa untuk menghindari hal yang tidal diinginkan bila terjadi kesalahan edit, back up dutu Template Lengkap anda
Ketiga Cari Kode Ini <data:post.body/> Biar lebih mudah tekan CTRL + F
Keempat, Pastekan saja Kode Berikut Tepat di bawah Kode ini<data:post.body/>
<b:if cond='data:blog.pageType == "item"'><div style='margin-top: 10px;'><strong>Anda perlu Baca ini juga !</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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('ardi33').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> <script type='text/javascript'>RelPost();</script></div> </div> </b:if>
Silahkan ganti tulisan yang berwarna Merah sesuai dengan ke inginan anda
Perlu di ingat ! Kode <data:post.body/> ini biasanya tidak cuma satu, Jadi kalau kode pertama tidak jadi.. Silahkan Tempatkan di kode yang paling bawah.
Kelima, Simpan Templatenya, Dan lihat Hasilnya,
Selesai.
Begitulah cara menabahkan widget Postingan terkait yang saya lakukan di blog ini. Selamat mencoba dan semoga yang sedikit ini bisa bermanfaat.
Salam Bloger.
0 Komentar