unik dunia: Tutorial Cara Pasang Read More Animasi Pada Blogger

Tutorial Cara Pasang Read More Animasi Pada Blogger
Pada tutorial kali ini akan membahas tentang Bagaimana caranya membuat readmore animasi di blog.Aku tulis trik ini hanya untuk sekedar berbagi tanpa niat untuk menggurui.Tak ingin membuang-buang waktu mari kita mulai tutorial ini. Mau tau caranya?Ini dia caranya..CEKIDOT
Caranya mudah sekali kok

1.Bagi teman-teman yang blognya belum pake readmore,buat readmore dulu dengan cara

Buka menu Layout kemudian pilih Edit HTML.
Kasih tanda cek (centang) pada cekbox "expand widget template"
Cari kode berikut di Template blog kamu (gunakan CTRL+F untuk mencari kodenya) :

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

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 kamu rubah, misalnya jadi "Baca Selengkapnya".

Simpan hasil pengeditan.
Kemudian pilih menu Setting lalu pilih Formatting
Pada kotak Post Template isikan kode berikut:

<span class="fullpost"></span>

Kemudian Simpan.
Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost"></span>

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

2.Dihalaman Edit HTML, ganti tulisan read more ato lainya yang sobat pake buat link baca selanjutnya dengan kode berikut <img src="link gambar kamu"/>
Yang sudah pake read more langsung langkah 2 aja ya.

3.Langkah terakhir dan terpenting adalah Save Template

Kalo sobat belum punya gambar ini aku sediakan: