SELAMAT DATANG !!! DI

Friday, May 4, 2012

Membuat Kotak Iklan di Blog

Setelah sekian lama tidak ngeblog dikarenakan ada keperluan.pada kesempatan kali ini saya akan memberikan tutorial membuat kotak iklan di blog.mungking gak perlu panjang lebar langsung aja,,.monggo di coba.
Pertama log in ke akun blogger anda.

Lalu klik Rancangan / Design kemudian klik Edit HTML

Berikutnya cari ]]></b:skin>, setelah ketemu Copy kode dibawah diatas kode ]]></b:skin>


/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }

#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }

#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }


Kemudian Save Template

Setelah itu klik Elemen Laman / Page Elemen

Lalu add a gadget Pilih HTML/JavaScript

Copy semua kode di bawah ini dan letakkan di HTML/JavaScript


<a href="http://www.cobacoba-tutorial.blogspot.com" target="new"><img border="0" alt="ads" src="https://sites.google.com/site/epuljapanese/epul-1/PostAds.jpg" /></a>

<a href=" http://www.cobacoba-tutorial.blogspot.com " target="new"><img border="0" alt="ads" src="https://sites.google.com/site/epuljapanese/epul-1/PostAds.jpg" /></a>

<a href=" http://www.cobacoba-tutorial.blogspot.com " target="new"><img border="0" alt="ads" src="https://sites.google.com/site/epuljapanese/epul-1/PostAds.jpg" /></a>

<a href=" http://www.cobacoba-tutorial.blogspot.com " target="new"><img border="0" alt="ads" src="https://sites.google.com/site/epuljapanese/epul-1/PostAds.jpg" /></a>


Catatan: Ganti yang berwarna merah dengan alamat blog atau Link anda yang ingin di tuju bila gambar tersebut nantinya akan di klik.


Ganti yang berwarna biru dengan alamat dimana kamu menghosting/menyimpan banner tersebut. Atau gunakan alamat yang sudah tersedia juga tidak apa.