Select Menu

Tutorial

Bahasa

Sastra

Makalah

Tutorial Blog

Tutorial SEO

-

-

Premium Template

-

» » Cara Membuat Quote yang Menarik


Auriga Maulana Khasan Tuesday, February 28, 2012 24



Quote biasanya digunakan untuk menuliskan beberapa kata yang penting untuk diperhatikan. Quote di blog berguna untuk melokalisasi teks, gambar atau media lain yang ditonjolkan, selain itu quote juga akan membuat blog lebih indah dipandang. Kita bisa membuat quote di blogspot dengan mudah hanya dengan menekan icon quote yang berbentuk apostrop (tanda petik dua). Sayangnya, quote yang disediakan blogger tampilannya kurang menarik.

Terus, bagaimana cara membuat quote yang menarik?


Langsung saja, cara membuat qote yang menarik sebagai berikut. Perhatikan scrib di bawah ini.


<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topright: 30px; background: #eeeeee none repeat scroll 0% 0%; border: 5px solid #dddddd; overflow: auto;">Taruh disini teks, gambar atau media lain yang akan diquote</div>

Ketika membuat postingan taruh kode tersebut dibagian Edit HTML dan ganti "Taruh disini teks, gambar atau media lain yang akan di-quote" dengan quotan Anda.

Keterangan:
-moz-border-radius-bottomleft: 30px; -moz-border-radius-topright: 30px  adalah untuk membuat lengkungan border.


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 tempat anda meletakkan teks atau gambar yang akan dimasukan pada Quote.


Semoga berhasil.

«
Next
Newer Post
»
Previous
Older Post

24 comments Cara Membuat Quote yang Menarik

  1. Replies
    1. Silakah dipraktikkan gan.. Terima kasih sudah berkomentar.

      Delete
  2. thanks gan sangat membantu

    ReplyDelete
  3. @Blog Dofollow: Sama-sama gan...

    @Unic29: Sama-sama juga. saling membantu dan berbagi

    ReplyDelete
  4. @Raden Chopin: Silakan Raden Chopin.. iya,sama-sama

    ReplyDelete
  5. Keren gan, saya sudah mencobanya..
    Perlu diketahui semua orang nih sepertinya

    ReplyDelete
  6. Iya,langsung dicoba nih,makasih

    ReplyDelete
  7. Wah, tips-nya oke gan...
    Cuman, ane justru sekedar pake table aja buat bqin Quote-nya...
    Hehehe...biar lebih mudah gitu deh.. :D

    ReplyDelete
    Replies
    1. Silakan sesuka hati aja gan.. Kalau kotak dan ada bordernya kan otomatis yang lihat juga suka.

      Delete
  8. mas saya sudah coba pas di blog lain bisa keluar scrolnya tapi pas kucoba di blogku sendiri knp ga bisa keluar scrolnya ya? knp itu mas?

    ReplyDelete

Tolong tinggalkanlah komentar walaupun hanya sepatah kata. Berkomentarlah dengan sopan dan sesuai dengan artikel yang dibahas.