Senin, Agustus 04, 2008
9

Membuat posting abstraksi atau READ MORE di Blogger Baru (Blogger Beta) tentu berbeda dengan membuat read more di blogger lama. Jika anda membutuhkan informasi tentang hal ini, maka berikut saya sajikan langkah-langkah praktisnya. Tapi INGAT!, sebelum melakukan semua langkah-langkah di bawah ini, terlebih dahulu Download Full Template Anda. Itu adalah golden standard pada blogger beta ketika akan melakukan perubahan page element atau merubah templatenya.
Yah, minimal untuk jaga-jaga saja. Sudah tidak sabaran? Ikuti tutorial di bawah ini :

1. Buka template » edit HTML
2. Kasih tanda centang/ceklis menu “expand widget template”
3. Cari kode berikut di TEMPLATE blog Anda:

<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 anda sebelum di otak-atik, ganti kode diatas dengan kode berikut 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>


Warna biru merupakan kode asli dari template, warna merah merupakan kode yang harus di tambahkan. Kalo langkah tersebut sudah selesai jangan lupa klik save template

Langkah selanjutnya yaitu:
Klik SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tersebut dengan kode berikut:

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


Kemudian klik tombol yang bertuliskan Save Settings

Cara Posting Artikel

Klik menu Posting, Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yaitu:

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


Tuliskan artikel yang ingin tampak pada blog sebelum kode :

<div class="fullpost">
Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

</div>
Klik tombol bertuliskan PUBLISH POST

Klik tulisan Open New Window untuk melihat hasil dari postingan kita,
kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.

9 komentar:

  1. Bagi pembaca artikel ini, jangan lupa tulis komentar anda ya..

    BalasHapus
  2. Saya uda sempet ikuti step itu dan berhasil. Tapi masalahnya, ketika saya browse pake Internet Explorer, hasilnya blog saya hancur lebur. Posisinya jd ga teratur. Kl browse pake mozilla, blog saya ga hancur. Kemudian saya hilangkan "Read More" nya, lalu saya browse pake IE lagi, hasilnya ga hancur. Bagaimana pendapat anda?

    BalasHapus
  3. wah koq bisa beda ya antara IE dan Mozilla, kenapa bisa beda ya?? Mungkin waktu menyimpan kode ada data yang kehapus gitu?? Cobain aja lagii...

    BalasHapus
  4. Udah saya coba berkali2, tapi tetep kl browse pake IE hancur total jdnya. Makanya aku ga pake konten "Read More" lg.. Mgkn ga jodoh ya pake "Read More"? Hehehehe....

    BalasHapus
  5. Haha.. Ga jodoh, mgkin juga..Tapi pasti ada sesuatu makanya jadi kygtu ya ga.,

    BalasHapus
  6. hatur Tengkyu pisan, dah bisa bikin read more pake cara yang ini. n di iE juga ga ada masalah.

    BalasHapus
  7. akang meni rieut yeuh bikin read more teh...
    bantuin dong...udah cba tapi gak ada trus tuh nyari kode yang harus dgantinya:((
    bantuin kang cepsalse@yahoo.com
    please......
    makasih sblmnya:D

    BalasHapus
  8. kodeNYA dicari dimana ya??????
    kok saya tdk menemukannya.

    BalasHapus
  9. @ salse dakwah center: jawaban udah di kirim ke email.

    @ THE RED ARMY: kodenya dicari di Edit Templates » Ceklist "Expand TEMPLATE Widget". Terus CTRL + F, cari tulisan clear for photos floats. Pasti ketemu!!

    BalasHapus