Cara Membuat Block quote

Ada seorang teman menanyakan tentang Cara Membuat Block quote seperti yang ada di blog ini. Sebelumnya kita harus tahu dulu Block quote itu apa ? Blockquote adalah kutipan tulisan, blok kutipan yang kita anggap penting atau memiliki arti khusus.

Ini contoh Block quote

Sebenarnya pada template default blogger juga sudah ada block quote tetapi tidak ada background dan kotaknya.
Langsung saja Cara Membuat Block quote
Masuk blogger > rancangan > edit html > centang expand template widget
Cari kode .post blockquote (jika ada, jika tidak cari kode lain, baca di bawah)
ganti dengan script di bawah ini

.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
}

Jika tidak ada kode .post blockquote
cari kode ]]></b:skin>,  Letakkan script tadi yang di atas, TEPAT DI ATAS kode ]]></b:skin>
terakhir Simpan Template.

Best regards,
Tutorial Linux Ubuntu | Blog | Seo

Untuk Download Artikel Klik Gambar

		Follow @antigaptek

Baca Artikel Terkait :