Find What You Need

21 Nov 2009

Pasang Readmore blogger baru

Di postingan terdahulu tentang bagaimana cara membuat Read More supaya postingan terpotong di Blogspot pernah di bahas. Tetapi untuk Blogspot dengan editor terbaru anda tidak usah pusing lagi untuk membuat Read More atau baca lengkapnya, karena di menu editor postingan yang sekarang sudah ada menu Read More. Tapi, ada tapinya nih tulisan Read More ini Bisa langsung muncul apabila anda menggunakan template asli dari blogger.
Untuk Template yang anda unggah atau download bukan dari bawaannya blogger,kadang ada yang langsung muncul tulisan Read morenya, kadang juga harus ada tambahan pengaturan di halaman edit HTML.

Baiklah supaya tidak terlalu panjang lebar, kita langsung praktek saja .

Login ke Blogger

Setelah masuk, kita umpamakan Template yang kita gunakan adalah template bawaannya Blogger, misalkan Son of Moto, kemudian masuk ke Posting -> Entri Baru.

Nah di dalam editor di menu compose anda lihat di pojok kanan atas ada ikon berbentuk kertas terbelah nama nya Insert Jump Break . inilah komponen untuk memunculkan postingan terpotong.

Coba anda arahkan kursor mouse ketulisan yang ingin anda potong,klik mouse tekan insert jump break. Di dalam editor postingan akan muncul garis putus-putus. Kemudian anda coba terbitkan entri. Lihat hasil nya.
Jika anda menggunakan template yang bukan asli blogger kadang anda harus menambahkan kode berikut di menu edit HTML.
Caranya di Tata letak -> Edit HTML. Kemudian centang " Expand Template Widget ".
Cari kode ini :

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

Copy kode di bawah, pastekan dibawah kode berwarna biru. Simpan template

<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>

 jadi susunannya begini :

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

<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>


 **** Semoga Bermanfaat ****

Untuk mendapatkan informasi dan postingan terbaru dari blog ini, silahkan ketikkan email anda di form berlangganan. Gratiiiis...

Berlangganan Lewat RSS

1 komentar:

ramanyshop Pada 5 Juli 2012 00.40 mengatakan...

thanks infonya gan....:-*

Posting Komentar

Biar tambah semangat nulis blognya,ketikkan saran dan komentar. Walaupun singkat tetapi saran dan komentar yang anda berikan sangat berarti buat blog ini.

Ketikkan Karakter Jika Ingin Memasang Emoticon.
:)):)];));;):D;):p:((:):(:X=((:-o:-/:-*:|8-}~x(:-tb-(:-Lx(=))

Artikel Yang Lainnya

 

My Best Friend

Mengenai Saya

Foto saya
Sebagai tempat belajar dan menyimpan arsip jika saya membutuhkannya suatu waktu, dan semoga menjadi ilmu yg Bermanfaat bagi Orang yang membacanya .

Visitor

free counters

Belajar Bersama Copyright © 2009 Template Wanaking Di Desain Ulang Oleh Albaniyu | Blogger Template