Tampilkan postingan dengan label membuat readmore. Tampilkan semua postingan
Tampilkan postingan dengan label membuat readmore. Tampilkan semua postingan

Rabu, 12 Maret 2008

Membuat Read more Sejajar Dengan Paragrap


Gara-gara kang rohman sibuk utak-atik template, akhirnya lupa
untuk posting artikel
tapi sebenarnya ada alasan lain kenapa kang rohman untuk beberapa hari
tidak posting, alasannya adalah untuk memberi kesempatan kepada yang
beriklan lewat posting agar lebih banyak kesempatan untuk di baca oleh para
pengunjung sekalian. Postingan iklan tersebut yaitu postingan yang di sini dengan yang di sini.
Jadi bagi yang website atau blognya yang ingin cepat terkenal, sok lah
beriklan di blognya kang rohman.
Trus buat para pengunjung di minta
keiklasannya untuk sesekali mengunjungi iklan-iklan yang ada di sini bukan apa-apa biar para pengiklan tidak kapok untuk beriklan di sini ya..hihihi...



Eh udah ah, intermezo nya jadi kepanjangan. Pada kesempatan kali ini
kang rohman mau membahas pertanyaan dari sobat kang rohman yang masih
penasaran tentang membuat menu read more atau menu baca selengkapnya.
Katanya beliau ini ingin membuat menu read more yang sejajar dengan paragrap
yang ada, tidak seperti yang kang rohman bahas di sini,
di sini, atau
di sini, yang
katanya kurang menarik karena tulisan Read more atau Baca Selengkapnya
tidak sejajar dengan paragrap postingan. Mungkin yang di maksud seperti ini kalii yee :





Ada kabar gembira buat anda para pebisnis, baik itu bisnis
online ataupun offline. Mulai saat ini ada program baru di blog nya
kang rohman yaitu " Iklan Dalam Bentuk Posting ",
benar-benar dalam bentuk posting. Pada umumnya sebuah iklan adalah berupa
banner link atau berupa text link, maka di blog kang rohman anda boleh
beriklan dalam bentuk " Posting ".



Selengkapnya





Mungkin tulisan Selengkapnya ingin sejajar seperti ini kalii yee :





Ada kabar gembira buat anda para pebisnis, baik itu bisnis
online ataupun offline. Mulai saat ini ada program baru di blog nya
kang rohman yaitu " Iklan Dalam Bentuk Posting ",
benar-benar dalam bentuk posting. Pada umumnya sebuah iklan adalah berupa
banner link atau berupa text link, maka di blog kang rohman anda boleh
beriklan dalam bentuk " Posting ". Selengkapnya





Bisa engga ya jadi seperti itu? bisa atuh, dan anda tidak perlu meluangkan banyak waktu serta cucuran keringat untuk
membuatnya. caranya seperti ini :



Pada postingan yang lalu tentang membuat menu
Selengkapnya, kang rohman menuliskan kode seperti 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/></p>

<a expr:href='data:post.url'><b>Selengkapnya.....</b></a>

</b:if>






Agar kode read more atau selengkapnya menjadi sejajar dengan postingan, anda tinggal memindahkan
kode </p> yang saya cetak merah, sehingga menjadi seperti 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'><b>Selengkapnya.....</b></a></p>

</b:if>






Pada saat posting, jangan memakai kode seperti ini :







<div class="fullpost">




</div>






Tapi pakailah kode seperti ini :







<span class="fullpost">




</span>






Jika anda melakukan langkah di atas, maka tulisan Read more atau
selengkapnya akan sejajar dengan postingan anda.



Selamat mencoba !



Senin, 24 September 2007

Membuat Readmore (3)

Melihat dari banyaknya komentar yang di ajukan pada artikel tentang
cara memotong artikel atau lebih di kenal dengan Read more...,
maka sayapun tertarik untuk membahasnya kembali. Bagi sobat yang belum pernah
membacanya, silahkan baca di sini, karena jika sobat belum membacanya
maka ketika membaca artikel ini terasa tidak ada kaitannya.




Memang ada sebagian orang merasa puas karena telah menemukan artikel tentang
cara membuat menu Read more... yang saya tulis karena setelah di praktekan hasilnya
sangat memuaskan alias berhasil mulus, tapi ada juga yang merasa sedikit jengkel karena
menurut perasaan mereka telah mengikuti seluruh langkah-langkah yang saya tulis tapi
hasilnya nihil alias tidak berhasil. Dan ada juga sebagian yang merasa jengkel karena
telah mengikuti apa yang saya tulis, ini di akibatkan katanya setelah mengikuti apa-apa yang saya
saya tulis seluruh postingannya menjadi hilang entah kemana.



Fenomena yang cukup menarik, satu sumber tulisan akan tetapi hasilnya bisa bervariasi.
Tapi jangan terburu berkecil hati, saya pun di dalam belajar nge-blog tidak sekonyong-konyong
berhasil dan tidak sekonyong-konyong menjadi pintar, semua ada prosesnya. Dan satu lagi kabar
gembira bagi sobat yang belum berhasil membuat menu Read more... dulu sayapun pernah
mengalaminya dan sayapun pernah juga mengalami kehilangan seluruh postingan saya setelah
membuat menu Read more..., akan tetapi justru karena kegagalan-kegagalan tersebutlah
yang membuat saya lebih bersemangat untuk terus belajar, saya mempunyai prinsip yaitu apabila
orang lain bisa kenapa saya tidak bisa, dan itulah yang menjadi cambuk untuk terus belajar dan belajar,
dan sampai detik inipun saya masih tetap belajar.



Kembali kepada masalah Read more.., walaupun masih banyak yang belum berhasil alias gagal
ketika membuat menu Read more.. pada postingan, saya masih tetap yakin apabila sobat
mengikuti secara benar maka hasilnya akan sukses, ini pernah terbukti ada seorang sobat ketika
Chatting melalui Yahoo ! Messenger bersikeras tidak berhasil walaupun telah mengikuti apa yang
saya tulis. Weks... saya juga bingung atuh kalau sudah mengikuti sesuai yang di tulis tapi tetap
tidak berhasil. Akhirnya jalan terakhir saya gunakan yaitu sobat tersebut saya suruh mengganti password
untuk login ke blogger lalu kemudian password baru tersebut di berikan kepada saya dengan perjanjian
bahwa sobat saya harus percaya bahwa saya tidak akan mengacak-acak isi blog nya. Setelah saya login
ke blog teman saya tersebut ternyata benar saja bahwa beliau ini tidak mengikuti seluruh yang saya
tulis, kemudian saya tambahkan kode Read more.. nya dan berhasil dengan waktu yang relatif singkat.
Setelah itu saya beritahukan bahwa sudah berhasil dan password yang baru untuk login di minta untuk
di ubah kembali agar saya pun tidak mengetahuinya. Jadi kesimpulan sementara yaitu sobat yang belum berhasil,
kemungkinan ada kode yang telewatkan.



Baiklah... kembali ke topik awal yaitu tentang menu Read more..., agar sedikit mengerti akan saya
tuliskan kode dasar dari posting, yaitu :







<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>








Perhatikan baik-baik kode di atas, itu merupakan kode asli dari template sobat sebelum di otak-atik.
Jika sobat mengikuti langkah-langkah yang pernah saya tulis, maka kode nya akan berubah seperti ini:







<div class='post-body'>


<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p> <!-- satu -->

<b:else/>

<style>.fullpost{display:none;}</style>


<p><data:post.body/></p> <!-- dua -->


<a expr:href='data:post.url'>Read more.....</a>

</b:if>


<div style='clear: both;'/> <!-- clear for photos floats -->

</div>








Kode di atas sengaja di bedakan warnanya, warna biru merupakan kode asli dari template,
warna merah merupakan kode yang harus di tambahkan. Yang perlu sobat hati-hati adalah kode ini :





<p><data:post.body/></p>







Kode di atas harus di pastikan ada dua tidak boleh ada satu karena jika ada satu maka postingan
sobat bisa hilang semuanya, akan tetapi sebenarnya seluruh postingan tidak hilang, akan tetapi
tidak di perlihatkan alias di sembunyikan. Postingan di perlihatkan dan di sembunyikan karena
kode :





<style>.fullpost{display:inline;}</style>




<style>.fullpost{display:none;}</style>








{display:inline;}
artinya di tampilkan, dan

{display:none;}
artinya jangan di tampilkan alias sembunyikan dan kode inilah apabila
salah pemasangan mengakibatkan semua postingan menjadi tidak di tampilkan, jadi apabila di satukan
dari seluruh kode, maka kira-kira seperti ini :



Tampilkan postingan



Jangan tampilkan postingan



Tampilkan postingan apabila di klik link Read more...





Langkah yang tak kalah pentingnya yaitu sobat harus memasang kode Readmorenya pada tab Edit HTML
jangan pada tab Compose, serta kode Read more... harus selalu di tutup. Contoh pemasangan
kode read more... pada artikel seperti ini :



Ini adalah tulisan pada paragrap pertama yang akan muncul di halaman muka blog, paragrap - paragrap
lainnya akan muncul apabila pengunjung blog meng klik link untuk membuka keluruhan artikel.



<div class="fullpost">




Paragrap yang kedua, ketiga dan seterusnya harus di tempatkan di sini, jangan di tempatkan
sebelum kode readmore, jangan lupa untuk menutup kodenya ya..




</div>






Maka nanti yang akan muncul hanyalah paragrap atasnya saja yakni seperti ini :



Ini adalah tulisan pada paragrap pertama yang akan muncul di halaman muka blog, paragrap - paragrap
lainnya akan muncul apabila pengunjung blog meng klik link untuk membuka keluruhan artikel.


Read more...





Sudah lebih fahamkah? bagi sobat yang belum berhasil ada baiknya untuk mencobanya kembali.
Satu hal yang harus sobat ingat yaitu selalu membuat backup data template sebelum mencoba otak-atik kode
template, karena jika terjadi kesalahan semisal seluruh postingan menghilang maka jangan bingung
dan merasa panik, sobat tinggal Upload kembali backup data template yang sudah di simpan
pada komputer kita sebelum melakukan otak-atik, dan hasilnya nanti akan sedia kala seperti sebelum
sobat melakukan edit kode template. Jadi jangan pernah jera untuk mencobanya. Mau mencoba kembali?
silahkan baca langkahnya di sini !