Monday, July 9, 2012

Cara Membuat Kotak Banner Ads di Blog

Advertise Box
Cara Membuat Kotak Banner Ads di Blog adalah sebuah atau salah satu artikel tutorial blog yang sekiranya menurut saya perlu diketahui untuk financial dari blog anda memang perlu pemasangan iklan banner pada blog apalagi pemasangan yang rapid an kelihatan professional siapa yang tidak mau mari pada malam hari ini saya akan beri tahu caranya bagimana dan seperti apa banner ads yang diberi kotak.

Memasang suatu layanan pada blog anda perlu tenteunya dalam layanan iklan bagi blogger yang ditungtut agar menghasilkan uang ( Blog For Money ) saat anda akan memasang banner pengunjung mungkin anda akan kesulitan untuk merapihkan dan membuat banner tersebut rapih tersusun nah disinilah perlunya salah satu ilmu memasang kotak banner ads dan tentunya banner tersebut sudah disiapkan tempatnya dan pengunjungpun akan enak melihat iklanya dalam hal ini pemasangan banner yang rapid an bagus tanpa menghalangi konten utama adalah hokum nya wajib apalagi bagi blog yang yang ramai pengunjung bias di patok harga 50rb per bulan untuk space iklan 125 X 125 pada kali ini saya akan membuatkan kotak banner 2 X 2 yaitu kotak banner 4 yaitu 2 diatas dan 2 dibawah dan masih bisa ditambah mari langsung saja dari pada tambah lama mari kita lihat Cara Membuat Kotak Banner Ads di Blog.

Tutorial


( Step 1 Pengaturan Ads )

  • Prtama tama anda harus masuk account blogger
  • Kemudian masuk bagian Editing HTML yaitu rancangan > edit HTML ( blogger lama )
  • Untuk yang baru masuk bagian Tempalte > Edit HTML
  • Kemudian cari kode ]]></b:skin>
  • Masukan kode di bawah ini tepat di atas kode ]]></b:skin>


#banner-ads  {
margin: 0px;
padding: 5px;
text-align: center;
}
#banner-ads  img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#banner-ads  img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}


  • Kemudian Simpan Template
( Step 2 Pemasangan Ads )
  • Stelah cara di atas dilakukan berarti blog anda siap di pasang karena tempat sudah tersedia
  • Pertama masuk bagian elemen blogger untuk yang lama
  • Dan yang baru tata letak
  • Kemudian pilih Add gatget > HTML/Java Scrip
  • Masukan kode ini didalam nya


<div id="banner-ads">

<a target="_blank" href="Your URL"><img
border="0" alt="ads" src="Your Url Image Here"/></a>

<a target="_blank" href=" Your URL "><img
border="0" alt="ads" src=" Your Url Image Here "/></a>

<a target="_blank" href="  Your URL  "><img
border="0" alt="ads" src="  Your Url Image Here "/></a>

<a target="_blank" href="  Your URL  "><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>

</div>


  • Kemudaian save dan lihat hasilnya

Keterangan :
  1. Kode Berwarna merah adalah url tujuan gambar
  2. Kode warna hijau adalah url tempat gambar anda
  3. Bila ingin menambah iklan tinggal memasukan kode de bawah ini di atas kode </div>


<a target="_blank" href=" Your URL "><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>



Bagaimana dengan tutorial kali ini cukup jelaskan yasudah tinggal praktekan saja semoga berhasil mungkin cukup disini saya bias menyampaikan artikel ini semoga bermanfaat mungkin saya tutup saja artikel yang berjudul Cara Membuat Kotak Banner Ads di Blog.

*ATTENTION If you Want Download Please Turn OFF or Remove Your AdBlock
Title: Cara Membuat Kotak Banner Ads di Blog
Reviewed By: Thomi Jasir
Rating Blog: 4.7 dari 5

Article Category Tutorial Blog Title Cara Membuat Kotak Banner Ads di Blog You can share articles and copy the Articles This is very useful if, but do not forget to save the link source you can copy the code below. Thanks!
ads
ads

Written By : Thomi Jasir Time : 8:04 PM Category :

2 Comments:

  1. tutorial yg bermanfaat gan... izin mo nyoba ya gan.. siapa tau ada yg pasang iklan di blog saya... :)

    ReplyDelete
    Replies
    1. iya salam kenal juga semoga dapat membantu anda yo salam kenal :)

      Delete

Rules If you Want Comment Here

1. Post a Comment The polite and courteous
2. Not Spamming, Junk
3. The topic of discussion commented articles relevant title
4. Give advice if you feel the need to advise
5. Do not use Anonymous
6. Please!!! LANGUAGE USE THE STANDARD
7. Do not put any links in comments

Thanks To the visitors who have taken the time you hope the above article useful.