Membuat Read More Di Sebelah Kanan Bawah Postingan

Sebelumnya ku ngebahas tentang Nomor Urut Komentar Blogger dan Menambah Text Sebelum atau Sesudah Nama Komentator di Blogger. Sekarang ku mau negbahas tentang modifikasi read more, jadi buat kamu yang belum membuat read more silahkan membuat read more terlebih dahulu. Untuk membuat read more bisa di cari dulu artikelnya, artikel tentang bagaimana membuat read more sudah banyak terdapat di berbagai blog tutorial atau melalui bantuan search engine google. Disini ku cuma ngebahas bagaimana membuat read more di sebelah kanan bawah postingan, ini cuma sekedar membuat halaman postingan lebih rapi dan mempercantik style read more yang kamu punya.

Jadi ku anggap kamu sudah memasang read more sebelumnya, untuk membuatnya selalu berada di sebelah kanan bawah postingan silahkan ikuti langkahnya di bawah ini.

Pilih Layout dan masuk ke Edit Html, jangan lupa beri tanda centang pada Expand widget templates. Taruh Kode Css dibawah ini persis di atas kode ]]></b:skin>.

/* Read more Style
----------------------------------- */
.more {
bottom:5px;
font-family:verdana;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding-right:10px;
text-align:right;
white-space:nowrap;
}

Jangan lupa simpan template, kemudian cari kode dibawah ini.

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

Kalo sudah ketemu, ganti kode warna merah diatas dengan kode dibawah ini.

<p class='more'>&#187; Read More.... </p>

Simpan kembali template kamu, dan silahkan pratinjau untuk melihat hasilnya.

Untuk tulisan "Read More" tidak selalu mutlak kode ini yang dipakai, jadi jangan jadikan panduan kata "Read More" dalam mencari kode. Alternatif lain mungkin bisa saja "Baca Selengkapnya", "Continue Reading", "Lanjutin Bacanya", dan laen-laen. Jadi coba kamu sesuaikan dengan kode read more blog kamu.

Pada kode css, bisa kamu edit untuk menambahkan background atau mengedit ukuran dan letak huruf. Bisa kamu cari dan otak-atik sendiri. hehehe, ntar postingannya kepanjangan.

Oke... selamat mencoba

Related Post