Cara membuat quote scroll dan non scroll dengan mudah

samfxpowermanager.blogspot.com

 

Cara membuat quote scroll dan non scroll dengan mudah

Halo gan! kali ini saya akan memberi contoh cara membuat quote tapi tak ada tanda " besar melainkan berbentuk kotak :)

langsung saja menuju langkahnya :)

Bahan bahan yang di perlukan :

1. Harus lagi membuat posting blog anda

2. Untuk orang tua siapkan kopi :) - untuk anak kecil siapkan makanan ringan :D

3. Winamp agar tidak bosan :) musiknya "Yngwie J. Malmsteen's F - Deja Vu" pernah dengar lagunya gak gan?

Ok let's go men/boy :)

1. Buat posting atau edit postnya saja :)

2. Copy code dibawah ini untuk posting baru ( ingat pakai mode HTML bukan Compose ) :

<div style="border: 1px solid green; height: 50px; overflow: auto; padding: 5px; text-align: left; width:612;">
Masukkan text anda disini</div>

Jika posting yangg mau di edit :

Copy code dibawah ini dan paste di atas text yang dahulu anda ketik
<div style="border: 1px solid green; height: 50px; overflow: auto; padding: 5px; text-align: left; width:612;">
Copy text </div> di tempat text terakhir

3. Jadilah jika tidak percaya ada diatas contohnya, tapi bukan gambar melainkan kotak berwarna hijau :)

Contoh yang diatas tidak ada scrollnya, jika ingin memberi scroll silahkan pada code ( height: 50px )
Ganti 50nya menjadi 30 atau nilai apa saja, tergantung jika text yang didalamnya panjang maka akan mengeluarkan scoll sendiri :)

Code : Pada kata "border: 1px" adalah ketebalan garis, "solid green" adalah warna garis/border, "height: 50px" tingginya quote (Vertically) dan "width:612" adalah panjangnya quote (Horizontally)

Terima kasih telah datang
Salam dari CSNE Dev