Cara Membuat Kotak Script Keren di postingan blog

Untuk Temen-temen yang ingin membuat Kotak Di dalam postinganya bisa menggunakan cara ini. kotak ini Biasanya digunakan untuk menuliskan scrip HTML yang panjang. Sekedar memperindah dan memisahkan dari Tulisan yang lain.

screenshotnya

Ikuti langkah-langkah dibawah ini:

1. Login ke blogger.

2. pilih entri baru.

3. Selanjutnya Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script.

<div style="background-color: black; border: 2px #CC0000 solid; color: white; height: 60px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Ketik Scripnya Disini
</div>

4. Sekarang Klik Compose, maka akan ada kotak script.

5. Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.

6. Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu.


Selesai.


Keterangan

1. border: 2px = ketebalan kotak script, dan #CC0000 = warna kotak script.

2. Solid; Model kotak.

3. Padding: 10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.

4. background-color: black; = warna background dalam kotak.

5. dan text-align: left; = posisi tulisan didalam kotak di kiri.


Semoga Bermanfaat.....

Author : aliridho

Terimakasih, telah membaca artikel mengenai Cara Membuat Kotak Script Keren di postingan blog. Semoga artikel tersebut bermanfaat untuk Anda. Mohon untuk memberikan 1+ pada Google+, 1 Like pada Facebook. Jika ada pertanyaan atau kritik dan saran silahkan tulis pada kotak komentar yang sudah disediakan.

Share Artikel

Facebook

Google+

Lintasme