Jumat, 19 Oktober 2012

Cara Buat Flash Blockquote


Halo semuanya! Kamu nunggu tuto lagi ya??

Hai. Besok ada TO, tapi ga juga belajar XD. Dasar.

Ohya, kali ini aku akan membahas yang namanya blockquote.

Apa Itu? Haaah.. -__-"

Kalo mau tau lihat kotak dibawah ini.
Kotak ini lah yang bernama blockquote. 

Biasanya Dea dan Cik Lyssa pakai itu kan utuk naruh kode?? Dan biasanya blogger lain tidak tau kayak mana mau masang kotak nih.. XD

Haah.. Kalian tinggal cari tombol ini di sidebar dan pencet.


Tapi, biasanya blockquote itu ga berbentuk kotak kayak aku pakai kan?

Haah.. Kalo gitu, yuk ikuti langkah-langkah ini.


> Template > Edit HTML > Tick Expand Widget.

> Gunakan CTRL+F dan cari kode ini:

----post----
(Ya, biasanya nyambung panjang kayak kereta api).

> Copykan kode ini dibawah kode diatas.

.post blockquote { 
background:url(URL background
); padding:5px;
Border:2px dashed #000000;
colour:#FFFFFF
}blockquote:hover {
border:2px dashed #000000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399 ;
background: url(URL background
) repeat right bottom ;
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}

Yang warna merah pula bisa kamu cari di sini.

> Simpan.

Hai, itu dah lengkap bayangannya, bordernya, dll.

Ok! Selamat bereksperimen! Wass. wr. wb!

Tidak ada komentar:

Related Posts Plugin for WordPress, Blogger...