Kamis, 13 Juni 2013

Membuat Blockquote

Dalam sebuah postingan jika ada kalimat atau hal penting yang Anda merasa akan lebih baik jika ditempatkan ditempat yang berbeda, misalkan dimasukan dalam sebuah kotak dengan warna berbeda nah itulah blockquote.
Di blogspot atau template-template tertentu sudah menyertakan kemudahan membuat blockquote bagus dengan mudah. Tapi kali ini saya akan berbagi tips tentang cara membuat blockquote di blogspot dengan cara memasukan kode-kode html tertentu ke dalam postingan. Oke langsung saja, jika Anda ingin membuat kotak seperti dibawah ini, silahkan copy kode html nya lalu paste di postingan Anda tapi ingat di menu HTML ya bukan Compose.

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #eeeeee none repeat scroll 0% 0%; border: 1px solid #dddddd; overflow: auto;"> <blockquote>Letakan postingan anda disini</blockquote></div>
Keterangan:
  • Background: #eeeeee none repeat scroll 0% 0% adalah latar belakang quote tersebut, anda bisa mengganti latar belakangnya dengan gambar, dengan cara ganti code #eeeeee dengan code url (url gambar anda).
  • Border: 1px solid #dddddd adalah border atau bingkai quote tersebut, 1px adalah ukuran tebal border, #dddddd adalah warna border quote.
  • Letakan postingan anda disini adalah tempatkan teks atau gambar yang akan dimasukan pada Quote.
Jadilah Quote di Postingan Blog, anda bisa merubahnya sesuai keinginan. Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar