Arsip Blog
Cara Membuat Atau Menampilkan Title Postingan Yang Berkaitan
Jumat, Januari 22, 2010 // 7 komentar // Rudy // Category: Blogging Tutorial , Html , Template Hack //Seringkali mungkin anda menemukan blog pada blogspot yang hanya menampilkan judul-judul postingan biasanya terletak dibawah artikel atau postingan yang saat itu sedang dibuka. Judul-judul postingan yang dimaksud diatas lebih dikenal luas oleh para blogger dengan istilah related posts atau artikel-artikel yang berkaitan. Disebut artikel berkaitan sebab mereka tampil berdasarkan label atau category yang sama.
Tujuannya agar para visitor yang berkunjung lebih mudah meloncat dari satu halaman ke halaman yang lain dan yang lebih penting lagi adalah mereka juga bisa mengetahui hal apa saja yang anda tulis berkaitan dengan category tertentu dan yang pasti blog anda akan lebih mudah terindeks oleh mesin pencari. Menarik bukan ? Tertarik untuk membuatnya ? Okelah kalau begitu, . . Simak cara membuat related posts atau cara membuat artikel terkait berdasarkan label atau category di blogspot berikut ini :
- Login ke Blogger → Dashboard → Tata letak → Edit Html, kemudian beri tanda centang di bagian sudut kanan atas kolom notepade.
- Cari kode <data:post.body/>
Jika blog anda menggunakan fungsi read more, akan ada 2 kode seperti di atas, pilih yang pertama dari atas. - Copy kode berikut dan letakan persis dibawah kode di atas :<b:if cond='data:blog.pageType == "item"'><div class='similiar'><div class='widget-content'><h2>Artikel Terkait :</h2><div id='data2007'/><br/><br/><script type='text/javascript'>var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 1;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>
- Setelah itu klik simpan.
Penting : Setelah sobat menggunakan fungsi di atas, lakukan verifikasi terhadap label atau category di setiap postingan sobat sebelumnya, agar kiranya artikel yang di tampilkan benar-benar sesuai dengan thema masing-masing postingan.

Related posts :
- Membuat ReadMore Otomatis (Baca Selengkapnya) Pada Postingan Blogspot
- Beberapa Bentuk Variasi Teks Berjalan
- Cara Membuat Foto atau gambar Berjalan (slide show)
- Cara Mengetahui Atau Menentukan Warna Dalam Format CSS Menggunakan Operamini 3.10 Mod
- Cara Membuat Atau Menampilkan Title Postingan Yang Berkaitan
7 komentar for this post
Leave a reply
Penghasilan Rp 2000 – Rp 200....
22-Sep-2012Proses Pembuatan Processor...
23-Jul-2011Hati-hati Terhadap Penipuan D...
05-Mar-2011Cara Praktis Mengirim Tautan ...
09-Jan-2011Teknologi Internet 42 Mbps Pe...
15-May-2010
- Vash Desain says:
Nice info, thanks for share, oh ya saya mau berbagi, baru saja saya menemukan[[More detail]] - lacak says:
I already subscribe video channel and, your video can. Please help me finish this survey, because I...[[More detail]] - ufuqdhani sumbayak says:
www.facebook.com/share.php?t=&u=http://YouthToEarn.com/?ref=377644 - ufuqdhani sumbayak says:
www.facebook.com/share.php?t=&u=http://YouthToEarn.com/?ref=377644 - Anonymous says:
Bisa dicoba baca gan http://Cash4Visits.com/ref.php?refId=337660
Publisher
Followers
Category
Aplikasi hp
Aplikasi Java
Aplikasi Java Tips dan Tricks
Bisnis Online
Blogger Tutorial
Blogging Tutorial
Friendster
Gadget
Handphone
Hiburan
Html
Info Gratis
Info Techno
Internet
Islam dan Teknologi
Nokia
Peterpan Band
Science
Sisi Lain
Symbian OS
Teknologi
Template Hack
Tips dan Trick
Tips dan Tricks
2008 - 2009 SimplexDesign. Content in my blog is licensed under a Creative Commons License.
- SimplexPro template designed by Simplex Design.
- Powered by Blogger.com.
This template is brought to you by : allblogtools.com | Blogger Templates
wallpaper artis
Januari 25, 2010 10:16 AM
makasih gan tutorialnya...berkunjung juga ke blog ane...
Rudy
Januari 27, 2010 3:26 AM
ok gan, sama-sama....
pasti aku dtng...
secangkir teh dan sekerat roti
Februari 06, 2010 8:36 AM
ada contohnya..? biar lebiih konkrit.. :)
Gus IKHWAN
Februari 06, 2010 11:36 PM
Rud ga ada gambarnya kurang paham
Rizkyzone
April 28, 2010 6:45 PM
seharusnya ini kalau g dikasih gambar contohnya setidaknya cara ini dah kamu terapkan d blog kamu sendiri gt. jd pembaca yang ingin nerapkan di blognya tidak ragu dan setidaknya ada gambaran modelnya seperti apa gt
Rudy
April 29, 2010 6:55 AM
Komen sprti Ini yg saya tungu2, sbnarnya sblum sya membuat postingan ini (bukan cuma ini saja), sudah saya praktekkan trlebih dahulu. Namun saat pergantian template blog ini, semua data2 widget blog ini, baik yg trdpat di dlam template sblumnya atw yg di sidebarnya yg udah saya back up scra ofline di hp smuanya trhapus tak trsisa gara2 hp q rusak. Sya ngblog hanya brmodalkan handphone, jd buat para pngunjung yg baik hati jika mrasa kurang puas dgn apa yg bisa saya brikan, mohon ma'af, dan mohon dimaklumi.. Hehehe.....
Skali lagi, terimakasih atas masukannya.
Rekomendasi Anime
November 03, 2011 2:24 AM
gak manjur