Untuk kegunaan readmore, pastinya anda sudah tau, karena pada saat anda melanjukan bacaan ini, itu merupakan kegunaan dari Readmore sendiri..udah jelaskan??
Sekarang tinggal langkah-langkah pembuatannya.
Langkah Pertama:
Buka Template- Edit HTML- Berikan tanda centang pada "Expand widget template"
Langkah Kedua:
Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"
Langkah Ketiga:
Cari kode dibawah ini:
<div class='post-header-line-1'/> <div class='post-body'>
Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start-> Proggram-> Accessories-> Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit-> Find. pada box find masukan kode ini
<div class='post-header-line-1'/> kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual)
Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Kemudian dibawah kode diatas kita akan menemukan kode:
<p><data:post.body/></p>
Lakukan Copy-Paste kode dibawah ini dibawah code diatas
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
Tips: Kode Readmore diatas bisa diganti dengan kalimat sendiri, contohnya ("Baca Selanjutnya", "Baca berikutnya","Selengkapnya")
Kode selengkapnya jika dilihat akan tampak sebagai berikut:
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>
Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :)
Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa disimpan.
Langkah Empat :
Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan-> Format -> cari"Post Template" Kemudian pada kotak masukan kode dibawah ini
<div class="fullpost">
</div>
Jangan lupa disimpan :)
Langkah Kelima :
Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:
<div class="fullpost">
</div>
ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.
Sebagai contoh lihat cuplikan kalimat dibawah:
Pada umumnya orang beranggapan bahwa pendidik adalah sosok yang memiliki sejumlah besar pengetahuan tertentu, dan berkewajiban menyebarluaskannya kepada orang lain. Demikian juga, subjek didik sering dipersepsikan sebagai sosok yang bertugas mengkonsumsi informasi-informasi dan pengetahuan yang disampaikan pendidik.
<div class="fullpost">
Semakin banyak informasi pengetahuan yang mereka serap atau simpan semakin baik nilai yang mereka peroleh, dan akan semakin besar pula pengakuan yag mereka dapatkan sebagai individu terdidik
</div>
Dan hasilnya :
Pada umumnya orang beranggapan bahwa pendidik adalah sosok yang memiliki sejumlah besar pengetahuan tertentu, dan berkewajiban menyebarluaskannya kepada orang lain. Demikian juga, subjek didik sering dipersepsikan sebagai sosok yang bertugas mengkonsumsi informasi-informasi dan pengetahuan yang disampaikan pendidik. SELANJUTNYA
Semakin banyak informasi pengetahuan yang mereka serap atau simpan semakin baik nilai yang mereka peroleh, dan akan semakin besar pula pengakuan yag mereka dapatkan sebagai individu terdidik.
Selamat mencoba, semoga berhasil..
Tidak ada komentar:
Posting Komentar
Terima kasih,
Anda telah berkenan membaca artikel diblog ini, semoga dengan artikel yang sangat sederhan ini dapat memberikan manfaat untuk kita.
jangan lupa "kasih komentar" di bawah ini, agar saya dapat bekunjung ke blog Saudara.