Membuat Readmore/Selenkapnya Pada Posting Blog

Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi kini banyak sobat bloger yang mengeluh karena kode tersebut tidak berjalan. Kini saya akan memberikan tutorial yang mungkin lebih praktis.
Namun, sebelumnya saya ucapkan terima kasih banyak kepada Kang Rohman yang telah menulis tutorial ini sehingga saya mendapatkan pencerahan.karena sebelumnya,kode HTML readmore blog saya tidak berfungsi
Sebenarnya,ini adalah fitur tambahan dari Blogger,yang telah menambahkan fungsi Read more,di mana kita tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.
Namun,sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara 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 » " seperti ini :



Tapi,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 :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "



5. Carilah kode yang mirip seperti Ini :

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

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



7. Klik tombol SIMPAN TEMPLATE
8. Selesai.

Dengan cara tersebut, tulisan " Read more » " akan muncul walaupun anda tidak menggunakan template yang disediakan oleh blogger.

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

1. Silahkan login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Klik tab Elemen Laman.
4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.



5. Setelah muncul jendela baru, gantilah tuisan "Read more »" menjadi tulisan sesuai dengan keinginan anda.



6. Klik Tombol SIMPAN
7. Selesai.

Catatan :
Ingat,anda harus menuliskan kode <!-- more --> pada post editor serta dalam posisi mode "Edit HTML",dan taruhlah kode tersebut pada tulisan yang ingin anda potong,
Tapi,jika anda ingin menampilkan kode tersebut pada post editor anda secara otomatis,ikuti saja langkah berikut :
• Langkah selanjutnya adalah klik menu Pengaturan
• Klik menu Format
• Dibagian bawah menu tersebut ada kotak di samping tulisan Template Entri, nah isi kotak kosong tersebut dengan kode di bawah ini :

<!-- more -->

• kemudian jangan lupa klik tombol Save Settings
• Selesai

Semoga Bermanfaat...