Cara membuat Border pada Blog /Blogger

23 May 2012

Variasi pada Blog/Blogger bisa di isi dengan berbagai variasi tambahan di sidebar Blog,ketika saya sedang Blogwalking melihat blog/Blogger teman-teman variasinya berbeda-beda, contohnya Populer post,Relatif post,Link partner,Iklan,Logo,tulisan berjalan,dan lain-lain masih banyak sekali,dimana semua ini menggunakan gadget tambahan yang sudah disediakan oleh Blogger yaitu HTML javas/cript. Sebelum diisi dengan code script supaya hasilnya bisa kita atur posisinya misalnya
center,left,right,width,hight,color baground, sebaiknya kita tambah code Border contoh screenshot:

Border adalah garis yang berbentuk kotak ,yang ketebalan garisnya,warnanya,lebar dan tinggi,baground bisa kita atur dengan merubah nilai pixelnya,warnanya.
contoh border:

Kalau kita isi dengan text misalnya kita tulis 'WELL COME' nanti posisinya akan di tengah/center,dan bisa dirubah-rubah sesuai selera anda contoh:

Tepat pada text 'WELL COME' bisa diisi dengan code script gambar atau yang lain untuk mengatur atas,bawah dan tengah cukup dengan <br>untuk mempraktekan membuat Border silahkan ikuti langkah-langkah berikut ini:
1. Login dulu ke Blog anda
2. Buka element tata letak
3. Tambah gadget pilih HTML java/script
4. Letakkan code berikut ini:

<div style="border:solid 4px #FFFF66; overflow: auto; width: 150px; height: 150px; border color:#ff8040; text-align: left; background: #99CCFF"><div class="main" style="color: #FF0000;" align="center"> <align="center" direction="" scrollamount="2" height="150" width="160"><br /><br /><br />WELL COME</align="center"> <div/> <div/>

Yang berwarna merah silahkan diedit sendiri sesuai selera anda,kemudian simpan ,cek dulu dengan pratinjau,setelah mantab silahkan simpan tata letak dan buka blog anda, selesai sudah silahkan mencoba semoga berhasil.

Posting By M.E.Service via Blogger.com