Cara Membuat Read More Otomatis Di Blog Cara Membuat Read More Otomatis Di Blog | Berita Aneh Unik Dan Humor
Cara Terbaru

Anda mau tau? Disinilah Tempatnya!

Cara Membuat Read More Otomatis Di Blog

Cara Membuat Read More Otomatis Di Blog ~ Hay para sahabat blogger saya akan berbagi Kreativitas untuk menutup aktifitas online untuk tema Desain Blog. Tips dan Trik di Blog ini berlaku bagi Anda yang mungkin baru dalam membuat blog, karena template yang di sediakan oleh blogger tidak menyediakan fasilitas Baca selengkapnya secara otomatis pada template default blogger, atau mungkin bagi Anda yang tetap menggunakan template blog kemudian ingin di optimalkan desain template yang sudah ada tips desain untuk Read More Otomatis bisa langsung di terapkan.

Cara Membuat Read More Di Blog
1. Masuk ke halaman template
2. Backup template sebelum mendesain
3. Edit HTML → proses centang "Expand Template Widget"
4. Tekan Ctrl+F untuk mencari kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan  
  • summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf 
  • summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar 
  • img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan 
  • img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  • Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.
5. semoga bermanfaat







Artikel Menarik Lainnya

5 Responses to “Cara Membuat Read More Otomatis Di Blog”

Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1 :
siiip gan. thanks :) 25 September 2012 pukul 03.01

Mang uem :
Thanks sudah berbagi ilmunya, sukses selalu... 11 Oktober 2012 pukul 10.44

Anonim :

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/ 14 Oktober 2012 pukul 02.24

Cuters :
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya... 7 November 2012 pukul 15.01

bimanta :
terima kasih sudah mampir :) 18 November 2012 pukul 22.09

Posting Komentar