Random Post

Trending Topik

Popular Post

Ping your blog, website, or RSS feed for Free

Recent Post

CONTENT BLOGGER HERE
CONTENT TWITTER HERE
CONTENT FACEBOOK HERE

Comments

Blog Berkah. Diberdayakan oleh Blogger.

Search This Blog

cara membuat read more otomatis di blogspot


cara membuat read more di blogspot - berikut ini cara membuat read more pada blogspot atau blogger. Silahkan untuk yang ingin mencobatutorial blog cara memasang read more pada blogspot ikuti tutorial di bawah ini. Berikut ini cara membuat read more di blogspot info ngulik-blog.com.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Back-up template dulu dengan mengeklik Download Template Lengkap.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode </head>. Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu masukkan kode yang dimaksud untuk memudahkan pencarian.
6. Copy kode berikut dan paste di atas kode </head>.
<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 (for blogspot)

(C) 2010 Ngulik-Blog.com

visit http://www.Ngulik-Blog.com/
**/
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>


7. Cari kode <data:post.body/>. Ganti kode tersebut dengan kode di bawah 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'><b>Baca Selengkapnya</b> &#8594;<data:post.title/></a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


8. SIMPAN

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)
Baca Selengkapnya (bisa anda ganti dengan selera anda)
Sekian dulu tutorial blog tentang cara membuat read more di blogspot, jangan lupa selalu baca tutorial blogspot lainnya di ngulik-blog.com. Dan nantikan update baru untuk auto readmore dengan gambar.
Anda baru saja membaca artikel yang berkategori trik blogger dengan judul cara membuat read more otomatis di blogspot. Anda bisa bookmark halaman ini dengan URL http://blogberkah.blogspot.com/2012/06/cara-membuat-read-more-otomatis-di.html. Terima kasih!
Ditulis oleh: rini agustini - Kamis, 21 Juni 2012

2 komentar untuk "cara membuat read more otomatis di blogspot"

  1. kata mutiara hari ini:
    “Kenalilah musuhmu, kenalilah diri sendiri. Maka kau bisa berjuang dalam 100 pertempuran tanpa resiko kalah. Kenali Bumi, kenali Langit, dan kemenanganmu akan menjadi lengkap.”

    nice artikel ditunggu kunjungan baliknya

    http://bilogizma.blogspot.com/

    BalasHapus