Wednesday, September 15, 2010

Membuat Readmore (Selengkapnya) di Blogger

Semua blogger mania atau penulis yang menuliskan ide-ide atau tulisannya di weblog pastinya tau dan mengenal,apa itu "Read more" atau "Selengkapnya" yang biasanya di tulis pada akhir kalimat headline tulisan di masing-masing blog,nah.. penulis ingin sedikit membagi cara membuat readmore pada blog kita.

setelah beberapa kali mencoba dan juga beberapa kali salah trus amburadul akhirnya penulis berhasil menerapkannya.. sumbernya dari blog sebelah, jadi mohon ma'af klo ini bukan karya asli dari penulis, cuma ingin menyampaikan dengan gaya penulis aja..

Ok, langkahnya adalah sebagai berikut :
1. masuk ke blogger
2. klik setting >> Formatting
3. Di bawah ada kolom kosong pada Post template,kopi kan code berikut ke dalam kolom tersebut
4. lalu klik tombol "save setting" yang ada di bawahnya

pemasangan kode yang barusan bermaksud agar setiap kita posting artikel baru,kita memiliki template atau sudah ada kode tersebut tanpa harus kita menghafalnya, (*hari gini menghafal)??
Oke, langkah selanjutnya adalah menambahkan kode HTML pada template yang kita gunakan yaitu sebagai berikut :

5. Klik Menu Dashboard >> Klik Menu Layout >> Klik Menu Edit HTML
6. Klik Checkbox seperti pada gambar, ini dimaksudkan agar jika ada proses editing tidak terjadi error
7. Boleh juga untuk jaga-jaga kita download template yang belum di edit dengan klik "download full template"
8. cari kode seperti berikut, **terkadang beda template beda kode, yang penting cari yang ada unsur post.body
           <div class='post-body'> atau <div class='post-body entry-content'>
9. Kopi paste kode HTML berikut di bawah nya.
            <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>

10.lalu cari lagi kebawah lagi ckckckc... gak jauh ada kode seperti ini
          <data:post.body/> atau <p><data:post.body/></p>
11.kalau sudah ketemu kopi paste kode html berikut tepat dibawahnya:
           <a expr:href='data:post.url'>selengkapnya....</a> 
      </b:if>
klik tombol save setting, akhirnya selesai, selanjutnya tinggal di coba posting baru,namun ingat menulis postingan yang baru harus di dalam tab HTML seperti pada gambar berikut,
tulisan yang ingin di tampilkan harus di ketik sebelum kode <div class="fullpost"> dan yang ingin di sembunyikan (read more / selengkapnya) di tulis di setelah kode tersebut sebelum kode </div> 
selesai membuat postingan baru silahkan di coba hasilnya.. selamat mencoba.

No comments:

Post a Comment