Sabtu, 08 September 2007

Membuat Read More Pada New Blogger

Untuk membuat "read more" atau juga kita bisa menggantinya dengan baca lanjutannya (terserah kita mau buat apa...) pada newbloggger template kita, hal pertama yang anda harus lakukan ialah memastikan "individual post page' -nya (permalink) dalam keadaan enable.

Ok kita mulai login dengan user blogger anda dan kemudian masuk ke Dashboard, Pilih blog mana yang akan diedit, kemudian klik SETTING, lalu ARCHIVING, dan pastikan pada bagian ENABLE POST PAGE settingnya pilih YES.

Langkah berikutnya klik template, (untuk menghindari hal-hal yang tidak diinginkan, sebaiknya backup dulu template lama anda) "DOWNLOAD FULL TEMPLATE" dan seandainya percobaan anda gagal anda akan bisa kembali ketemplate sebelumnya.

Kita lanjutkan, klik EDIT HTML, kemudian centang pada "Expand Widget Template", tunggu beberapa saat hingga tempalate ditampilkan secara penuh.

Pada template editor anda lihat kode berikut ini (agar tidak ribet copy paste dulu code HTML template anda kedalam Teks Editor, kalau saya biasanya menggunakan NotePad, dan pada menu find masukkan codenya untuk melakukan pencarian, setelah selesai edit anda hanya tinggal copy paste kembali kedalam template editor blogger anda)

<div class='post-body'>

setelah kode diatas taruh kode ini dibawahnya:

<!-- post summary hack begin -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary hack end -->


sekarang mari kita lihat kode berikutnya yang ada dibawahnya:

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

letakkan kode ini dibawahnya:

<!-- post summary hack begin -->
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<!-- post summary hack end -->


setelah meletakkan dua kode tersebut maka susunannya akan seperti ini:

<div class='post-body'>

<!-- post summary hack begin -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary hack end -->



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

<!-- post summary hack begin -->
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<!-- post summary hack end -->

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


Kode yang berwarna hitam adalah kode yang sudah ada didalam template dan yang berwarna hijau adalah kode yang baru saja anda tambahkan.

Satu langkah terakhir yang perlu anda lakukan ialah, ketika sedang menulis posting anda letakkan kode ini dimana anda mau memulai pemotongan posting anda:

<span class="fullpost">

dan pada akhir pos anda akhiri dengan tag ini:

</span>

Jika anda ingin lebih mudah Clik SETTING > FORMATTING dan pada POST TEMPLATE Masukkan kode ini:

Tulis Ringkasan Postingan Anda
<span class="fullpost">
Tulis Akhir Postingan Anda
</span>

Kemudian klik save setting!!

(oh ya anda bisa mengganti Read More..... menjadi Apapun terserah anda)

Setelah semuanya suda selesai anda lakukan klik SAVE TEMPLATE pada menu editor.

Selamat mencoba, smoga berhasil!! :)

http://telorceploq.blogspot.com

1 komentar:

siwaboy mengatakan...

thank banget ya....
lam kenal dari siwa di bali...
lo semoet silakan mampir di blog saya..
semoga bapak bisa terus berkaraya demi orang laen... ini sangat berguna.