Friday, December 26, 2008

Cara mudah membuat readmore blogspot

3 comments
Post views: counter

Advertisement

Apa itu readmore ? dan apa kegunaannya ?..ya pertannyaan ini dulu juga menjadi pertannyaan besar bagi saya.

Readmore hanyalah sebuah title saja ,bisa juga di sebut "baca selengkapnya" atau lanjutkan membaca,atau resume,atau banyak lagi istilahnya,pada intinya fungsi dari readmore adalah cara untuk memotong atau memenggal artikel yang terlalu panjang,sehingga tidak memerlukan banyak space. Hal ini juga akan memudahkan visitor kita,karena tidak perlu meng-scroll down terlalu lama untuk sekedar melihat postingan dengan judul berikutnya pada blog anda.contohnya anda bisa mengklik perintah berikut ini maka anda akan di bawa ke artikel lengkapnya.

Kalo anda punya web atau blog yang bermesin word press, tentu tidak perlu repot2 lagi bagaimana mensetting "readmore" ini,karena wordpres sudah menyediakan fasilitas tersebut, tapi sayangnya blogspot belum di lengkapi dengan fasilitas readmore.

Jangan khawatir , karena para blogmaster baik dalam maupun luar negri sudah berhasil menemukan caranya, berikut ini salah satu cara mudah untuk membuat readmore, saya sendiri lebih suka menggunakan versi readmore yang ini( seperti yang anda klik tadi ),karena dengan menggunakan versi readmore yang sebentar lagi saya bahas, pageview kita akan jauh lebih tinggi di bandingkan dengan menggunakan versi readmore yang di buat oleh salah satu blogger dari luar negri yang bisa menampilkan penggalan artikel tanpa harus loading halaman lagi, contohnya seperti Blog ini,coba anda klik readmore pada blog tersebut,maka artikelnya akan langsung keluar tanpa harus meload halaman.

Ok langsung saja kita bahas caranya :

klik Dasboard > layout > Edit HTML > Expand Template Widget.
tapi sebelumnya jangan lupa untuk membackup template anda,hal ini untuk mencegah hal-hal yang tidak di inginkan karena proses editing yang kita lakukan.

Temukan kode di bawah ini :
<data:post.body/>

Biasanya pada setiap template kodenya agak berbeda,tapi ga apa2,cari saja kode yang mirip dengan kode tersebut ( tapi pastikan perbedaannya tidak jauh ),Biasanya kode yang lain seperti kode berikut <p><data:post.body/></p>

Hapus kode yang di atas tadi, dan gantikan 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>Readmore...</strong></a></p>
</b:if>

Sebelum anda save, Tulisan readmore pada kode diatas bisa anda ganti dengan kata yang lainnya, misalnya lanjutkan membaca,baca selengkapnya atau yang lainnya.

Setelah memastikan tidak ada yang perlu anda ubah lagi,klik save.

Langkah selanjutnya Klik tab "setting" --> "format"
Scroll down mouse anda,dan lihat pada text area , masukan kode berikut ini :

<span class="fullpost">


</span>

Save setting, selesai.

selajutnya anda bisa mencoba membuat postingan dengan menggunakan fasilitas readmore,caranya Klik "posting" --> pilih tab "edit html" jangan pilih tab "compose", pada box postingan anda akan melihat kode yang baru saja anda save, yaitu kode berikut :

<span class="fullpost">


</span>

Untuk menggunakannya, Anda hanya perlu meletakan kode </span> di bagian paling bawah dari postingan anda, dan kode <span class="fullpost"> pada bagian paragraf yang ingin anda potong

COntohnya bisa anda lihat pada blog ini...
mudah bukan,,,? selamat mencoba ya ,,,

Kalo masih bingung, berikut ini formatnya :

Disini artikel anda,mungkin artikel ini terlalu panjang.Jadi anda bermaksud untuk memotongnya dengan menggunakan fasilitas readmore,anda hanya perlu meletakan kode <span class="fullpost"> di bagian ini jika anda rasa memang ini paragraf yang tepat untuk memenggal artikel,kemudian di ahir artikel anda,masukan kode ini </span>


Semoga bermanfaat...





Advertisement

Related Posts :



Comments

3 comments to "Cara mudah membuat readmore blogspot"

brigadista said...
December 27, 2008 at 2:32 AM

Mo bangunin tukang tidur,.... hoooooooooooooooooiiiii

ericjogja said...
January 31, 2009 at 10:58 AM

Makasih infonya ... mas
ijin copy ya

burhan said...
March 7, 2009 at 10:54 AM

Mas ijin copy ya thanks sebelumnya

Post a Comment

Silahkan tinggalkan komentar dan tanggapannya ya,,

 

Copyright 2008 EndryBook@ All Rights Reserved Revolution Two by Brian Gardner Converted by Bloganol | Edited By Endry