November 04, 2010   Blockquote , Blog Lebih Keren

BLOCKQUOTE KEREN, "BLOCKQUOTENYA WWW.RACHMATH.CO.CC"

1. Sign In Di Blogger 2. Klik Menu Rancangan 3. Klik Menu Edit HTML 4. Beri Tanda Centang Pada Expand Widget Template. 5. Cari .post blo...

1. Sign In Di Blogger
2. Klik Menu Rancangan
3. Klik Menu Edit HTML

4. Beri Tanda Centang Pada Expand Widget Template.
5. Cari .post blockquote { atau Kalau tidak ada Cari Kode blockquote {

6. dan Ganti keseluruhan Kode dari .post blockquote { ataupun blockquote { sampai dengan tanda } dengan Kode di Bawah Ini:

blockquote {
border: 5px solid #dcdcdc; padding: 6px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 15px;
background: -moz-linear-gradient(top, #f6f6f6, #f2f2f2, #FfFfff); url(http://www.opendrive.com/files/7045660_cNVdE/quote.png) 0px 0px no-repeat;
padding:7px;
padding-left:65px;
margin:20px 0;
}

blockquote:hover {
border: 5px outset #f2f2f2; padding: 6px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 15px;
color:#000;
background: -moz-linear-gradient(top, #ffffff, #f2f2f2, #F2f2f2); url(http://www.opendrive.com/files/7045660_cNVdE/quote.png) 0px 0px no-repeat;
-moz-box-shadow: 0 0 40px #B0C4DE;-webkit-box-shadow: 0 0 40px #B0C4DE;box-shadow: 0 0 40px #B0C4DE;
padding:7px;
padding-left:65px;
margin:20px 0;
}

blockquote p {
margin: 0;
padding-top:10px;
}

Kalau tidak Ada Kode .post blockquote { ataupun blockquote {, Letakan Kodenya di Atas Kode ]]>< /b:skin>

6. Klik Simpan Template

7. Selesai