Magic Blockquote
Credits to: my beloved tutorial blogger users
Kak Lettha.
Hey-ho! Kali ini aku akan membahas tentang *liat judul* yuk langsung be ke tutorialnya!:)
Pergi ke dashboard > design > edit html
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
Heeitt,jgn save dulu. belum selesai lho!
cari kode:
.post blockquote:hover {
Pastekan kode ini dibawahnya:
background:url(URL BACKGROUND 2);
border: 1px dashed #000000;
border-right: 10pt double #000000;} ]
-
Orange itu URL Background setelah kena hover
-
Pink itu warna border
-
Hijau itu warna border kanan setelah kena hover.
PREVIEW DULU! baru save template:)
OLD / NEW
Template designed by Nazihah Anuar. Background from FPA
