Modifikasi baca selengkapnya versi Blogger

Cara modifikasi baca selengkapnya versi blogger. Baca selengkapnya fungsinya untuk memotong artikel pada tampilan awal blog. Jadi pada halam...

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.
  1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
  2. Lalu klik edit HTML dan cari kode <div class='jump-link'>. Dan ganti dengan kode dibawah ini.
  3. <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%);'>
  4. 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.

    COMMENTS

    Nama

    Android Desain Blog Game Header HTML dan CSS Internet Kotak Komentar Menu Desain Microsoft Excel Microsoft Word Post Seo Sidebar Software Tips dan Trik Tutorial Blog Widget
    false
    ltr
    item
    Xiruz: Modifikasi baca selengkapnya versi Blogger
    Modifikasi baca selengkapnya versi Blogger
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPN9Nqb-1mK9avImoA0s0piJd4lT1uxDwS-hDsVmY390wS0tMim1D8stHxaHf3Va_jgIEmjlmxktolSToFRvQvvCuRZizIqSleqmZB_CTiktWqyVguLawGa3TIqHExohrnFNp-NIvlEJPA/s644/Baca%2520Selengkapnya.PNG
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPN9Nqb-1mK9avImoA0s0piJd4lT1uxDwS-hDsVmY390wS0tMim1D8stHxaHf3Va_jgIEmjlmxktolSToFRvQvvCuRZizIqSleqmZB_CTiktWqyVguLawGa3TIqHExohrnFNp-NIvlEJPA/s72-c/Baca%2520Selengkapnya.PNG
    Xiruz
    https://xiruz-vip5.blogspot.com/2013/11/modifikasi-baca-selengkapnya-versi.html
    https://xiruz-vip5.blogspot.com/
    http://xiruz-vip5.blogspot.com/
    http://xiruz-vip5.blogspot.com/2013/11/modifikasi-baca-selengkapnya-versi.html
    true
    2851028177564598499
    UTF-8
    Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy