Cara Memasang Quote dan Select Text

Selain untuk menandai bagian penting dari postingan, quote juga bisa mempercantik dan membuat postingan anda lebih enak dibaca. Cara Membuat Quote atau kolom kutipan pada postingan blog adalah dengan memasukkan kode script berikut pada postingan (Edit HTML):

<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;">
Contoh Teks yang di’quote, ubah dengan teks atau gambar yang anda inginkan</div>

Dan Hasil dari script diatas adalah:

    Contoh Teks yang di’quote, ubah dengan teks atau gambar yang anda inginkan

Tambahan :

• -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, dengancara ganti code #eeeeee dengan code url (url gambar anda) , contoh background: url (url gambar anda) none repeat scroll 0% 0%;
• border: 5px solid #dddddd adalah border atau bingkai quote tersebut, 5px adalah ukuran tebal border, #dddddd adalah warna border quote

Memasang Select Text di Quote
Dan jika ingin memodifikasi quote di blogspot dengan menambah select text. seperti di bawah ini:

Contoh Teks yang di’quote dan ditambah dengan select text

Anda harus mengubah kodenya menjadi seperti ini


<form name="MyTextBoxForm">
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select All Text" />
<textarea name="MyTextBox" 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; width: 350px;  overflow: auto;">Contoh Teks yang di’quote dan ditambah dengan select text</textarea></form>

Tambahan:

• width: 350px; Adalah untuk mengatur lebar wilayah yang sudah di pasang kode Select Text

Perhatian : masukkan kode tersebut pada mode posting edit html, supaya anda tidak menemukan error ketika blogpsot emalkukan autosaving. Selamat mencoba.