Langsung ke konten utama

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 :)


Label

Label:

Komentar

  1. Huda28 Desember 2014 pukul 13.04

    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. Sewa Jas Bandung22 November 2019 pukul 17.04

    Lagi cari-cari artikel soal membuat kotak di dalam postingan,eh nemu blog ini. Makasih agan untuk sharingnya

    BalasHapus

Posting Komentar

Silahkan tinggalkan komentar, mari berdiskusi

-Muhammad Afif

Postingan populer dari blog ini

Review: Gatsby Styling Pomade Supreme Hold, Gaya Pompadour!

Kayaknya udah gak perlu lagi ya gue jelasin panjang lebar tentang barang yang satu ini. Sebuah benda yang telah menjadi barang penting bagi kaum adam modern. Abis mandi keringin rambut pake handuk, tinggal pake deh barang yang satu ini. Pomed sih gue nyebutnya. Ah percuma juga kalo gue jelasin lebih dalam lagi. Yuk langsung ajadeh gue review. Kali ini gue akan menuliskan review Pomade dari Gatsby, yang sebelumnya gue juga pernah menulis review tentang pomade keluaran Gatsby. Ya ini adalah kedua kalinya gue akan mereview pomade. Pomade emang barang penting bagi cowok-cowok sosialita (gak cewek aja yang sosialita) pada jaman sekarang. Rasanya kalo siap mandi gak pake ini ada yang kurang gitu. Nah alasan mengapa cowok-cowok banyak make pomade adalah karena ingin rapi a.k.a klimis. Kalo rambut udah di pakein sama pomade, berantakan sedikit, tinggal keluarin sisir dari saku celana, sisir deh, dijamin klimis lagi! Baca juga  Review Gatsby Styling Pomade, Supreme Grease ...
22 komentar
READ MORE

Review Produk: Gatsby Styling Pomade

Hello gans, assalamu'alaikum ^-^ Gimana kabarnya? Sehat? Alhamdulillah deh kalo gitu. Kali ini gue bakalan nulis hal yang gak biasa banget gue tulis di blog. Postingan ini anti mainsentrum (baca mainstrim) banget deh. Soalnya kenapa? Gue bakalan nge-review alat gaya rambut (alaah bahasa gue), yang lagi nge-trend saat ini. Yak, Gatsby Styling Pomade! Oh ya sebelum gue lanjut nge-review, ini adalah pertama kali gue nge-review suatu produk, jadi kalo ada yang kurang dari penilaian gue, mohon maaf aja yak, wajarlah masih nubie dalam dunia per-pomadean. HAHAHA! *** Yuk daripada ketawa jadi gila, mari kita review merk pomade yang made in Indonesia ini : Pertama, produk ini di produksi oleh PT. Mandom Indonesia, well produk ini asli Indonesia. Inilah salah satu cara gue mencintai negara sendiri dengan membeli produk buatan dalam negeri. *Ceilahh*. Awal pertama kali gue tau pomade ini, ada temen gue yang make pomade ini, lalu dia merekomendasiin gue buat make, lal...
37 komentar
READ MORE

Youtubers Indonesia Favorite Gue

Whats up? Pada kali ini... Sebelum gue melanjutkan, gue denger-denger lagi ada teror di ibukota Prancis, Paris ya. Katanya ada teror bom gitu di sekitar kota Paris. Semoga gak ada apa-apa dan WNI yang ada di sana gak kenapa-kenapa dalam keadaan sehat wal'afiat. Amin... #PrayForParis *** Youtube. Ya, Salah satu platform yang digunakan banyak orang untuk mengunggah video-video yang dibuatnya. Siapa pun, umur berapa pun, dan gak kenal status, dapat menguggah video terbaiknya ke Youtube. Asal punya akses internet *yaiyalah*. Lambat laun, perkembangan Youtube sangat cepat sekali. Mulai dari video pertama yang ada di youtube yang berjudul "Mee at the zoo" yang diunggah oleh nama pengguna "jawed" yang sekaligus salah satu pendiri Youtube, Jawed Karim , dan hingga saat ini, mungkin bisa ditaksir ada jutaan lebih video yang ada di Youtube. Wow. Bicara tentang video yang ada di youtube, tentu dibaliknya ada seorang pengunggah video tersebut. Ada berbagai macam...
128 komentar
READ MORE