Bosan dengan tampilan qoute blog yang standar ?. Sekarang sobat bisa merubah tampilan quote itu ho, bagaimana caranya?.caranya gampang , maka dari itu ikutilah langkah-langkah berikut ini.
Maaf ya sobat dalam tutorial kai ini saya belum bisa menjelaskan panjang lebar tentang, cara merubah tampilan quote di blog kita , karena saya baru ngedapetin ilmu ini setelah ane kelilig-keliling di google sob.
Sebelumya saya kasih sulu contoh quotenya :
Tulisan quote sobat akan menjadi seperti iniNah sudah jelaskan ngelihat contoh nya , langsung saja kita loncat ke caranya
1.Pertama-tama login dulu ke blogger dengan akun blogger sobat.
2Pilih rancangan-edit html.
3.Centang kotak kecil expand widget.
4.Kemudian sobat cari kode .post blockquote { kalau nggak ketemu cari kode blockquote .
5.Kalau sudah ketemu nanti kode lengkapnya menjadi :
.post blockquote {
bla...bla..bla
bla..bla..bla
bla..bla..bla
}
6.Lalu ganti kode bla bla bla , yang ada di atas dengan kode berikut ini :
background:#FFFFFF
url(http://lh4.ggpht.com/_7Y9pl24WpQY/S8Tb4-HIjdI/AAAAAAAADXU/XN-0YdNmIBI/image_thumb%5B26%5D.png) no-repeat scroll 5px 5px;
color:#3B0B0B;
border:2px outset #E6E6E6;
margin:10px;
padding:10px 10px 10px 40px;
7.Maka kode lengkapnya akan menjadi seperti ini :
.post blockquote {8.Kode yang berwarna biru adalah warna backgroud nya silahkan di ubah sesuai keinginan sobat
background:#FFFFFF
url(http://lh4.ggpht.com/_7Y9pl24WpQY/S8Tb4-HIjdI/AAAAAAAADXU/XN-0YdNmIBI/image_thumb%5B26%5D.png) no-repeat scroll 5px 5px;
color:#3B0B0B;
border:2px outset #E6E6E6;
margin:10px;
padding:10px 10px 10px 40px;
}
9. save deh dan lihat hasilnya . Selamat mencoba dan semoga berhasil....
0 comment :
Posting Komentar