Cute Blockquote (3)

sebelum hover

setelah hover

  Hai, assalamu'alaikum! One day two post nih. Resti mau ngepost tutorial lagi. Gambarnya itu aku perbesarin agar terlihat jelas tapi sebenarnya gambarnya gak segede itu. Tuto ini sebenarnya diambil dari gift seorang pemenang segmenku, tapi dia tidak mengambil giftnya jadi aku post saja ya!


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

/*Post
--------------------------------------*/

-untuk blogskins dan classic template cari kode </style>

6. Taruh kode dibawah ini dibawah kode yang kamu cari. Dan untuk blogskins dan classic template taruh kode dibawah ini diatas kode </style>

blockquote {
background-color: #fffafc;
border-top:2px dashed #FED7E6;
border-bottom:2px dashed #FED7E6;
border-left:10px solid #FED7E6;
border-right:10px solid #FED7E6;
color:#999;
font-family:Comic Sans MS;
font-size:12px;
}
blockquote:hover {
box-shadow:0px 0px 8px #fed7e6;
}

-edit-edit terlebih dahulu
6. Save

---

Terima kasih telah membaca, tinggalkan komentar ya!

---