Friday, August 31, 2012

Cara Membuat Block Quote

Block Quote adalah kuipan tulisan, blok kutipan yang kita anggap penting atau memiliki arti khusus. Nah dibawah ini contoh nya :

Ini Contoh Block Quote
Nah pingin tau caranya, di bawah ini caranya :
1. Masuk atau Log In ke blogger dengan ID blog sobat.
2. Pilih Menu Rancangan > Edit HTML.
3. Centang Kotak kecil dengan tulisan "Expand Template Widget".
4. Cari kode ]]></b:skin> biar lebih mudah gunakan kombinasi Ctrl+F.
5. Copy kode di bawah ini lalu masukan tepat diatas Kode ]]></b:skin>.
.post blockquote {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-color: #D7E8F0;
border-style: solid;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
font-size: 13px;
line-height: 16px;
margin:10px 0 10px 10px;
overflow: visible;
padding: 28px 10px 10px;
width:80%; }
.post blockquote:hover {
background:#FFFFFF url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0
}
6. Terakhir simpan template sobat.

1 komentar so far

Terimakasih, saya banyak dpt pelajaran dari membaca postingan ini, salam kenal dari saya admin blog RPP, thanks


EmoticonEmoticon