Ticker

6/recent/ticker-posts

Cara Mudah Membuat Kotak Script Simple Pada Post Blog


Kotak script merupakan salah satu perkara penting dalam meletakkan script. Untuk  memaparkan script yang cantik dan rapi pada posting,kita perlulah letak kotak script ini.Apa yang anda perlu ialah cuba copy kode dibawah ini dan masukkan kode yang anda ingin lampirkan.


1. Pilih salah satu skript box dibawah ini.
2. Copy kode yang ada di dalam skrip box.
3. Pastekan kod pada menu Tab HTML Artikel Entri blog anda.
4. Klik  "Preview" supaya anda boleh melihat hasilnya dan klik "Publish" klau dan ok.



Beberapa pilihan jenis kotak script :


Border Solid
<div style="background-color: #f3f3f3; border-left: 5px solid #2288dd; padding: 10px; t-align: left;">Letakkan Script disini...</div>

Border Solid
<div style="background-color: #f3f3f3; border: 4px solid #999; padding: 10px; t-align: left;">Letakkan Script disini...</div>

Border Double
<div style="background-color: #6fa8dc; border: 4px double #fff; padding: 10px; t-align: left;">Letakkan Script disini...</div>

Border Dashed
<div style="background-color: #ffe599; border: 2px dashed #aaa; padding: 10px; t-align: left;">Letakkan Script disini...</div>

Border Outset
<div style="background-color: #a2c4c9; border: 4px outset #fff; padding: 10px; t-align: left;">Letakkan Script disini...</div>


*Penting
Edit :
  • Ketebalan border > border: 4px

Catat Ulasan

0 Ulasan