Fungsi dari related post pada dasarnya hanya akan menampilkan postingan acak yang terkait dengan postingan pada halaman blog yang sedang di buka. Nanti semua artikel yang berhubungan akan secara otomatis tampil sehingga hasil pencarian bisa dikatakan masih dalam topic sejenis. Untuk setingan yang satu ini agak berbeda dengan penempatan javascript pada postingan saya sebelumnya yaitu memasang recent post dan recent comment dengan javascript di side bar. Ada tambahan script yang harus sobat letakkan pada kolom html. Perlu diketahui bahwa related post akan bekerja apabila sobat mengisi label pada tiap postingan.
Instalasi nya dapat sobat ikuti beberapa cara berikut mudah-mudah an ada kecocokan code supaya proses penempatan javascript berjalan baik. Sebab adakalanya tiap template mempunyai perbedaan code of source dan saya sendiri pernah mengalami hal yang serupa jadi nanti tinggal utak atik aja sendiri kira2 di posisi mana code script tersebut harus di simpan.
Begini kira-kira panduan singkatnya kenapa singkat karena cuma 5 menit udah berez kok GPL dah alias gak pake lama cuma copas semua code dan letakkan pada tiap script yang dijelaskan diselanjutnya.
Awali dengan log in ke blogger.com dan arahkan pandangan sobat ke menu rancangan truz pilih edit html dilanjutkan mencentang expand widget template. Kalo ada keraguan takut salah back up saja dulu biar aman. Code script yang pertama ini wajib di letakkan sebelum </head> atau persis diatasnya.
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
Tugas sobat selanjutnya cari kode yang mirip kayak gini pusing kan mau nyari kemana apa ketemu. Tenang !!! Pake tu fungsi tombol keyboard Ctrl+F gak perlu di ketik copas aja baris pertama ntar juga nongol sendiri
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
Gimana apa sudah ketemu kode yang dicari tadi ? Kode tersebut harus sobat ganti sama kode script yang ini (copas lagi aja) biar cepet dan jangan lupa di save
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
Sekarang tinggal naro script di side bar nya udah tau kan caranya. Pas di bagian rancangan kan ada elemen laman itu di klik kemudian klik lagi HTML widget baru script yang ada dibawah ini di masukkan.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Contoh related post bisa di lihat bagian paling bawah di blog ini
Instalasi nya dapat sobat ikuti beberapa cara berikut mudah-mudah an ada kecocokan code supaya proses penempatan javascript berjalan baik. Sebab adakalanya tiap template mempunyai perbedaan code of source dan saya sendiri pernah mengalami hal yang serupa jadi nanti tinggal utak atik aja sendiri kira2 di posisi mana code script tersebut harus di simpan.
Begini kira-kira panduan singkatnya kenapa singkat karena cuma 5 menit udah berez kok GPL dah alias gak pake lama cuma copas semua code dan letakkan pada tiap script yang dijelaskan diselanjutnya.
Awali dengan log in ke blogger.com dan arahkan pandangan sobat ke menu rancangan truz pilih edit html dilanjutkan mencentang expand widget template. Kalo ada keraguan takut salah back up saja dulu biar aman. Code script yang pertama ini wajib di letakkan sebelum </head> atau persis diatasnya.
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
Tugas sobat selanjutnya cari kode yang mirip kayak gini pusing kan mau nyari kemana apa ketemu. Tenang !!! Pake tu fungsi tombol keyboard Ctrl+F gak perlu di ketik copas aja baris pertama ntar juga nongol sendiri
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
Gimana apa sudah ketemu kode yang dicari tadi ? Kode tersebut harus sobat ganti sama kode script yang ini (copas lagi aja) biar cepet dan jangan lupa di save
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
Sekarang tinggal naro script di side bar nya udah tau kan caranya. Pas di bagian rancangan kan ada elemen laman itu di klik kemudian klik lagi HTML widget baru script yang ada dibawah ini di masukkan.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Contoh related post bisa di lihat bagian paling bawah di blog ini
Tips Membuat dan Mengoptimalkan Blog
Memperbanyak backlink blog
Membuat semua halaman postingan blog terindeks search engine
Membuat halaman maintenance di blogspot
Membuat dua kolom dibawah postingan
Membuat Link terbuka di jendela baru
Membuat widget tv online di blog
Membuat background warna pada halaman postingan
Memparse Kode Script HTML
Memasang Google Custom Search Di Bawah Postingan
Memasang Recent Comment Dengan Javascript
Memasang Recent Post Dengan Javascript
Memasang Related Post di Side Bar
Tips Dan Trik Blogspot Aman Dari Banned google
Membuat semua halaman postingan blog terindeks search engine
Membuat halaman maintenance di blogspot
Membuat dua kolom dibawah postingan
Membuat Link terbuka di jendela baru
Membuat widget tv online di blog
Membuat background warna pada halaman postingan
Memparse Kode Script HTML
Memasang Google Custom Search Di Bawah Postingan
Memasang Recent Comment Dengan Javascript
Memasang Recent Post Dengan Javascript
Memasang Related Post di Side Bar
Tips Dan Trik Blogspot Aman Dari Banned google
0 komentar:
Posting Komentar