| 0 comments ]

Jadi ingat saat pertama buat blog, bingung saat mau menambahkan fasilitas "Read More" khususnya pada template baru), namanya juga baru buat blog, maklum kan? siapa yang nggak pernah mengalami hal tersebut, ayo tunjuk gigi (eh..tunjuk tangan aja. nggak mau? yaudah komentar aja kali ya...). Setelah cari kode HTML tertentu ternyata nggak ada, eh usut punya usut itu dikarenakan setelah templatenya disave, kode yang kita cari tersembunyi. Maka di sinilah perlunya membackup template (Download Template Lengkap). Ya paling nggak ini catatan buat saya. Kembali ke " Read more ah, bisa juga pada tulisan "read more" ini ditambahkan efek atau diganti dengan gambar (biasa atau berefek opacity) dan sebagainya, itu terserah yang buat sih, ya iyalah....!!!.
Berikut Catatannya :

:: Mengatur Format
- Sign in blogger >> Layout (Tata letak) >> Format
  Di sisi paling bawah ada text area kosong disamping tulisan "Template Posting", isi text area kosong tersebut dengan kode berikut :
<div class="fullpost">

</div>


:: Mengubah Kode HTML
- Dashboard >> Layout (Tata letak) >> Edit HTML
- Jangan lupa Download Template Lengkap

- Cari Kode (untuk lebih mudah tekan CTRL+F) lalu ketikkan kode : <data:post.body/> atau <p><data:post.body/></p> kemudian Enter.

Setelah ketemu, ganti kode <data:post.body/> atau <p><data:post.body/></p> dengan kode di bawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>Baca Selengkapnya...</a></p>
</b:if>

- Simpan template
Pekerjaan buat Readmore selesai.

:: Mengganti Tulisan dengan "Read more" dengan gambar
anda mengganti tulisan "Read more" atau "Selengkapnya..." dengan kata-kata lain, atau bisa juga diganti gambar atau icon yang menarik (enaknya ya yang berhubungan dengan "readmore" juga) misalnya seperti
Lihat kembali kode diatas khususnya pada:

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


gantilah tulisan "Baca selengkapnya" dengan gambar yang telah anda simpan (di photobucket misalnya), misalnya seperti ini :

<a expr:href='data:post.url'><img src='http://i550.photobucket.com/albums/ii434/jokopitoyo/Readmore.gif' style='border:0;'/></a>

bisa diganti dengan gambar koleksi yang lain.



:: Cara Posting Artikel

- Klik Posting >> Edit HTML
maka secara otomatis tampak kode yang telah kita setting pada format tadi,yaitu :
<div class="fullpost">

</div>


- Tuliskan artikel yang ingin tampak pada blog sebelum kode <div class="fullpost">

Tulis keseluruhan sisa artikel sesudah kode <div class="fullpost">
dan sebelum kode </div>

sehingga settingannya akan tampak seperti ini :

xxxxxxxx
xxxxxxxx
<div class="fullpost">
yyyyyyyy
yyyyyyyy
</div>

x = artikel yang ingin ditampakkan
y = keseluruhan sisa artikel


NB: Apabila anda sudah terlanjur menyimpan editan dan ingin merubahnya lagi, upload lagi template yang telah disimpan (dibackup) di awal tadi.


0 comments

Post a Comment