Diberdayakan oleh Blogger.

Jumat, 04 November 2011

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

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 saya BlockQuote itu sering saya gunakan untuk memblok code html atau script. contoh BlockQuote :

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.

Ditulis Oleh : |zMc|v-Lutvhie||TKJ|| // 01.33.00
Kategori:

0 komentar:

Posting Komentar

Blog Archive