Cara Membuat Read More Untuk Blogger ( Part 1)

Tutorial Blogger kali ini adalah  bagaimana caranya membuat Read More Untuk Blogger

Buat apa sih Read More ? buat lauk makan. eh... bukan. Gini lo teman-teman....biasanya postingan terbaru kan akan ditampilkan dihalaman utama blog, masalahnya jika postingan teman-teman terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Kalau penuh, jadi lemot dech buka halamannya....!!! Jika teman-teman ingin supaya postingan yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More  atau Baca Selengkapnya, atau kata-kata lain sesuai keinginan teman-teman, maka teman-teman harus membuat Read More.



Nah.... Teman-teman Tutorial Blogger by DW bisa mengikuti langkah-langkah berikut untuk membuat Read More :



1. Masuk Ke akun Blogger kita seperti biasanya.

2. Buka menu Layout atau Tata Letak kemudian pilih Edit HTML.

3. Kasih tanda centang pada cekbox "expand widget template"

4. Cari kode seperti di bawah ini di Template blog kamu :

Seperti ini ni...!!!

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

5. Kalau sudah ketemu, Ganti kode-kode tersebut sehingga menjadi seperti ini:

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

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

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

<b:else/>

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



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



<a expr:href='data:post.url'>Read More......</a>

</b:if>

Tulisan "Read More....." itu bisa teman-teman rubah semaunya teman teman, misalnya jadi "Baca Selengkapnya, Tutorial Blogger Selengkapnya, dsb".Terserah dech....

6. Simpan hasil pengeditan.

7. Kemudian pilih menu Setting atau Pengaturan lalu pilih Formatting atau Format

8. Pada kotak Post Template atau Templat Entri isikan kode berikut:

<span class="fullpost">



</span> 

 9. Kemudian Klik Simpan Setting Formatingnya

10. Ketika memposting atau mau menulis, disana kan ada dua tab pilihan, yang satu "Compose" dan yang satunya lagi "Edit Html", teman-temanharus pilih yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut:

<span class="fullpost">

</span>

Sama Seperti Kode nomer 8 itu kan????

11. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

12. Selesai....... tapi ini adalah cara membuat Read More versi pertama, nanti kita baca membuat Read More versi kedua ya... 

Mudahkan....??? Kalau Masih Bingung, nanya aja kali.... 

Pertanyaannya bisa lewat kotak komentar di bawah ini.

Posted in: Read More,Tutorial Blogger