Ahad, November 11

CARA MEMBUAT KOTAK BLOCKQOUTE YANG COMEL






                                               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.





Alyazaira-Mentarisenja © All Rights Reserved
Best View With Mozilla Firefox