OPTIMIZING TEHCNOLOGY: Template Hack

Cara Membuat Atau Menampilkan Title Postingan Yang Berkaitan 7

Jumat, Januari 22, 2010

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.

Selamat Mencoba

Sekedar ingin meramaikan habitat mesin pencari dengan key word "cara membuat readmore" atau "cara membuat baca selengkapnya" pada postingan blog di blogspot, sekaligus menjawab pertanyaan dari sobat blogger tentang cara membuat readmore atau baca selengkapnya pada postingan blog di blogspot yang masuk ke facebook saya, maka saya sengaja membuat postingan ini meski saya tau bahwa trik ini sudah tersebar luas bagai virus di mesin pencari (sebenarnya postingan ini cuma trik SEO).

Namun yang akan saya berikan disini bukan read more biasa, anda tidak perlu untuk masuk ke pengaturan format dan meletakan template postingan blog, anda hanya perlu menulis sesuka hati, sebanyak anda mampu dan fungsi readmore akan berfungsi secara otomatis.

Lebih lanjut silahkan simak tutorialnya di bawah ini :

Log in ke dashboad dengan akun google kamu, pilih blog yang hendak dipasang readmore dan klik Pengaturan → Edit Html, beri tanda centang pada Expand Template Widget yang terletak di sudut kanan atas notepad.
Temukan kode </head> [tips : Control + F dan masukan kode yang mau dicari]

Letakan kode script dari kang Jaloe berikut ini dibawah kode </head>

<script type='text/javascript'>
var thumbnail_mode = "no-
float" ; summary_noimg =
430; summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120; </
script> <script src='http://
rizqi.moehamed.googlepages.com/
read-moreotomatis.js'
type='text/javascript'/>
Setelah itu cari kode ini <data:post.body/>
Hapus kode di atas, kemudian ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType !
= "item"'> <div
expr:id='"summary"
+ data:post.id'><data:post.body/
></div> <script type='text/
javascript'>createSummaryAndThumb
("summary<data:post.id/
>");</script> <span
class='rmlink'
style='float:right;padding-
top:20px;'><a
expr:href='data:post.url'> read
more “<data:post.title/
>”</a></span> </b:if>
<b:if cond='data:blog.pageType
==
"item"'><data:post.body/
></b:if>
Kemudian klik Save Template

Silahkan buat postingan baru untuk melihat hasilnya.

Arsip Blog

Cara Membuat Atau Menampilkan Title Postingan Yang Berkaitan 7

Publisher

Followers

Category