Cara Membuat Quote Di Posting Blog

Friday, February 8, 2013 | comments (8)

Cara Membuat Quote Di Posting Blog | Membuat Quote di blog ini berfungsi untuk menaruh catatan dengan memisahkan catatan yang lain agar lebih terlihat menonjol dengan yang lainnya. Banyak contoh-contoh membuat Quote di blog tetapi ini menurut saya Quote yang paling simpel dan enak di lihat. Sebenernya di Blogger pun sudah di berikan Quote tetapi saya ingin memberikannya yang berbeda.
Silahkan copy paste code berikut kedalam HTML postingan, yang ada di bawah ini.

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


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

Keterangan:
  • -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.
Jadilah Quote di Postingan Blog, anda bisa merubahnya sesuai keinginan.
Semoga Cara Membuat Quote Di Posting Blog bisa bermanfaat. Bila ada masalah mengenai Cara Membuat Quote Di Posting Blog silahkan komentar di bawah.
Share this article :

+ comments + 8 comments

Anonymous
May 23, 2013 at 6:25 AM

Thanks atas script quote-nya. Mau ane pake untuk di "toko buku online" ane pada postingan produk-produk buku yang ane jual disana.

Thanks again bro. Sukses buat ente.

Anonymous
October 9, 2013 at 1:06 AM

Syiipp..makasih Gan utk infonya..
Berkunjung balik ya di blog ane..

November 16, 2013 at 12:59 AM

makasih gan infonya...

November 24, 2013 at 5:21 AM

terima kasih infonya ;)

June 8, 2014 at 12:21 PM

gan, kalo mau ganti warnanya cara gantinya gimana ya?? yang #dddddd gan

November 11, 2015 at 4:27 AM

Mantap gan terimakasih telah membuat cara ini sangat bermanfaat

December 4, 2015 at 5:41 PM

Terimakasih tipsnya, saya banyak dpt pelajaran dari membaca tata cara membuat quote di Blog salam kenal dari saya theresia admin blog RPP

December 8, 2015 at 7:03 PM

thanks sangat berguna sekali untuk posting, link dimari gan: bronanda.blogspot.com

Post a Comment

 
Support : Creating Website | Johny Template | Berbisnis Online | Mas Template | gonxbross
Copyright © 2013. Amatir BlogID - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger