Cute Blockquote (1)

Credit:Jauza

Sudah lihat kan blockquote itu apa! Yuk lihat tutorialnya! 

1. Dashboard
2. Template
3. Edit HTML
4. Expand Widget Template
5. Cari kode

/*Posts

 -Nah dibawahnya kan ada kode

----------------------------------------------- */

-Untuk  blogskins dan template Classic cari kode </style>

Copy kode dibawah ini, DIBAWAH kode garis-garis diatas

blockquote{
background:url(URL BACKGROUND);
padding:10px;
border-radius:10px;
border-left:10px solid #000;
border-right:10px solid #000;
border-top:2px solid #000;
border-bottom:2px solid #000;
color:#eee;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: Short Stack;
} 
blockquote:hover{
background:url(URL BACKGROUND);
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #000;
-moz-box-shadow:    0px 0px 8px #000;
box-shadow:         0px 0px 8px #000;
}

-untuk blogskins dan template classic taruh kode diatas DIATAS kode </style>
Diedit sendiri yah! Untuk tulisan URL Background bisa kamu ganti dengan URL background blockquote kalian.

6. Pratinjau dulu! Kalau nggak error save aja!

Cara Pasang di Postingan
credit+gambar: www.hafizfauzi.com

1. Klik entri baru
2. Klik gambar yang di kotaki

3. Klik text kamu
4. Save

---

Terima kasih telah membaca, tinggalkan komentar ya!

---