Cara modifikasi baca selengkapnya versi blogger. Baca selengkapnya fungsinya untuk memotong artikel pada tampilan awal blog. Makara pada halaman awal, tidak semua goresan pena dari artikel kita akan terlihat, yang terlihat hanya pada bab awalnya saja. Penggunaannya cukup mudah, kita hanya menekan tombol Insert Jump Break pada ketika kita menulis artikel(dientri). Untuk lebih jelasnya, kau sanggup baca di artikel cara menciptakan read more diblog.
Dan kali ini kita akan merubah goresan pena baca selengkapnya versi blogger dengan menambahkan aba-aba css didalamnya. Contohnya ibarat gambar dibawah ini.
Langsung saja, cara modifikasi goresan pena baca selengkapnya versi blogger. Ikuti langkah-langkah dibawah ini.
- Login ke blogger, dari halaman dasbor pilih pengaturan template.
- Lalu klik edit HTML dan cari aba-aba <div class='jump-link'>. Dan ganti dengan aba-aba dibawah ini.
- Selanjutnya, save template. Selesai.
<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%);'>
- style='text-align: right; untuk mengatur goresan pena 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 goresan pena 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 sanggup anda jadikan pilihan untuk mengatur tampilan blog anda. Silakan dimodifikasi sendiri sesuai dengan tampilan yang kalian inginkan. Jika ingin menciptakan baca selengkapnya secara auto/otomatis. Kamu sanggup baca di artikel cara menciptakan auto reamore diblog. Semoga Bermanfaat.
0 comments:
Post a Comment