Saturday, 7 April 2012

Buat Frame Iklan di Blog

Frame merupakan hal yang sepele n mungkin sebagian sobat berangkap bahwa buat frame tidak begitu penting, tapi sebenernya tergantung orangnya juga siiiich. Untuk membuat frame seperti itu banyak cara yang bisa di tempuh, diantaranya bisa menggunakan kode HTML <div> atau bisa juga dengan menggunakan kode HTML <span>. Langkah yang harus di persiapkan adalah tentukan dahulu lebar, warna latar belakang, warna huruf, jenis huruf, besarnya huruf, serta hal lain yang sekiranya berhubungan. Agar lebih mudah untuk di mengerti, saya buatkan sebuah contoh frame sebagai berikut:
Contoh kode  frame  sebagai berikut :
 <div style="border: 3px dashed red; background: #005af5; padding:10px; width:330px; text-align:left; color:white;">
<a style="font-size: 17px;COLOR: yellow; text-decoration:none;" href="http://bagong-kewez.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" title="klik di sini"><b>Belajar membuat website </b></a> &raquo;<br/>
Membuat website itu sangatlah mudah, dapatkan panduannya di sini ! ditunjang berbagai software & full support. daftar segera !!<br/>
<a style="color:yellow; font-size:12px; text-decoration:none;" href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" title="klik di sini"><b>http://www.resepbisnis.com/?id=erifargaz</b></a>
</div> 


Jika saya membuat spesifikasi pada frame iklan di atas, maka akan seperti ini :
warna pembatas : merah
style dari pembatas : garis putus-putus dengan lebar 3 pixel
jarak hurup dengan batas terluar : 10 pixel
lebar frame: 330 pixel
posisi hurup : rata kiri
warna hurup : putih
warna latar belakang : biru
warna link : kuning
Bingun yaaaach sob heeee.  Agar lebih mudah cobalah sobat otak-atik sendiri kode di atas, saya sedikit malas untuk menerangkan secara terperinci dari kode tersebut.
Jika sobat menginginkan garis putus-putus perintahnya seperti ini :
border : 3px dashed red;
3px menandakan lebar dari garis, dashed berarti garis putus-putus, red adalah kode warna merah.
Ada juga style yang lain yaitu berupa garis berbentuk garis yang solid ada juga yang berupa titik-titik.
border : 3px dashed red; –> untuk garis solid
border : 3px dotted red; –> untuk garis berupa titik-titik
Mudah-mudahan bermanfaat

2 comments

Bijaklah dalam berkomentar
EmoticonEmoticon