Cara Pasang Read More di Blogger+Customisasi

==================================================
MY NEW BLOG : http://blog.frc.my.id/
Keyword : Cara Pasang Read More di Blogger+Customisasi, Interaksi Manusia Komputer, [Intro] Mata Kuliah "Interaksi Manusia dan Komputer"
==================================================

Hore..!!!. Ternyata pada Post Editor Baru, semua terasa lebih instant... Salah satunya untuk Read More.


Kalian lihat gambar di atas, kalian cukup menekan icon yang saya tandai dalam lingkaran, maka akan otomatis akan memotong teks berikutnya sehingga tidak tampil ketika di homepage... Seperti Read More yang biasa kita gunakan, bedanya ini lebih instan.

Ini juga bisa digunakan di post editor lama namun dengan meletkkan kode secara manual, yaitu kode <!-- more -->


Buat yang tidak menggunakan template dari blogger, mungkin tidak akan muncul read more pada postingan meskipun teks telah terpotong. Untuk menampilkannya 
  • Silahkan login ke blogger
  • Klik Tata Letak.
  • Klik tab Edit HTML.
  • Beri tanda centang pada kotak kecil di samping tulisan " Expand Template Widget
  • Kemudian cari kode beikut




    <div class='post-body entry-content'>
          <data:post.body/>
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>

    Jika tidak ada  coba yang ini




    <div class='entry'>
           <p><data:post.body/></p>
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>


  • Tergantung template kalian kodenya seperti apa, jika sudah ketemu salah satunya saja pastekan kode berikut persis dibawahnya




    <b:if cond='data:post.hasJumpLink'>
          <div class='jump-link'>
            <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
          </div>
        </b:if>
Dengan cara tersebut, Secara default tulisan  " Read more » " akan  muncul meskipun anda tidak menggunakan template yang disediakan oleh blogger.


Customisasi Read More

anda bisa mengubah kata " Read more » " sesuai keinginan anda.
caranya dengan mengganti kode berwarna kuning di atas dengan Kata yang anda inginkan, misal " Baca Selengkapnya "," Selanjutnya » ".

Atau jika anda ingin mengganti dengan banner, ganti kode berwarna kuning tersebut dengan kode berikut
<img src='URL-banner-read more' alt='read more'/>
Pada URL-banner-read more ganti dengan URL Banner yang ingin anda gunakan. Biar gak capek-capek, saya sudah menyediakan 3 banner read more yang sobat bisa gunakan.





URL : http://i634.photobucket.com/albums/uu62/francodua/readmore1.gif








URL : http://i634.photobucket.com/albums/uu62/francodua/th_readmore2.gif

URL : http://i634.photobucket.com/albums/uu62/francodua/th_readmore3.gif
MyFreeCopyright.com Registered & Protected
Jangan Asal Copy Paste, Anda Boleh Copy Paste Artikel "Cara Pasang Read More di Blogger+Customisasi" dengan Menyertakan Sumbernya http://www.franco.web.id/2009/11/update-cara-pasang-read-more-di.html, Terima Kasih.!!!
fb

4 Comments:

The SUNRISE said...

thanks sob . . infonya menarik seklai .

The SUNRISE said...

soalnya aku udah pernah coba mau ganti, ada salah ...

Indonsia stock exchange said...

wah mantab

alfirah said...

ngerti sekarang! makasih kak ^^

Post a Comment

Followers

Twitter Delicious Facebook Digg Stumbleupon Favorites More