Magic Blockquote [Lettha sendiri yang Buat] // Friday, August 12, 2011
Assalamu'alaikum...
Malam ini Lettha mau sharing lagi tentang cara membuat "MAGIC BLOCKQUOTE" seperti blog Letthalicious.
Ok, memang ini tutorial LETTHA YANG BIKIN. So, free for personal using, but kalau mau re-blog harus CREDIT :)
Dashboard >>Design >>Edit HTML
Cari kode:
.post blockquote {
Pastekan kode ini dibawahnya:
background:url(URL BACKGROUND 1);- Merah itu URL Background sebelum kena Hover
border-left:10pt double #000000;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
- Biru itu border sebelah kiri sebelum kena hover.
Belum selesai! Cari kode nih:
.post blockquote:hover {
Pastekan kode nih dibawahnya:
background:url(URL BACKGROUND 2);
border:1px dashed #000000;
border-right:10pt double #000000;}
- Oren itu URL Background setelah kena hover
- Pinky itu warna border
- Green itu warna border kanan setelah kena hover
PREVIEW DULU! Save Tempelate :)