Minggu, 06 November 2011

Cara Membuat Kotak Sesuai Dengan Banyaknya Script

Kemarin saya udah share mengenai cara membuat teks area. Nah, kali ini saya akan membagikan postingan baru mengenai cara membuat kotak untuk script.
Sebenarnya sama se dengan kotek teks area, namun menurut saya kotak tersebut masih mempunyai beberapa kelemaha, antara lain waktu dilihat pertama bentuknya terlalu kecil, terus lokasinya yang ditengah.

Maka dari itu saya akan membagikan cara untuk membuat kotak untuk script yang sesuai dengan banyaknya script atau sesuai dengan panjang dan lebar script tersebut.

Contoh dan cara membuatnya scriptnya seperti ada di bawah ini:

1. Login ke blog terlebih dahulu
2. Masuk ke Rancangan - Edit HTML
Ingat !! Jangan mencentang tanda Expand Template Widget
3. cari kode ]]></b:skin> kemudian copy kode dibawah ini tepat di atas ]]></b:skin>


/* Alert by Christopher Cristian
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #92e4ee;
border: 1px solid #04dcf6;
border-left: 15px solid #04dcf6}


4. Simpan template
5. Untuk memunculkan kotak tersebut, setiap kita memposting harus ada kode berikut


<p class="alert">
Isi / Script yang ingin dimasukkan
</p>

0 komentar:

Posting Komentar