Membuat Blockquote Pada Blog

Bersambung pada Request Posting , apa bila kemarin saya telah memposting tentang Cara Membuat Random Post Cantik Pada Blog. Kini salah seorang blogger ada yang menanyakan bagaimana cara membuat pullquote seperti yang terdapat pada blog saya? Apa itu Blockquote sendiri ? Blockquote merupakan suatu kutipan tulisan penting yang diberi tanda khusus dari tulisan yang lainnya. Pullquote sendiri banyak dijumpai pada tulisan dimajalah dan di koran. Ini berfungsi untuk membedakan antara isi berita dengan ringkasan. . .

Pada blogger sendiri sudah ditanamkan fitur Blockquote , tetapi setiap tampilannya berbeda tergantung kode CSS yang ada pada tempalte blog anda. Bagi yang ingin membuat tampilan layaknya punya saya dapat mengikuti langkah berikut :

1. Pertama Login ke akun blog anda
2. Masuk ke Edit HTML , beri centang pada Expand template widget
3. Cari Kode .post blockquote
4. Beri imbuhan kode sehingga kodenya menjadi berikut :

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

Artikel Terkait: