Berikut Contoh Quote:
untuk membuat Tanda kutip atau quote Cukup mudah, silahkan gunakan kode <blockquote> dan akhiri dengan </blockquote>
Misalnya:
<blockquote>Contoh Quote: Kegagalan adalah sebuah langkah awal menuju suatu keberhasilan, dan jadikanlah kegagalan anda menjadi pelajaran bagi anda untuk tidak mengulanginya dikemudian hari.</blockquote>
Untuk menampilkan Quote pada saat pengaturan /posting, silahkan gunakan tombol tanda kutip di menu atas biasanya di samping Bullet List.
hasilnya seperti gambar di bawah:

Modifikasi Quote
Untuk memodifikasinya, cukup mudah yaitu dengan sedikit otak-atik kode CSS di blog atau situs kita. Caranya seperti ini:- Login ke blogger dan Klik Layout
- Pilih Edit HTML dan gak perlu klik Expand Widget Template.
- Cari kode blockquote { dan kalau sudah ada silahkan hapus dan ganti dengan kode dibawah: jika belum sada silahkan pasang kode di bawah.
blockquote {
margin: 10px 0px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #00ff00r;
background: #fcffd4;
border: 2px solid #C2CD43;
}
margin: 10px 0px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #00ff00r;
background: #fcffd4;
border: 2px solid #C2CD43;
}
Itu akan memberikan kotak pada Quote dan hasilnya seperti ini:
nah itu contohnya Itu standar, mungkin teman teman ingin dengan hal baru misalnya Gambar pada bcakgrounnya cukup memodifikasinya pada bagian background: #fcffd4;
Jarak padding contohnya yang ditunjukan oleh warna merah sedangkan margin jarak text dengan batas /border. garis biru. Color untuk warna tex Quote, line-height untuk besarnya garis tepi atau border, silahkan atur besarnya. Border untuk menampilkan garis tepinya. bisa diatur berupa garis titik-titik atau minus.
Contoh ke dua menggunakan background gambar:
blockquote { margin: 10px 10px 10px 10px; padding: 5px 10px 5px 50px; color: #86AA3F; background: url(http://i261.photobucket.com/albums/ii65/adephotobucket/tanda_kutip.png)top left no-repeat; }
Berikut ini haslinya:
Silahkan Padukan dengan Kreasi anda, dan ganti dengan background yang anda inginkan. cukup mengganti kode di atas. Description: Kode Tanda Kutip eh Quote Rating: 4.5 Reviewer: Unknown - ItemReviewed: Kode Tanda Kutip eh Quote Hot News!!! "Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda"
0 komentar :
Posting Komentar
Mau tukeran link? silakan buka Link sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...
Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.
Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.