Home Owner Tutobies Other Friends Themes

Sabtu, 30 Januari 2016

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!

1 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...