Rabu, 17 Desember 2008

Membuat Read More Pada Blog

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah Pertama:

Buka Template --> Edit HTML -->Berikan tanda centang pada "Expand widget template"

Langkah Kedua:

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap" ntar kalo ada kesalahan, huhehe

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 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;'/>

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--> dan 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. Dan cara memposting adalah:
POSTINGAN AWAL

<div class="fullpost">
POSTINGAN SELANJUTNYA
</div>

Selamat Mencoba ^_^

Tidak ada komentar:

Selamat Datang Di Buabuazone Nusantara | Agama Islam Terbaru : Ekonomi Syariah, Segera : Tentang Agama Islam Lainnya | Bisnis Dan Internet Terbaru : Bisnis Minyak Nilam, Segera : Tutorial Bisnis Online Lainnya | Budaya Terbaru : Budaya Jawa, Segera : Budaya Papua | Ekonomi Dan Politik Terbaru : Penjelasan Tentang Inflasi, Deflasi, Dan Bank, Segera : Perkembangan Perekonomian Indonesia | Militer Terbaru : Tentara Nasional Indonesia, Segera : Armada Perang Tentara Nasional Indonesia | Musik Terbaru : Lagu-Lagu Anti Komersil Dan Lagu-Lagu Rock Festival Indonesia, Segera : Penyanyi-Penyanyi Legenda Indonesia | Olahraga Terbaru : Liputan Seputar Piala Dunia 2010, Segera : Berita Terbaru Dan Hasil Pertandingan Terbaru Piala Dunia 2010 | Pendidikan Dan Pengetahuan Terbaru : Tarsius, Primata Terkecil Di Dunia, Segera : Informasi Tentang Ilmu Pengetahuan Lainnya | Sastra Terbaru : Kisah Si Malin Kundang, Segera : Cerita-Cerita Rakyat Lainnya | Wisata Terbaru : 10 Monumen Yang Paling Menakjubkan Di Dunia , Segera : Kota-Kota Tujuan Wisata Indonesia | Selamat Membaca Dan Tataplah Dunia Bersama Buabuazone Nusantara...^_^
 
© Copyright by Buabuazone Nusantara  |  Template by http://blogtemplate4u.com/