Wednesday, January 24, 2007

Membuat ReadMore Di Blogspot

Ini tutorial saya buat khusus buat temen temen yang menggunakan blogger a.k.a blogspot.Untuk sedikit memaksimalkan tampilan tulisan kita di blogspot ada banyak cara selain warna warni,mode tulisan dan gambar,Salah satunya adalah dengan membuat READMORE pada setiap tulisan kita.Fungsi ini kita gunakan untuk membuat tampilan blogspot lebih simpel tapi Fowerfull.Tanpa ReaDMore rasanya jenuh sekali melihat tampilan tulisan yang memanjang kebawah dalam satu halaman sehinggal scroll down yang ada di internet Explorer menjadi kecil.Bila Anda suka ikutin langkahnya sebagai berikut
01.Loginlah di blog anda
02.Klik Tab SETTING ---> pilih FORMATTING
03.Geser Kebawah Cari Tulisan POST TEMPLATE disamping
tulisan ini ada sebuah kotak yang lebih besar dari kotak kotak
sebelumnya,nah pada kotak ini isikan
<span class="fullpost"></span>
04.Klik tombol SAVE SETTING
05.Klik tab TEMPLATE di bagian atas Blog Anda dan pilih EDIT HTML
06.Beri tanda centang /cek/tik menu "EXPAND WITGET TEMPLATES"
07.Cari code template yang seperti ini <div class='post-header-line-1'/>
<div class='post-body'>
Dan sisipkan code di bawah ini di antara

<div class='post-header-line-1'/> dan <div class='post-body'> inilah codenya :


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

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

<p>&alt;/p>

<b:else/>

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



08.Mari kita lanjutkan ke langkah selanjutnya,di antara kode

<p>&alt;/p>
dan kode
<div style='clear: both;'/> <!-- clear for photos floats - -></div>
sisipkan Code berikut :

<aexpr:href='data:post.url'>ReadMore......</b:if>

09.Sekarang klik tombol SAVE TEMPLATE warna orange di editor template Blog anda.
10.Sekarang Saat nya memposting dengan Mode READMORE di
blogger anda,dan anperlu perhatikan cara penulisannya
sebagai berikut.

  • Setiap anda mau memposting tulisan, pilih MODE nya sebagai
    html dengan mengklik EDIT HTML di tempat anda biasanya menulis isi blog .dan jangan pilih mode COMPOSE
  • Didalam Editor tersebut bila di pilih mode HTML kita akan
    menemui script <span class="fullpost"> </span>
  • Untuk menampilkan tulisan sebagai tampilan depan,di blog
    yang akan di dibatasi oleh readmore, anda ketikkan sebelum
    script <span class="fullpost"> dan disini lah isi selanjutnya
    sambungan dari tulisan anda sampai selesai dan di tutup dengan

    Contoh nya :
    awal tulisan kita yang akan di di batasi dengan tulisan Readmore dan di tampilkan sebagian di depan blog anda yang keseluruhannya dapat di baca bila mengklik tulisan readmore di ketik sebelum script ini <span class="fullpost">dan isi lanjutannya yang akan terlihat secara keseluruhan bila di klik readmore di tulis di sini sebelum anda lihat script dengan tulisan &lt/span>

    Demikianlah sedikit menu masakan pada hari ini semoga sodara-sodara,Teman-teman,Bapa-Tulisan Di ambil dari berbagai sumber :D

  • 1 comment:

    Internet Community said...

    makasih penjelasannya ya