Cara Membuat Quote Scroll Di Blog

Quote dalam bahasa Indonesia berarti Kutipan, dan yang akan Saya bahas saat ini adalah quote yang mempunyai scroll, mirip seperti Text Area (kotak dibawah yang pertama), dalam contoh pada tulisan ini, script untuk membuat quote scroll sangat simpel, ok langsung ajah...

Cara Membuat Quote Scroll di Blog, yang pertama dilakukan adalah saat di editor blog pindah dari modus compose ke modus HTML, kemudian Masukkan kode kode berikut ini:

<div style="border: 2px solid green; height: 50px; overflow: auto; padding: 5px; text-align: left; width:98%;"> <blockquote> Text Yang Akan Di Kutip Diletakkan Dibagian Ini, Coba Masukan Kalimat Yang Panjang Dibagian Ini, 1 Paragraf Atau Mungkin 2 Paragraf, Terserah Anda... </blockquote> </div>

Hasilnya sebagai berikut:

    Text Yang Akan Di Kutip Diletakkan Dibagian Ini, Coba Masukan Kalimat Yang Panjang Dibagian Ini, 1 Paragraf Atau Mungkin 2 Paragraf, Terserah Anda...



Berikut ini sedikit penjelasannya:

- "border: 2px solid green"
border adalah garis batas kotak, px adalah satuan besaran dalam pixel, berkreasilah dengan merubahnya menjadi 0px atau 1px atau 5px dan seterusnya untuk merubah ketebalan garis batas kotak quote. Pada contoh diatas warna garis quote berwarna hijau, jika ingin menggantinya dengan warna yang lain maka ubah tulisan green menjadi warna yang Anda inginkan misalnya Red, Blue, Yellow atau warna lain dalam bahasa inggris.

- "height: 50px"
adalah tinggi kotak quote dalam pixel. ubah bagian 50px misalnya menjadi 40px atau berapapun sesuai kebutuhan Anda.

-  "text-align: left"
adalah format tulisan yang akan ditampilkan, dalam hal ini left adalah Rata Kiri. Format tulisan: left, center, right.

- "width: 98%"
adalah lebar kotak quote dalam persen(%), ubah sesuai kebutuhan.

Baca tulisan lain yang berhubungan dengan tulisan ini yaitu Cara Membuat Quote Di Blog

semoga bermanfaat :D


sumber : http://pembega.blogspot.com/

WARNING, Apabila Anda Ingin Menyebarkan Atau Mengambil Sebagian Atau Seluruh Artikel Dari Blog Ini Harap Menyertakan Sumbernya :D . Hatur nuhun sedulur kabeh...