Sabtu, 27 Desember 2014

Cara Membuat Kotak Quote Pada Postingan Blog


Kembali lagi dengan postingan Afif Blog 20 :D. Kali ini saya akan membahas tentang tips Blogger, yaitu kotak quote!.


Quote pada setiap postingan blog berguna untuk menyisipkan beberapa catatan penting tentang suatu artikel pada blog tersebut. Dengan quote ini menyerupai kotak, hal ini akan membuat para pembaca tahu pesan penting yang ada didalamnya.

Langsung saja, copy kode HTML berikut ini pada postingan blog sobat

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background: #eeeeee none repeat scroll 0% 0%border: 1px solid #dddddd; overflow: auto;">
<blockquote>Letakan postingan anda disini</blockquote></div>
Ket :


  • -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;  adalah untuk membuat lengkungan border. Anda bisa merubah ukuran dari 10px tersebut sesuai keinginan,
  • 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.

Maka seperti inilah hasilnya :



Semoga bermanfaat :)


Share:

3 komentar:

  1. untuk css3 atau kode css yang dipakai di dunia coding sekarang sudah tidak memakai -moz- -o- -webkit- dan -khtml- jadi, hanya perlu kode
    border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;

    BalasHapus
  2. Terimakasih, saya banyak dpt pelajaran dari membaca postingan ini, salam kenal dari saya admin blog RPP, thanks

    BalasHapus

Komentar disini mah gak banyak aturannya, setelah baca kasih komentar ya. Supaya gue lebih semangat lagi buat nulis! Hehe

-Muhammad Afif