Home » » Cara membuat blok quote (blockquote) menjadi lebih indah dan menarik

Cara membuat blok quote (blockquote) menjadi lebih indah dan menarik

Written By adjhi owen sullivan on Rabu, 12 September 2012 | 21.03

Hai rekan blogger, tips dan triks blog kita hari ini adalah bagaimana cara membuat Cara membuat blok quote menjadi lebih indah dan menarik.
Apa itu "BlockQuote"?
pengertian pastinya saya tidak tahu yang jelas BlockQuote ini berisi kutipan dari suatu sumber yang di blok pada satu kotak. Blockquote bisa digunakan jika suatu kalimat atau paragraf dianggap penting atau bisa juga merupakan penekanan, tapi untuk sayaBlockQuote itu sering saya gunakan untuk memblok code html atau script. contohBlockQuote :
Tips dan triks blog - BlockQuote adalah penekanan pada suatu kalimat.
cara membuat BlockQuote menjadi lebih indah dan menarik adalah sebai berikut:
1. masuk ke dashboard blog anda > rancangan > edit html > ceklist expandwidget
2. cari kode:
.post blockquote
3. Jika tidak ada cari yang mirip, selanjutnya ganti dengan kode 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
}
4. simpan template coba blockquotenya. Selamat jika berhasil.
5. Jika tidak menemukan kode-kode diatas maka buat saja blockquotenya dengan cara:
  • cari kode: ]]></b:skin> 
  • paste kode berikut diatas ]]></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
}

SAVE templatenya.
Pada template blogger standar sebenarnya sudah ada fasilitas membuat blockquote ini tapi kurang menarik jika membuat blockquote di postingan blog kita. fasilitas ini bisa ditemukan di menu atas tempat membuat postingan blog.
Share this article :

0 komentar:

Poskan Komentar

Subscribe me

Subscribe via RSS Feed If you enjoyed this article just click here, or subscribe to receive more great content just like it.
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Blogue | Memberi Anda Pengetahuan Lebih - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger