JeritanBlog telah ditukar nama BelajarBlogs...
Home » » Membuat Kotak Script Simple version 2

Membuat Kotak Script Simple version 2


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.Version dua nie lain sikit ada melenkung bukan petak macam version pertama.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 :



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


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


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:  #CCFF00; border-radius: 10px; border: 2px dashed #0033CC; padding: 10px; t-align: left;">Letakkan Script disini...</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 5px dotted #12127D; padding: 10px; t-align: left;">Letakkan Script disini...</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #CCFF00; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Letakkan Script disini...</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fefefe; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Letakkan Script disini...</div>




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

0 comments:

Blogger Tricks And TipsComment here