koleksi photo

TRANSLATION

bidvertiser

tingkatkan traffic anda

Traffic

gabung dengan saya

Komisigratis

silahkan di klik

download mp3

Masukan Nama Penyanyi - Judul Lagu

Mesin Cari Free Download Mp3 Gratis

radio

Kamis, 23 Desember 2010

CARA MEMBUAT READ MORE,BACA SELANJUTNYA VERSI BARU

Pengin membuat read more (baca selengkapnya) seperti gambar disamping??? Sekarang membuat read more tidak perlu repot-repot ketika posting harus menyisipkan kode HTML untuk membuat READ MORE, karena kini telah terbit read more versi baru yang lebih mudah dan evisien.

Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Atau yang lebih dikenal dengan fasilitas image thumbnail. Tidak hanya itu saja, kita dapat juga mengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yaitu jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image.

Oke langsung saja kita menuju target

Silahkan langsung menuju ke halaman EDIT HTML, Cari kode <head> kemudian letakan script dibawah ini di atas kode <head> Kalo sudah, jangan lupa di simpan terlebih dahulu.



<script type='text/javascript'>

var thumbnail_mode = "float" ;

summary_noimg = 250;

summary_img = 250;

img_thumb_height = 120;

img_thumb_width = 120;


</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>



Kalo sudah ketemu, ganti kode <data:post.body/> 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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



Silahkan disimpan dan lihat hasilnya……

NB: kalau mau edit tentang banyaknya texs yang muncul inilah keterangannya:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width= 120; (Thumbnail 'lebar dalam piksel)

Sebenarnya apa sich keuntungan dari read more ini ? kalau menurut saya (blogger newbie) read more ini bisa membuat blog kita visitor friendly karena artikel yang tampil pada home page blog akan lebih banyak dengan tidak menyita tempat yang terlalu panjang kebawah.

Selamat mencoba. . . . . . .
sumber:http://m4rlif.blogspot.com

Tidak ada komentar:

Posting Komentar

terimakasih atas kritik dan sarannya.jangan sungkan untuk mampir lagi

POSTING TERBARU

Arsip Blog

Entri Populer