Minggu, 12 Juli 2009

Cara Membuat Read More pada Blogspot

Pada Posting mengenai Tips dan tutorial ngeblog berikut ini saya akan memberikan cara untuk membuat "read more" pada blogspot tahap demi tahap. Bagi yang masih bingung dengan "read more" saya akan coba menjelaskan sedikit.

Pada sebuah artikel dalam blogspot biasanya kita menemukan artikel yang muncul hanya sebagian, atau tidak seluruh artikel muncul semuanya. Nah biasanya pada artikel yang tidak muncul seluruhnya tersebut di bagian bawahnya ada tulisan "read more" atau "baca selengkapnya". ketika kita klik " read more" tersebut otomatis seluruh artikel akan terlihat seluruhnya. Nah mungkin itulah yang dimaksud dengan "read more". Simpelnya "read more" itu berfungsi untuk menampilkan seluruh artikel ketika diklik.

Oke sekarang bagaimana cara membuat read more pada blogspot berikut adalah caranya :

tahap pertama

-Masuk ke blogspot dengan id dan pasword anda

-Kemudian klik pengaturan

-Klik format

-Scroll halaman ke bawah, di bagian paling bawah ada text area yang kosong di samping tulisan template posting. isi text area tersebut dengan kode berikut ini : <span class="fullpost">

</span>
-Kemudian klik simpan pengaturan

-Kode ini akan muncul pada halaman ketika kita akan melakukan posting. Sehingga kita tidak perlu menuliskan kembali kode tersebut setiap kali akan posting.

Tahap Kedua

-Klik Tata letak/layout

-Klik tab edit HTML

-Klik tulisan download template full.

-Save template anda terlebih dahulu, hal ini untuk menjaga kemungkinan edit yang kita lakukan terhadap tempalate mengalami kegagalan. Sehingga ketika gagal kita punya back up template.

-Beri tanda centang dengan cara Klik kotak kecil disamping tulisan expand template widget seperti terlihat pada gambar


cara membuat read more pada blogspot







-carilah kode berikut ini :
<data:post.body/> atau ini <p><data:post.body/></p> sama saja. Jika anda kesulitan menemukan kode tersbut, jangan panik coy..tekan ctrl+f pada keyboard anda, maka akan muncul find pada halaman bagian bawah. Copy paste salah satu kode tersebut disamping tulisan find

-Hapus kode diatas, kemudian ganti dengan kode berikut ini

<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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

-Kemudian simpan pengaturan

-Selesai...tapi tunggu dulu..bagaimana caranya melakukan posting supaya hanya sebagian artikel saja yang muncul..berikut caranya..

Cara Posting artikel

-Klik menu Posting

-Gunakan edit HTML bukan Compose

-Maka pada kotak posting akan muncul kode ini
<span class="fullpost">

</span>
-Tuliskan artikel yang ingin dimunculkan diatas kode
<span class="fullpost">

-Kemudian tulis sisa artikel dibawah kode diatas dan sebelum kode
</span>

-Klik publish post

-Lihat posting di jendela baru (in new window)

-Lihat apakah berhasil atau tidak, jika tidak berhasil coba perhatikan kembali langkah-langkah diatas mungkin ada yang terlewatkan.

-Jika tampilan anda menjadi berantakan karena langkah diatas gagal, jangan khawatir, upload kembali tempalate yang semula yang tadi telah disimpan. Sehingga blog anda akan kembali seperti semula sebelum diedit.

Semoga bermanfaat. Sumber referensi cara membuat read more pada blogspot ini bersumber dari sang master blog kang Rohman. Pinjem gambarnya kang sekalian..hehe makasih..







4 tanggapan:

PcBongkar mengatakan...

Thnks ya tutorialnya. Prtama-tama sih gak jadi-jadi. Tapi dgn usaha yg keras akhirnya jadi juga,hehehe,. ^_^

Unknown mengatakan...

selamat ya dengan usaha kerasnya..hehe..makasih dah mau mampir ke blog ini.. :-)

bursahelm.blogspot.com mengatakan...

punyaku edit HTMLnya udah sukses tapi ko tetep ga bisa jd read more ya?

Unknown mengatakan...

masa sih gan? kyna udah bisa tuh, ane dah berknjung tadi. tapi klo yang dimaksud tulisan "read more" tinggal ganti aja tulisan "selengkapnya" yang ada di atas dengan "read more" okeh..

Posting Komentar

Kasih komentar yaa.. Kan bisa saling berbagi jadinya. makasih..!! :-)

Review Hand Phone ©Template Blogger Green by Dicas Blogger.

TOPO