bisa bisa orang nggak nyangka kalo ini blockquote..karena memang tidak nampak seperti blockquote..oke langsung aku kasi screenshotnya...cekidot..
gimana seperi bukan blockquote kan...disaat mouse menyorotnya(mengarah padanya) ia akan terbuka. cukup menyorot saja, waktu di sorot oleh mouse maka blockquotenya akan jadi seperti ini.. Cekidot
ha.. gitu jadinya.. giana berminat ? oh masih ragu ni aku kasi [DEMO] nya langsung biar gak bingung.. oke gimana mau gak..
oke dah lanjut aja.... ke proses pembuatannya
- Loggin blogger
- Rancangan-->Edit html --> cari kode ]]>
- letakkan kode berikut diatasnya
blockquote.collapsed { margin:15px 30px; font:italic 14px Georgia,Serif; height:0px; padding:0px 0px; background-color:#FFE046; border:10px solid #FDD404; border-left-color:#D7362E; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); overflow:auto; -webkit-transition:all 1s cubic-bezier(1,0,0,1) 0.5s; -moz-transition:all 1s cubic-bezier(1,0,0,1) 0.5s; -ms-transition:all 1s cubic-bezier(1,0,0,1) 0.5s; -o-transition:all 1s cubic-bezier(1,0,0,1) 0.5s; transition:all 1s cubic-bezier(1,0,0,1) 0.5s; } blockquote.collapsed:hover { padding:10px 15px; background-color:#47AD47; border:5px solid #156715; height:350px; }
- oke simpan template kalian...
tapi masih belom selesai..kode untuk pemanggilya belom lagi..
Apapun bisa kamu letak disini
- oke baru udah...Semoga bermanfaat