Find What You Need

16 Feb 2010

Menambah Background Pada Tulisan Readmore

Mungkin postingan yang mengulas tentang readmore sudah tidak terhitung lagi saking banyaknya. Coba anda ketikan kata kunci ReadMore di search engine, baik google maupun yahoo, pasti jumlahnya banyak sekali yang membahas tulisan mengenai readmore. Di blog ini juga pernah dibahas beberapa kali mengenai readmore, coba anda cek disini dan disini atau bisa juga anda baca disini.

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 */
}

Silahkan utak atik warna dari background dan warna tulisan readmore-nya, sesuai dengan kehendak anda.
Jangan lupa  save / di simpan.




**** Semoga Bermanfaat ****

Untuk mendapatkan informasi dan postingan terbaru dari blog ini, silahkan ketikkan email anda di form berlangganan. Gratiiiis...

Berlangganan Lewat RSS

0 komentar:

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.

Ketikkan Karakter Jika Ingin Memasang Emoticon.
:)):)];));;):D;):p:((:):(:X=((:-o:-/:-*:|8-}~x(:-tb-(:-Lx(=))

Artikel Yang Lainnya

 

My Best Friend

Mengenai Saya

Foto saya
Sebagai tempat belajar dan menyimpan arsip jika saya membutuhkannya suatu waktu, dan semoga menjadi ilmu yg Bermanfaat bagi Orang yang membacanya .

Visitor

free counters

Belajar Bersama Copyright © 2009 Template Wanaking Di Desain Ulang Oleh Albaniyu | Blogger Template