Kamis, 03 Februari 2011

Cara Mudah Membuat readmore Otomatis


Semelumnya saya mempostingkan tentang berita Isu Bahwa Blogger Indonesia Jadi 'Boneka' AS! Kali ini saya akan mempostingkan tentang Artikel tutorial blog Cara Mudah Membuat readmore Otomatis di blogspot. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya.langsung saja ke Tekapeeee,....


PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :
cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 400; summary_img = 350; img_thumb_height = 150; img_thumb_width = 150; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>



KEDUA, cari kode html berikut ini :


<data:post.body/> atau <p><data:post.body/></p>

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

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 400 = tinggi artikel terpenggal tanpa image
==> Summar img 350 = tinggi artikel terpenggal dengan image
==> img_thumb_height =tinggi gambar
==> img_thumb_width = lebar gambar
==> Baca Selengkapnya bisa anda ganti dengan Read More, full read dll...

KETIGA, klik SAVE TEMPLATE

Semoga artikel tutorial blogspot kali ini tentang Cara Mudah Membuat readmore Otomatis dapat bermanfaat bagi anda semua,Terima kasih .[KangTiar]

tag: Cara Mudah Membuat readmore Otomatis di Blog,Cara Membuat readmore Otomatis

12 komentar:

  1. langsung diposting nie.. keren pesanan siap saji :D

    BalasHapus
  2. @Deny Kurniawan
    iya,..kang tiar akan melayani pengunjungnya setiap waktu
    (jika tidak ada halangan)

    BalasHapus
  3. makasi tutornya bang ...
    sangat membantu :D
    mampir-mampir ke blog ane bang :D
    ladang-hijau.blogspot.com

    BalasHapus
  4. bang tapi kenapa yah klo pke readmore otomatis halaman statis blogspot jadi ikut ada readmorenya..
    mengganggu sekali..
    gimana yah ngatasinnya??

    BalasHapus
    Balasan
    1. wah sedikit menambahkan gan,kl readmore otomatis itu ya otomatis tiap halaman kebagian fitur readmore tanpa terkecuali.ya mungkin itulah salah satu kekurangannya dibanding read more manual. hanya saja readmore manual tentu merepotkan bukan? semoga membantu :)

      Hapus
  5. thanks infonya.....
    langsung praktek ni.....

    BalasHapus
  6. Alhamdulillah Kang Tiar Ilmu nya sangat bermanfaat, Semoga Allah membalas nya dengan amalan jariyah,...Amiennn

    BalasHapus