Daft Punk

Search

Selasa, 13 Desember 2011

Cara merubah tampilan quote di blog kita


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 ini
Nah 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 {

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;
}
8.Kode yang berwarna biru adalah warna backgroud nya silahkan di ubah sesuai keinginan sobat
9. save deh dan lihat hasilnya . Selamat mencoba dan semoga berhasil....

0 comment :

Posting Komentar

Find Us On

Ryan Agung on
E992 on Facebook