Yang kotak merah adalah blockqoute
1.Login ke blogspot, clik design/layourt > Edit HTML
2. Cari code di bawah, gunakan Ctrl F untuk memudahkan pencarian
.post-body {
3. Copy code di bawah dan paste di atas code .post-body {
.post blockquote {background-image:url(http://dl10.glitter-graphics.net/pub/294/294880ja35mojrw0.gif); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FA584C; margin:1em 20px; }
blockquote:hover {
background-color: #F3F781;
-webkit-transition-duration: 3.5s;
background-image:url(http://dl3.glitter-graphics.net/pub/536/536403sg1hb1q6nj.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
4. MERAH : Background image yang diingini, boleh search di sini atau di sini
5. BIRU : Warna background apabila cursor menyentuh kotak blockquote,boleh ambil di sini
5. COKLAT : Icon yang muncul apabila apabila cursor menyentuh kotak blockquote
6. UNGU : Pilihan border sama ada solid : dashed : dotted
7. HIJAU : Warna garis border, clik sini
8. Save.
3 ulasan:
cantik....
@Lily Qadir
Thanks...
terima kasih.. salam ukhuwah <3
Catat Ulasan