Merubah tampilan Read More - Jika Anda bosan dengan tampilan readmore yang masih default, dan berniat untuk merubah nya. Berikut ada beberapa Option untuk merubah tampilannya.
Dan ini adalah code dasar read more:
expr:href='data:post.url
Langkah selanjutnya adalah kita akan melakukan variasi terhadap code readmore yang ada di atas
1. Membuat Read More muncul di kanan
Secara default, "Read more" akan muncul di sebelah bawah kiri artikel kita, tapi kita bisa merubahnya dengan menempatkan readmore tersebut di sebelah bawah kanan artikel kita. Dan berikut code yang harus ditambahkan dalam code readmore nya. Yang berwarna merah merupakan code tambahan.
Atau jika Anda ingin menginstal di CSS, Anda dapat menambahkan seperti ini:
Tempat di atas kode]]>
Readmore {float: right; padding: 10px 0px 5px 0px;}.
dan tempat ini dalam tubuh:
2. Untuk membuat "Read More" menjadi Tebal / Bold
Untuk membuat tulisan "Read More" menjadi Tebal/Bold, Anda hanya menambahkan kode ... atau ... Misal:
3. Untuk membuat "Read More" dengan judul posting
Anda "Read more" dapat ditampilkan dengan judul posting, dan kode akan menjadi:
4. Untuk membuat / mengganti "Read More" dengan banner
Jika Anda berpikir Anda dari teks "Read more" tidak begitu menarik, Anda bisa menggantinya dengan tombol atau banner, misalnya:
Format kode akan menjadi:
Contoh nyata sebagai berikut:
Untuk mendapatkan banner yang akan Anda pakai Anda bisa minta sama mbah google dengan kata kunci “banner readmore” akan ada banyak pilihan gambar gambar readmore.
Silahkan Anda berkreasi sesuka Anda. Dan yang harus anda lakukan selanjutnya adalah meletakkan code tersebut pada blog Anda. Berikut ini adalah langkah-langkahnya:
- Silahkan login ke blogger dengan ID anda
- Kalau belum tahu caranya login dengan ID silahkan baca artikel ini
- Klik Tata Letak
- Klik Edit HTML
- Centang kotak kecil di sebelah "Expand Widget Template"
- Cari kode yang mirip dengan:
<- jelas untuk mengapung foto ->
- Silakan ganti kode di atas dengan kreas code readmore yang telah Anda buat.
- Klik tombol SIMPAN TEMPLATE
- Selesai
Selamat berkreasi!
Keyword: readmore, tampilan readmore, readmore gambar, readmore keren, rubah readmore, percantik readmore