Modifikasi baca selengkapnya versi Blogger

Cara modifikasi baca selengkapnya versi blogger. Baca selengkapnya fungsinya untuk memotong artikel pada tampilan awal blog. Jadi pada halaman awal, tidak semua tulisan dari artikel kita akan terlihat, yang terlihat hanya pada bagian awalnya saja. Penggunaannya cukup mudah, kita hanya menekan tombol Insert Jump Break pada saat kita menulis artikel(dientri). Untuk lebih jelasnya, kamu bisa baca di artikel cara membuat read more diblog.

Dan kali ini kita akan merubah tulisan baca selengkapnya versi blogger dengan menambahkan kode css didalamnya. Contohnya seperti gambar dibawah ini.

Modifikasi baca selengkapnya versi Blogger
Langsung saja, cara modifikasi tulisan baca selengkapnya versi blogger. Ikuti langkah-langkah dibawah ini.

Login ke blogger, dari halaman dasbor pilih pengaturan template.
Lalu klik edit HTML dan cari kode <div class=’jump-link’>. Dan ganti dengan kode dibawah ini.
<div class=’jump-link’ style=’text-align: right;border:1px solid #dddddd;background:#eeeeee;box-shadow:0px 5px 5px #aaaaaa;margin:5px 0px 0px 450px;padding:5px;background-image: -moz-linear-gradient(center top , #fff 0%, #ddd 100%);’>
Selanjutnya, save template. Selesai.

Keteranga kode:

style=’text-align: right; untuk mengatur tulisan baca selengkapnya disebelah kanan.
border:1px solid #dddddd; untuk mengatur border kotak baca selengkapnya.
background:#eeeeee; warna backgroundnya.
box-shadow:0px 5px 5px #aaaaaa; warna bayangan kotak.
margin:5px 0px 0px 450px; untuk mengatur lebar dan panjang kotak baca selengkapnya.
padding:5px; untuk mengatur tulisan didalam kotak.
background-image: -moz-linear-gradient(center top , #fff 0%, #ddd 100%); untuk mengatur warna background atas dan bawah kotak baca selengkapnya.

Selesai sudah cara modifikasi baca selengkapnya versi blogger, yang dapat anda jadikan pilihan untuk mengatur tampilan blog anda. Silakan dimodifikasi sendiri sesuai dengan tampilan yang kalian inginkan. Jika ingin membuat baca selengkapnya secara auto/otomatis. Kamu bisa baca di artikel cara membuat auto reamore diblog. Semoga Bermanfaat.

Advertisements
This entry was posted in bantal silikon and tagged , , , , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s