Cara membuat kotak script di posting blog


Kotak script, biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi dan tidak memakan banyak tempat. Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Cara membuatnya, Ikuti langkah-langkah dibawah ini.


  • Login ke blogger. Dan pilih entri baru.
  • Selanjutnya buatlah tulisan seperti dibawah ini.
  • Selanjutnya Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
teks kamu</div>


Untuk lebih jelasnya, lihat gambar dibawah ini.



Sekarang Klik Compose, maka akan ada kotak script. Contoh gambar:



Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan teks kamu.
Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu. Selesai.

keterangan kode :

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Teks kamu</div>

border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
Double; = Bentuk kotak, bisa diganti dengan,
Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
background-color:ffffff; = warna dalam kotak.
Dan text-align:left; = posisi tulisan didalam kotak di kiri.


0 Response to "Cara membuat kotak script di posting blog"

Post a Comment