skip to main | skip to sidebar

dharma__v07

it's my blog

  • Entries (RSS)
  • Comments (RSS)

Rabu, 07 Maret 2012

Cara Membuat Read More Otomatis di Blogspot

Diposting oleh dharmav_07 di 3/07/2012 12:49:00 PM
Pertama, silahkan menuju menu DESIGN -> Edit HTML, Cari kode
</head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa save template/simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

</b:if>
</b:if>


Cara Pasang Read More Otomatis Terbaru di Blogspot

Updates!: Kode Warna Biru berfungsi agar halaman statis tidak ikut terpenggal seperti halaman HOME.

------------------------------------------

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

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua 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>



Kalo sudah silahkan klik preview kalau memang masih ragu-ragu lalu silahkan disimpan dan lihat hasilnya

Keterangan:

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)

Read more: Cara Membuat Read More Otomatis di Blogspot http://www.ocimweb.com/2012/01/cara-pasang-read-more-otomatis.html#ixzz1oSxydsTq

=> SELAMAT MEMBACA, DAN SEMOGA BERMANFAAT
=> UCAPAN TERIMA KASIH DARI dharma_v07
Kirimkan Ini lewat Email BlogThis! Bagikan ke X Berbagi ke Facebook

0 komentar:

Posting Komentar

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Sponsored

  • banners
  • banners
  • banners
  • banners
ads ads ads ads

Lencana Facebook

DHarma POetra

Buat Lencana Anda

JAM

Blog Archive

  • ▼  2012 (13)
    • ▼  Maret (7)
      • Cara Membuat Hyperlink
      • cara mengubah tampilan facebook menjadi timeline
      • Auto Like Facebook
      • Cara Merubah Tampilan Facebook Timeline Ke Versi Lama
      • 10 laptop tercanggih saat ini
      • Cara Membuat Read More Otomatis di Blogspot
      • Cara Membuat Alert Masukin Nama Di Blog
    • ►  Februari (3)
    • ►  Januari (3)
  • ►  2011 (16)
    • ►  Desember (3)
    • ►  November (6)
    • ►  Oktober (7)

Followers

 

© 2010 My Web Blog
designed by DT Website Templates | Bloggerized by Agus Ramadhani | Zoomtemplate.com