Bagaimana Cara Buat Kotak Space Banner Iklan di Blog

Tutorial Blog pada postingan kali ini akan berbagi mengenai Bagaimana Cara Membuat Kotak Space Banner Iklan Pada Blog setelah pada postingan yang lalu telah berbagi mengenai cara menampilkan rating bintang pada hasil pencarian google. 

Bagaimana ? Apakah Rating Bintang blog kesayangan Anda sudah muncul pada hasil pencarian google ? Atau Anda belum sempat membaca Tutorial sebelumnya, Jika begitu adanya Anda bisa melirik kembali postingan terdahulu dalam blog ini mengenai Bagaimana cara menampilkan rating bintang pada hasil pencarian google sebelum kita lebih jauh membahas mengenai Bagaimana Cara Membuat Kotak Space Banner Iklan Pada Blog

Bagaimana Cara Membuat Kotak Space Banner Iklan Pada Blog ? Yaa,, saya yakin pertanyaan inilah yang akan muncul bagi Anda yang telah memiliki blog dengan Traffic yang tinggi. Blog yang memiliki Traffic tinggi merupakan sebuah ladang yang bisa membuat pemilik suatu blog untuk menghasilkan rupiah. 

Apakah Anda merupakan salah satu pemilik blog dengan Traffic tinggi ? Jika YA,, 2 jempol untuk Anda. Oleh karena itu lewat tulisan yang sederhana ini saya ingin berbagi mengenai Bagaimana Cara Membuat Kotak Space Banner Iklan Pada Blog

Untuk membuat Kotak Space Banner Iklan Pada Blog, kita harus sedikit mengutak atik template pada platform blogger agar iklan nantinya akan terlihat  lebih rapi pada sidebar, header,  maupun di dalam badan postingan kita nantinya. Bagimana sudah siap ? Jika sudah siap mari kita sama sama menuju ke TKP

Cara Membuat Kotak Space Banner Iklan Pada Blog 

  1. Kunjungi situs blogger.com dan masukkan email dan password Anda untuk bisa mengakses akun blogger  Anda, jika Anda telah menggunakan verifikasi 2 langkah maka Anda juga akan menerima kode verifikasi Via SMS dari google ke dalam handphone Anda


  1. Setelah itu silahkan Anda masuk ke Rancangan kemudian Edit HTML.
  2. Berikan tanda Centang atau ceklist pada tulisan Expand Template Widget yang berada pada sudut kiri atas agar kode yang tersembunyi dalam template bisa terlihat nantinya
  3. Copy kode CSS di bawah ini
# hayardin-blogads {margin:0px;padding:0px;text-align:center}
# hayardin-blogads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
# hayardin-blogads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}  
  1. Cari Kode ]]></b:skin> ( Gunakan CTRL+F untuk memudahkan pencarian )
  2. Bagaimana ? Sudah ketemu kodenya ? Jika kodenya sudah ketemu, letakkan Kode CSS tadi di atas Kode  ]]></b:skin>
  3. Selanjutnya Simpan Template Anda
  4. Setelah Anda menyimpan template, Silahkan Anda buka Design atau Layout, Add widget, Kemudian Pilih HTML atau Javascript dan Copy paste Script HTML di bawah ini
<div id="hayardin-blogads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>
Catatan : Perhatikan Kata kata MASUKKAN-URL, TITLE IKLAN, ALT/TEXT GAMBAR,. Dan URL GAMBAR pada kode HTML di atas
  • Untuk kata MASUKKAN URL, Masukkan URL Anda disini. URL disini bisa berupa URL Postingan atau Laman Statis yang berisi mengenai Informasi statistik, deskripsi, harga iklan, spasi iklan dan lain lain kepada calon Advertiser
  • Untuk kata TITLE IKLAN, dan ALT/TEXT GAMBAR, isi dengan kata yang Anda inginkan.
  • Untuk kata URL GAMBAR, Isi dengan URL gambar yang telah Anda upload. Sebaiknya Anda membuat sendiri banner berukuran 125x125 lewat photoshop kemudian menguploadnya.
  1. Langkah terakhir, Simpan dan lihat hasilnya. Hasilnya bisa Anda lihat pada sidebar kanan blog ini.

Bagaimana ? Apakah Anda menemui kesulitan dalam mengikuti tutorial mengenai Bagaimana Cara Membuat Kotak Space Banner Iklan Pada Blog ? Jika Anda sudah berhasil membuat kotak space banner iklan pada blog, Alhamdulillah, Itu berarti tugas saya sudah selesai. Semoga besok, lusa atau entah kapan itu ada advertiser atau pengiklan yang memasang iklan ke dalam blog kesayangan Anda. Amin. 

Terus ciptakan karya terindah lewat jemari Anda melalui postingan demi postingan yang berkwalitas untuk memajukan dunia blogging di Indonesia. Saya tunggu karya terindah Anda !

Salam SUKSES !


Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari www.hayardin.com di inbox E-mail anda

Enter your email address:


Delivered by FeedBurner

Subscribe to receive free email updates:

3 Responses to "Bagaimana Cara Buat Kotak Space Banner Iklan di Blog"

  1. terima kasih infonya, ane save dulu tutorialnya siapa tau nanti ane pengen pasang iklan...

    BalasHapus

Terimakasih Sudah Membaca Artikel Dalam Blog www.hayardin.com

Silahkan Tinggalkan Komentar Karena Komentar Anda adalah inspirasi saya untuk membuat goresan dalam blog ini...

Saya akan sangat berterima kasih dan menghormati Anda jika tidak melakukan SPAM. Kritik dan saran yang membangun akan saya terima dengan senang hati...

Salam SUKSES !

Hayardin, S.Pd