Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Rabu, 03 Maret 2010

Membuat Kotak Banner Iklan

Kategori : ,
Membuat Kotak Banner IklanKotak Banner Iklan ini berfungsi untuk memasang iklan atau banner yang ingin sobat pasang di blog sobat, dengnan adanya Kotak Banner Iklan blog sobat terlihat lebih profesional bahkan bisa disebut Website dan ada kemungkinan apabila ada visitor tertarik untuk memasang iklannya di blog sobat atau Web sobat mungkin sobat bisa memasang Tarif jadi sobat dapet keuntungan dech dari situ.

oiya sekilas info kalau Blogger akan menghapus blog yang di anggap Spam, tidak aktif dan melanggar Peraturan (Term of Service) semoga Blog sobat semua Tidak di hapus oleh Blogger, kalau saja blog saya di hapus wah mungkin saya sudah benci sekali sama Blogger :((Tapi mudah2 g ke hapus y, Amin.

Oke sekarang saatnya kita menjelaskan langkah-langkah Membuat Kotak Banner Iklan :
  1. Seperti biasa login ke blogger sob
  2. Masuk ke halaman Tata Letak ==>> Edit HTML
  3. Seperti biasa juga Backup dulu Template sobat agar tidak mengalami kerusakan
  4. Setelah itu cari kode ]]></b:skin> dan taruh kode di bawah ini tepat di atasnya


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

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

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


    Modifikasi :
    • Teks c0c0c0 menunjukan warna garis tepi pada banner sobat, sobat bisa ganti dengan kode warna yang lain kalau tidak tahu bagaimana cara mengetahui kode warna sobat bisa mengunjungi Web ini
    • Sedangkan 333 kalau yang ini sama dengan fungsi kode di atas, Warna garis tepi, sobat juga bisa ganti dengan kode warna yang sobat sukai

  5. Setelah itu Simpan dan mari kita menuju Elemen Halaman
  6. Setelah berada pada elemen halaman, Tambahkan sebuah Gadget dan pilih yang HTML/Javascript
  7. Trus taruh kode di bawah ini ke dalamnya


    <div id="Banner-ads">

    <a target="_blank" href="http://#"><img alt="Pasang Iklan" src="http://oketrik.googlecode.com/files/KotakBanneriklan.gif" border="0" /></a>

    <a target="_blank" href="http://#"><img alt="Pasang Iklan" src="http://oketrik.googlecode.com/files/KotakBanneriklan.gif" border="0" /></a>

    <a target="_blank" href="http://#"><img alt="Pasang Iklan" src="http://oketrik.googlecode.com/files/KotakBanneriklan.gif" border="0" /></a>

    <a target="_blank" href="http://#"><img alt="Pasang Iklan" src="http://oketrik.googlecode.com/files/KotakBanneriklan.gif" border="0" /></a>

    </div>


    Penjelasan :
    • kode yang berwarna Biru muda sobat bisa ganti dengan alamat Web/Blog yang mempunyai Banner Tersebut.
    • Kode yang berwarna Kuning sobat bisa ganti dengan alamat banner yang ingin sobat pasang.

  8. Setelah itu simpan.
  9. Ngerti g sob?? klo g ngerti saya kasih contohnya y

    Gmn y mulainya oiya gini ajach misalnya saya ingin memasang Iklan/Banner saya di blog/web sobat maka saya harus memberitahu Alamat Blog/Web saya dan Alamat Banner saya. misal alamat Web saya http://contohsaja.com dan alamat banner saya http://oketrik.googlecode.com/files/Logo%20oketrik.gif trus....

    kode di bawah ini adalah kode awalnya


    <a target="_blank" href="http://#"><img alt="Pasang Iklan" src="http://oketrik.googlecode.com/files/KotakBanneriklan.gif" border="0" /></a>


    Lalu setelah di ganti menjadi


    <a target="_blank" href="http://contohsaja.com"><img alt="Pasang Iklan" src="http://oketrik.googlecode.com/files/Logo%20oketrik.gif" border="0" /></a>


    Selesai dech sekarang Banner saya sudah berada dalam blog/web sobat

  10. Gimana mudah bukan dan mengertikan?? klo g ngerti, kasian dech :P

Oke sekarang sudah selesai Langkah-langkah Membuat Kotak Banner Iklan. Sekarang Bagaimana dengan blog/Web sobat?? tambah Profesional bukan dan sobat juga bisa mendapatkan hasil dari blog/Web tersebut, oiya saya kasih tips apabila Blog sobat terlalu banyak iklan mungkin blogger akan menghapusnya jadi saya sarankan jangan terlalu banyak memasang iklan di blog sobat y karena beresiko tinggi sekali sob. oke saya akhiri dengan mengucapkan Terima Kasih and Happy Blogging.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

22 Komentar untuk Membuat Kotak Banner Iklan

wah ini dy trik yg saya cari, triknya detail bener sob jd saya bs modifikasi dech and mudh2n blog saya dpt pnghsln, sekali lg mksh sob..

bagus nih Sob. Q jg cari nih ^_^

@ Secangkir Teh dan sekerat roti ==>> iya sob, memang ada apa?? ada masalah??

Udah aku praktekin sob trik ini...
Trims Sob,karna sangat mudah di pahami...
Skali lagi Thanks..

wah langsung bisa dipraktekkan nih

ini berbayar gak...?

wesss yang ini tutorialnya emang paling mantepppp

mantaappp...
ktmu jg ni trik...
thx y sob... :)

terus ukuranya gimana sob

sudah saya pasang kok tampilanya beda ya sama yang di blog ini. apanya yang krang ? thxs :)

@Donny >> ukuran apanya ya? bisa diperjelas
@donny >> iya sob, klo yang di blog ini tidak menggunakan image sama sekali hanya menggunakan kode CSS dan HTML saja klo mau di ganti gambarnya silahkan ganti url http://oketrik.googlecode.com/files/KotakBanneriklan.gif dengan url gambar yang kamu punya

Terima Kasih atas trik - trik yang oke buangeeeeetttt.... sekarang bolg saya dah mhantaaabhhhh... sekali lagi terima kasih buanyaaaaaakkkk bro atas ilmunya...

Iya bro sama sama, senang bisa membantu ^_^

wow..nice info bgt nih...mkasih ya

sep....
Makasih banyak informasinya mas..
Kunjungi juga ya blog aq

http://bisnisninformasi.blogspot.com
Dapatkan info seputar bisnis dan motivasi bisnis

sep
makasih atas infonya

mantap infonya gan maksih.........

Tampilan kotak iklannya jadi bagus... sip makasih gan...