Jumat, 13 Januari 2012

Cara Mudah Menambahkan Blockquote di Blog


Dalam Tampilan Blog Blockquote adalah bisa disebut sebagai bumbu yang membuat tampilan Blog kita lebih enak dipandang dan membuat Kode Blog lebih rapi, Memang dalam Template bawaan asli Blogger tidak bagus ataupun malah tidak ada sama sekali Blockquote, Jadi tampilan Blog kita agak gimana gitu, Oke jangan panjang lebar langsung saja untuk share Cara Mudah Menambahkan Blockquote di Blog.
Blockquote

Langkah-langkahnya sebagai berikut :
1. Login Ke Blog Anda
2. Klik Rancangan
3. Untuk menghindari hal yang tidak diinginkan alangkah baiknya klik Download Lengkap Template dulu
4. Klik Edit HTML, Jangan lupa Mencentang Expand Template Widget
5. Cari Kode ]]><b:skin>
6. Kalau sudah ketemu Copy Kode dibawah ini dan Letakkan tepat diatas Kode ]]><b:skin>
blockquote {
background:#f5f8fa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVRcqiF5VTEhz7q9XNNwqKfOU82VpPhVASqML24gSwlPn7EVyhCvzrfDq_7Qn1ea0eoPBTZrJMw1t8mnWBNAXmFszrp506whEtSH6MwsQ7q6ATwfSirJSHvWW3vxDwwO5mpHeTEk83v7mQ/s1600/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%; }

blockquote:hover {
background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVRcqiF5VTEhz7q9XNNwqKfOU82VpPhVASqML24gSwlPn7EVyhCvzrfDq_7Qn1ea0eoPBTZrJMw1t8mnWBNAXmFszrp506whEtSH6MwsQ7q6ATwfSirJSHvWW3vxDwwO5mpHeTEk83v7mQ/s1600/blockquoteku2.png) no-repeat scroll 0 0
}
7. Klik Simpan Template dan Hasilnya seperti Blog ini

2 comments:

Makasih kang, sangat bermanfaat, akhirnya bisa buat blockquote di blog gue

ya sma" q ta msih blajar kang flow blog q ya tar flow kmbali

Posting Komentar

Comment