Membuat Fungsi Readmore

Fungsi Readmore

"Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".

Mengaktifkan funsi readmore pada postingan bisa dilakukan dengan cara manual kode :

<!--more-->

Untuk anda yang memakai template asli yang disediakan blogger akan langsung bisa menikmati fasilitas ini dan hasilnya akan muncul tulisan " Read more » "

Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi " Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :


Silahkan login ke blogger dengan ID anda.

Klik Tata Letak.

Klik tab Edit HTML.

Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "








Carilah kode yang mirip seperti Ini :


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


Copy lalu paste kode berikut persis di bawah kode yang tadi :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>













Klik tombol SIMPAN TEMPLATE

Selesai.


Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti ini :


Silahkan login ke blogger dengan ID anda.

Klik Tata Letak.

Klik tab Elemen Halaman.

Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.












setelah muncul window baru, ganti kata Read more » sesuai keinginan Anda










Klik Tombol SIMPAN

Selesai.

Semoga Bermanfaat

Artikel Terkait:

Tips Blogging

• Membuat Buku Tamu tersembunyi
• Cara memposting artikel
• Membuat Efek Salju pada blog
• Cara membuat Link Berkedip
• Cara Membuat Scroll Pada Archive Blog
• Membuat Recent Post
• Menampilkan Text pada cursor mouse
• Cara membuat Spoiler
• Membuat Sidebar Kiri dan Kanan
• Cara membuat Multi Kolom
• Cara Menambah Kolom pada Template
• Membuat Sidebar dalam kotak-kotak terpisah
• Mengubah Lebar Kolom Template
• Pasang Statistik dan Tracker
• Memasang Icon YM
• Text Berjalan di Bar menu
• User Online Status
• Menu Dropdown dengan JavaScript
• Blogger Emoticons
• Membuat Text Area
• Membuat Banner Animasi
• Cara membuat Buku Tamu
• Membuat efek Marquee (teks berjalan)
• Cara upload foto