BREAKING NEWS

Kamis, 07 Mei 2009

SITE MAP

DAFTAR ISI
BLOG PERSADA INSAN SEJAHTERA

*) Site map still in progress (wait till this project finished)
Sorry for incovenience




Loading...










Widget by Betabloggerfordummies.

Selasa, 05 Mei 2009

Related Post Script for Blogger - Part 2

Kalau di artikel sebelumnya, telah dibahas tentang bagaimana cara menambahkan widget related post/related article dengan mengakses script javascript di halaman eksternal. Sekarang saatnya menyisipkan script widget utuh ke dalam halaman blogger.

Cara ini amat disukai bagi blogger yang ingin mengkustomisasi isi dari widget related post yang akan ditampilkan. Misalnya mau merubah kata-kata "Related Articles" menjadi "Artikel Terkait" atau apa pun itu terserah kamu.

Langkah demi langkahnya adalah sebagai berikut:

1. Pilih Template Editor, dalam dashboard blogger kamu.

Klik Link Download Full Template . jangan lupa simpan template yang belum diotak-atik, agar nanti bisa direcover bila terjadi kesalahan penyisipan skrip.

Lalu, berikan tanda check pada Chek Box Expand Widget Templates.

2. Temukan kode dibawah ini

<data:post.body/>
3. Salin kode dibawah ini

update: Supaya gak sampai salah salin, Silahkan klik link disebelah untuk menampilkan skrip lengkapnya the related posts / articles on .txt (klik disini).


<div class='clear-block;'/><b:if cond='data:blog.pageType == "item"'><div class="similiar"><!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --><!-- *****************Related Articles by Labels - Take Two****************** --><!--

Modified by JackBook.Com to make it easier to use.

1. Now, users don't need to change anything to use this widget. just copy and paste, and done!

2. The current article will also be listed, now it's no more.

-->

<div class='widget-content'>

<h3>Related Posts by Categories</h3>

<div id='data2007'/><br/><br/>

<div id='hoctro'>

Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a>

</u></div>

<script type="text/javascript">

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

<b:if cond='data:blog.pageType == "item"'>

maxNumberOfPostsPerLabel = 100;

</b:if>

<b:if cond='data:blog.pageType == "item"'>

maxNumberOfLabels = 3;

</b:if>

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>

3. Tempelkan skrip yang telah disalin diatas di bawah urutan nomor #2 (<data:post.body/>)


Fleksibel aja ya. Lakukan eksperimen dengan menempatkan posisinya <data:post.body/> seperti <p></p>didalam


<p><data:post.body/></p> Skrip widget related post


4. Simpan template. refresh blog, dan selesai


Gampang kan.. Selamat menikmati... (emang makanan dinikmati)

Senin, 04 Mei 2009

Menambahkan Link Artikel yang Berhubungan di Setiap Artikel - Blogger

Salah satu cara meningkatkan page view dari artikel yang ada dalam sebuah website adalah dengan menampilkan daftar artikel yang berhubungan dengan artikel yang sedang dimuat. Dengan demikian, artikel yang memiliki content relatif sama dengan artikel yang sedang ditampilkan akan terdongkrak page view nya.

Ada dua cara untuk menambahkan widget Related Post atau Artikel yang berhubungan.

Cara pertama.
(Bagi yang ingin meletakkan widget Related Post di side bar)
1. klik tombol Add to Blogger dibawah ini, lalu ikuti instruksi yang diberikan oleh Blogger.

2. Pindahkan widget ke lokasi yang kamu inginkan, dengan cara drag n drop (tahan dan geser).
Widget baru akan muncul di susunan teratas widget yang telah kamu simpan, jangan lupa pindahkan posisinya ke tempat yang kamu inginkan. Setelah itu simpan.

Cara kedua.
(Menambahkan widget Related Post di setiap artikel secara otomatis)
1. Pergi ke =>Layout=>Edit HTML=>Edit template
2. Lakukan back up template Anda (Jangan abaikan langkah ini !)
3. Checklist Expand Widget Template, kemudian temukan baris code seperti ini:
<div class='post-footer-line post-footer-line-3'/>
...
</div>
4. Tambahkan baris seperti dibawah ini:
<div class='post-footer-line post-footer-line-3'/>
...
</div>
<div id='related_posts'/>
5. Langsung menuju skrip paling bawah:
</body>
</html>
6. Tambahkan dua baris kode:
<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>
</body>
</html>

Enjoy !!!

 
Copyright © 2014 Persada Blog

Powered by Mafsyah