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 :
7 komentar for this post
Leave a reply
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