A Mum Of Three Mohd

Posted: 17 Jul 2011 09:37 PM PDT

Assalamu'alaikum Wr. Wb.
salam blogger untuk blogger indonesia.
hanya share ulang saja dari bloggersentral mengenai pemasaangan script baru auto read more yang di claim tidak ber pengaruh atau tidak muncul di halaman static page.

sebenarnya auto read more ini tidak berfungsi atau tidak ber pengaruh pada halaman static page bawaan blogger saja yang di buat di edit pages saja.
namun jika pada halaman static page yang di buat dengan script menu horizontal tertentu auto read more ini akan tetap muncul, saya sudah nyoba,
jadi intinya script auto read more ini tidak ber fungsi jika menggunakan static page bawaan blogger saja.

berikut script-nya dan cara pemasanganya di blogspot
langkah pertama masuk ke rancangan >> edit html, jangan lupa backup template dulu dan centang kotak expand template widget
kalau sudah cari </head> kalau sudah ketemu masukan script berikut di bawahnya

<script type='text/javascript'>

var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail

summary_noimg = 430; //summary length when no image

summary_img = 340; //summary length when with image

img_thumb_height = 200;

img_thumb_width = 200;

</script>

<script type='text/javascript'>

//<![CDATA[

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(thumbnail_mode == "yes") {

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>

kemudian cari kode berikut <data:post.body/> kemudian ganti kode tersebu dengan script berikut

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

<data:post.body/>

<b:else/>

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

<data:post.body/>

<b:else/>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");

</script>

<a class='more' expr:href='data:post.url'>Read more ...</a>

</b:if>

kemudian simpan template.

keterangan:

1. thumbnail_mode set ke "ya" jika Anda ingin menampilkan thumbnail dengan ringkasan teks. Tetapkan kepada selain "ya" untuk menunjukkan ringkasan teks saja.

2. summary_img menentukan jumlah karakter (termasuk spasi) Anda ingin menampilkan dalam ringkasan, dengan thumbnail.

3. summary_noimg menentukan jumlah karakter (termasuk spasi) Anda ingin menampilkan dalam ringkasan, bila ada thumbnail ada.

4. img_thumb_height dan img_thumb_width menentukan tinggi dan lebar thumbnail (dalam pixel).

walupun hanya share ulang, semoga artikel ini bisa membantu.

Pakatan Rakyat

Ahad, 8 September 2013

A Mum Of Three Mohd

A Mum Of Three Mohd

Tiada ulasan:

Jumlah Trafik