cara membuat kotak quote dipostingan blog

Assalamualaikum Wr.Wb

hy semua kali ini kau akan bahas gimana caranya kita membuat kotak quote dalam menulis blog kita

gimana cara pembuatannya

nah langsung aja ke tutorialnya

1. buka dasbor blog kalian

2. pilih new post atau buka postingan yang ingin kalian buat kotak quotenya

3. setelah terbuka silahkan pilih tab html ( sebelah compose )

4. copaskan script berikut ini ( ditab html ):

<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
Kode Script Anda Disini…… </div>

kembali ke tab compose

maka akan ada tampilan seperti ini :

Kode Script Anda Disini……

5. pada tab compose siliahkan pastekan script yang ingin dimasukkan

catatan : jangan patekan script yan ingin dimasukkan ke kotak quote di tab html karena hasilnya akan kacau, pastekan script yang ingin dimasukkan ke kotak di tab compose

6.untuk ukutan tabnya sendiri kita seting manual dengan cara buka tab htmlnya

cari script kotak quote

pada tulisan height:50 untuk tinggi, ganti angka 50 sesuai kebutuhan

pada tulisan width :300 untuk lebar, ganti angka 300 sesuai kebutuhan

pada tulisan background-color: #82cafa untuk warna background, ganti #82cafa ke kode warna yang lain untuk merubah warna,, contoh : #FFFFF untuk warna putih dan #808080 untuk abu-abu

7. selesai dan siap diposting di blog kalian

untuk lebih jelas silahkan lihat vidio dibawah ini :

sekian

terima kasih sudah berkunjung

share jika bermanfaat

Wassalam