Arabic Korean Japanese Chinese Simplified English French German Spain Italian Dutch Russian Portuguese

KEPADA SELURUH PENGUNJUNG BLOG INI JIKA TERDAPAT LINK ATAU TAUTAN YANG TIDAK SESUAI DENGAN TULISAN DI BLOG INI HARAP MEMBERI TAHU LEWAT KOTAK PESAN DI SIDE BAR BLOG INI

Tutorial ini sudah banyak di bahas oleh blogger lainnya, tapi sekedar melengkapi tutorial di blog ini, maka saya juga coba mengulas tentang pembuatan readmore. Buat teman-teman yang baru mulai membuat blog mungkin masih bingung apa itu readmore? penjelasan singkatnya begini, Readmore adalah pemenggalan kalimat pada posting suatu halaman, dan biasanya Pemenggalan isi posting tersebut ditandai dengan tulisan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" atau istilah lainnya yang serupa. Selain berguna mempersingkat halaman posting yang panjang, Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan. jika kamu tertarik untuk membuatnya silahkan ikuti langkah dibawah ini.



Langkah Pertama:
  • Silahkan login ke blogger.com
  • klik menu "layout" atau "Tataletak"
  • Klik sub menu "Edit HTML"
  • Berikan tanda ceklist atau tanda centang pada "Expand widget template"
Langkah Kedua:
Cari kode dibawah ini
<div class='post-header-line-1'/> <div class='post-body'>

Langkah Ketiga:
Jika sudah menemukan kode diatas, Copy kode dibawah ini kemudian Paste atau letakkan kode tersebut dibawah kode yang telah kamu temukan tadi.
<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 ganti dengan kalimat sendiri
(contoh "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;'/>


Langkah Keempat:
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>
kemudian klik tombol save.

Pada saat posting, jangan hapus kode diatas karena kode tersebut
merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.
kode <div class="fullpost"> adalah batas permulaan pemenggalan posting kamu sedangkan kode </div> harus ditempatkan di akhir posting kamu.

Kode-kode diatas tersebut akan otomatis tampil saat kamu membuat posting dalam mode "Edit HTML".
jadi saat kamu mengetik sebuah posting, di bagian kanan atas kotak posting klik tulisan Edit HTML, nah maka kamu akan masuk dalam mode "Edit HTML" selanjutnya tempatkan kode <div class="fullpost"> ditengah-tengah artikel kamu, atau di bagian yang akan di potong, dan kode </div> tempatkan di akhir artikel. Jadi dehh..

Catatan:
  • Selain berbentuk tulisan, read more juga bisa kamu ganti dengan gambar animasi. ingin mempelajarinya? silahkan baca posting tentang membuat gambar berjalan.
  • Sebaiknya hindari pemenggalan pada sebuah kalimat yang tidak berkelanjutan, karna pembaca mengira tulisan anda telah berakhir.
  • Jika di posting terdapat tabel, jangan potong bagian tengah sebaiknya potong saja artikel sebelum tabel, atau sesudah tabel jika memang tabelnya kecil.




Gratis berlangganan artikel terbaru dari blog prie23 langsung dikirim ke mailbox anda. Silahkan masukan alamat email anda pada kotak isian di bawah ini, lalu tekan tombol Berlangganan atau Klik di sini untuk membacanya fia Feeds!

   



2 comments


eric_22 mengatakan... @ 16 April 2009 pukul 05.07

Bisa g y? klo kita blin aplikasi menu update antivirus dengan VB


Anonim mengatakan... @ 19 Mei 2009 pukul 06.31

Semoga artikle ini bermanfaat untuk ak & yang lain. Makasih yAAA.!!!!!!



Telah Selesai Membaca Postingan di Atas?


:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))


Klik Banner di bawah -> Gratis Upload File Kamu Di ziddu (UNLIMITED)

Pendaftaran Gratis -> Upload File Kamu -> File di Download -> Kamu Dapet Duit -> Mau?