Thursday, 8 July 2010

cara buat background pada related post

Capeknya setelah beberapa hari jarang ngeblog karena lagi ada tugas akhir sekolah dan penjajakan unas,jadi yach coba intip blog persahabatan yang beberapa hari terlantar,maaf ya sob karena belum bisa berkunjung..^_^setelah intip-intip artikel tentang makhluk asing,ada salah satu komentar dari sahabat Rizky yang bertanya tentang cara kasih background pada artikel terkait

Berhubung saya ini masih newbie gak tahu apa-apa dan belum banyak makan garam didunia maya ini,saya coba untuk menjawab mohon maaf jika jawaban yang akan saya utarakan kurang memuaskan…
Berikut cara memberi background pada judul artikel terkait:
artikel terkait

1.login ke blogger.com dengan user id sahabat tentunya
2.klik tata letak
3.edit HTML,silahkan sahabat backup dulu template yang akan dirubah.Untuk berjaga-jaga bila terjadi kesalahan
4. Centang kotak kecil Expand Template Widget
5. Cari kode


lalu letakkan kode berikut dibawah kode tadi


related post






sedikit tambahan:silahkan ganti tulisan yang berwarna merah sesuai kehendak sahabat
  • related post:silahkan diganti misal:artikel berhubungan atau apa saja
  • white:warna huruf yang menjadi tittle related post
  • font-size:130%:ukuran huruf pada tittle related post
  • URL:ganti dengan url yang akan dijadikan background related post
berikut contoh gambar tittle related post yang udah menggunakan background pada tittlenya
related post tittle


tapi jika ingin memberi background pada related postnya,berikut langkah-langkahnya:

1.login ke blogger.com
2.klik tata letak
3.pilih tab HTML javascript
4.silahkan sahabat cari kode ]]>
5.copas kode dibawah ini dan taruh diatas kode ]]>

/* Related post
----------------------------------------------- */
.rbbox{border:1px solid silver;background:#e0ffff url(http://i492.photobucket.com/albums/rr288/angger07/EmoExcited.gif) no-repeat right bottom;-moz-border-radius:5px;margin:5px;padding:5px}
.rbbox:hover{background-color:#fff}
berikut contoh gambar background pada related post
related post dengan background




URL gambar bisa sahabat rubah sesuai selera,nah semoga bermanfaat,buat sahabat juga bisa costumize sendiri kode yang sudah ada.buat master-master dalam dunia blog mohon kritik dan sarannya.

0 comments:

Post a Comment

silahkan komentar di sini

 
Powered by Blogger