Tuesday, March 23, 2010

Cara Membuat Read More di Blogspot

Banyak sekali yang bertanya, bagaimana sih caranya membuat tulisan readmore...., baca selanjutnya...., ataupun selengkapnya klik disini.... Memang terkadang posting kita yang terlalu panjang membuat kita jenuh melihat tampilan blog kita yang "nyelolor" panjang...jika melihat itu...yang dipikirkan banyak orang..."ini blog apa Koran ya???", hehehehehe... Mungkin sudah banyak orang yang tau trik ini, nah ini saya sajikan bagi orang2 yang mungkin belum tahu, dan pas liat blog saya ini jadi tahu...dan berniat untuk mengedit blognya lagi...Oke langsung aja ya...hehehehehe...

Banyak cara yang saya dapatkan untuk membuat tulisan semacam readmore gitu, dengan kode HTML yang berbeda tapi pada dasarnya sama saja...yang saya posting ini akan membahas 2 cara untuk membuat postingan anda tidak nyelolor panjang gitu...

** Cara Ke-1 :
  • Ini mungkin cara yang paling mudah, namun anda tidak bebas untuk mengganti tema yang anda sukai...yakni dengan cara mamilih tema yang sudah berfasilitas Readmore, anda dapat mendownloadnya di sini anda cari saja pada site tersebut, tema tersebut akan banyak anda jumpai dengan memilih style magazine
  • Jadi dengan template yang sudah memiliki fasilitas tersebut otomatis anda langsung mempunyai Blog yang memiliki fasilitas readmore..."Dah keren tu Blognya, n dah gak nyelolor..."hehehehe...
Namun pada cara ini kelemahannya, jika anda sudah suka mati pada template blog anda yang sekarang mungkin anda harus korbankan template yang anda sukai tersebut untuk mendapatkan blog anda yang enak dilihat, dan tidak nyelolor gitu...Namu ada cara lain yang mungkin sedikit rumit untuk mengatasi permasalaha yang ada pada cara ke-1, yakni pengedittan dengan menggunakan HTML blog anda...nah untuk lebih jelasnya aka saya bahas dibawah ini...

** Cara Ke-2 :
  •  Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML
  • Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
  • Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>, berikut kodenya :
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style> 
  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if> 
  • Nah supaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda  pengen tulisan Read More.. muncul, lalu  ketik    <span class="fullpost"> kemudian lanjutkan sisa artikel  sampai selesai, akhiri dengan mengetik  </span> .  Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose
  • Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Baca Selanjutnya..
 Berikut contoh penulisan postingnya :
Sebenarnya untuk membuat sebuah blog tidak dicopy oleh orang lain banyak caranaya, diantaranya mencegah terjadinya (event) cklic kanan, mencegah adanya drag pada postingana anda, dan pastinya ada cara lain yang belum saya ketahui...Memang ada orang yang merasa jika ada yang mengcopy karyanya dia sangat marah, sehingga dapat dilakukan pencegahhan seperti ini untuk memperkecil kemungkinan seseorang melakukan copy paste. <span class="fullpost"> Namun tidak sedikit pula orang yang cuek alias gak peduli kalaupun karyanya di copy paste oleh orang lain, hal dikarenakan mungkin postingannya dapat berguna bagi orang yang benar2 membutuhkannya seperti dalam hal pembelajaran...Hal tersebut sangatlah positif kan...

Oke lah sekarang langsung saja menginjak bagai mana cara atau kode apa yang harus dimasukkan pada HTLM blog atau website jika ingin meminimalisir peng-copy-an karya kita yang kita tulis lewat Blog atau Websitediklik (dst..) </span>
Dan diperoleh hasil :
Sebenarnya untuk membuat sebuah blog tidak dicopy oleh orang lain banyak caranaya, diantaranya mencegah terjadinya (event) cklic kanan, mencegah adanya drag pada postingana anda, dan pastinya ada cara lain yang belum saya ketahui...Memang ada orang yang merasa jika ada yang mengcopy karyanya dia sangat marah, sehingga dapat dilakukan pencegahhan seperti ini untuk memperkecil kemungkinan seseorang melakukan copy paste. Read more.. 
 Semoga Bermanfaat...
   

3 comments:

Simple Site on August 6, 2010 at 9:47 AM said...

teng kyu pak..

spacelink on February 16, 2011 at 2:47 PM said...

Pgn dund tampilan menu sperti blog ini, walau masih awam dan acak2an di mana naruh pages,html,post dll yah hasil'y acak2an ajarin yah. .

dwipriyatmoko on February 18, 2011 at 6:11 PM said...

@spacelink : selama saya bisa membantu, akan saya bantu

Post a Comment

 

Hyato_Mahasiswa Malang