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:

Seputar Blog

• Cara Penulisan / Kode Berbagai Style di CBOX
• Cara Membuat Banner Iklan di Blog
• Cara Membuat Banner Animasi Secara Online
• Cara Memasang Iklan di Bawah Judul Postingan Blogger / Blogspot
• Shoutmix Tidak Gratis Lagi Sekarang
• Cara Menghapus Komentar di C-BOX
• Cara Upload JavaScript Menggunakan Google Code
• Merubah Tampilan Cursor Saat Diarahkan Ke Link
• Cara Menghapus Comment Di ShoutMix
• Cara Cepat Terindeks Google dengan Ping Service
• Memasang Sistem Komentar DISQUS pada Blogspot
• JS-kit Comment: Modifikasi Sistem Komentar di Blogger
• Merubah Kotak Komentar Dengan Intensedebate
• Cara Mengganti Tulisan Posting Lama,Beranda,Posting Baru
• Membuat Google Translate Tabbed untuk MengHemat Tempat
• Cara Menyembunyikan Rolling Widget Buku Tamu
• Membuat Rolling Widget Buku Tamu (Widget Bergeser)
• Membuat Kotak Komentar Tampil Beda
• Membuat Tampilan Komentar Berbeda Untuk Pemilik Blog
• Merubah Tampilan Labels Blog
• Merubah Tampilan Skin Label Di Blogger
• Memasang Musik di Blogger
• Memasang Music Pada Background Blog
• Memasang System Tuker Link Otomatis Pada Blog
• Membuat Banner Untuk Header

Tips dan Trick

• 7 Cara Berdebat Tanpa Bertengkar
• Ciri - Ciri Wanita Yang Bernafsu Besar
• 14 Ciri-ciri Wanita ber Vagina Sempit
• 7 Ciri-ciri Orang Yang Terkena HIV
• Perangi Bau Mulut dengan Makanan Ini
• Cara Menghapus Notifikasi Genuine Advantage
• Tips Jadikan Pekerjaan Rumah Lebih Menyenangkan
• Cara Membuat Paspor
• Cara Membuat Sepeda Hantu
• Tips Terhindar dari Hubungan yang Tidak sehat
• Cara Memperbaiki Reputasi di Dunia Maya
• Cara Merubah DNS Internet Agar Dapat Membuka Situs Yang Diblokir
• Tips Mendeteksi Junk Food di Sekitar Kita
• Cara Menghindari dan Mengobati Serangan Ulat Bulu
• Cara Upload JavaScript Menggunakan Google Code
• 10 Trik Jadi Teman Bicara yang Menyenangkan
• Cara Mengetahui Posisi Seseorang Dengan IP Addressnya Dengan Geogle Earth
• Cara Membuat Forum (Gratis)
• Cara Memperkuat Sinyal Jaringan Wifi
• 9 Tips Hemat Untuk Tampil Cantik
• Cara Mendeteksi Waras Tidaknya Seseorang
• 9 Tips Minta Maaf Setelah Ketahuan Selingkuh
• Merubah Tampilan Google Dengan Nama Anda
• Cara Memvalidasi Blog di W3 Markup Validation Service
• Tips dan Trik Agar Pria Berkata Jujur