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 :)


Cari kode:

.post blockquote {

Pastekan kode ini dibawahnya:

background:url(URL BACKGROUND 1);
border-left:10pt double #000000;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;

- Merah itu URL Background sebelum kena Hover
- 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 :)