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.
html dengan mengklik EDIT HTML di tempat anda biasanya menulis isi blog .dan jangan pilih mode COMPOSE
menemui script <span class="fullpost"> </span>
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 </span>
Demikianlah sedikit menu masakan pada hari ini semoga sodara-sodara,Teman-teman,Bapa-Tulisan Di ambil dari berbagai sumber :D
1 comment:
makasih penjelasannya ya
Post a Comment