Buat Border Pada Postingan

Label:
Sebelumnya saya telah memposting bagaimana menampilkan kode scrypt pada halaman postingan. Nah selanjutnya bagaimana bila tampilan kode scrypt itu ingin masuk dalam kotak borderan. Setelah blogwalking ke blog tetangga akhirnya kutemukan juga trik nya dan kutuliskan kembali pada halaman ini.
Begini nich caranya:


1. Seperti biasa, login ke blogger sobat, kemudian pilih menu Layout/Tata letak

2. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget

3. Kemudian cari kode ]]></b:skin> , copy kode di bawah ini kemudian paste tepat di atasnya.
* Untuk memudahkan pencarian, gunakan CTRL + F



.codeview {margin : 15px 15px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #FBFBEF url() no-repeat right bottom;
border-top : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
}
.codeview li {
font-size : 12 px;
line-height : 23px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #000;
font-weight : normal;
margin : 0;
padding : 0;
}

* Perhatikan kode berwarna merah #FBFBEF adalah kode untuk warna background. Sobat bisa menggantinya dan menyesuaikan warnanya dengan template sobat.

4. Setelah itu klik SIMPAN TEMPLATE

Selanjutnya tambahkan kode <div class="codeview"> di awal Script, dan akhiri dengan kode </div>. Hasilnya seperti contoh border diatas.


0 komentar:

Posting Komentar

 
BLOG HADI © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates