Tapi enggak apa-apa ya , biar kita lebih paham dan juga lebih mengerti ^..^ . Nah, pada bahasan kali ini kita akan coba menambahkan background pada tulisan readmore, biar nantinya tulisan readmore itu bisa kita buat warna-warni dan bervariasi dengan adanya background tersebut. Tergantung dari kreativitas kita , tentunya !.
Saya cuma membahas dasarnya saja.
Langsung saja. Coba lihat contoh berikut, perhatikan contoh yang ditunjuk tanda panah merah. Itu adalah contoh penambahan background :
Untuk menambah background seperti itu, kita harus membuat atau menambahkan kode CSS . Contoh diatas dibuat dengan menggunakan template default blogger, yaitu template minima baru. Jadi silahkan sesuaikan dengan kode readmore di template kita masing-masing.
Sigin di draft blogger
Dalam dasbor masuk Tata Letak --> Edit HTML .
Cari kode ini ]]</b:skin>
Kode CSS yang kita buat dan ditambahkan , Copy kode dalam kotak dibawah , lalu paste diatas kode ini ]]</b:skin>
.jump-link a {
background: #00ff80; /* warna background */
padding: 3px;
color: #fff; /* warna tulisan readmore */
}
.jump-link a:hover {
background: #1a9a07; /*warna background ktk di klik mouse*/
padding: 3px;
color: #ccc; /* warna tulisan readmore ktk di klik mouse */
}
background: #00ff80; /* warna background */
padding: 3px;
color: #fff; /* warna tulisan readmore */
}
.jump-link a:hover {
background: #1a9a07; /*warna background ktk di klik mouse*/
padding: 3px;
color: #ccc; /* warna tulisan readmore ktk di klik mouse */
}
Silahkan utak atik warna dari background dan warna tulisan readmore-nya, sesuai dengan kehendak anda.
Jangan lupa save / di simpan.
**** Semoga Bermanfaat ****
1 komentar:
supreme hoodie
kobe shoes
longchamp handbags
stone island
golden goose
kyrie irving shoes
adidas yeezy
yeezy
kd 10
bape
Posting Komentar
Biar tambah semangat nulis blognya,ketikkan saran dan komentar. Walaupun singkat tetapi saran dan komentar yang anda berikan sangat berarti buat blog ini.