Back to TopBack to Bottom

Membuat Kotak Banner Iklan

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.
Attention

ATTENTION PLEASE!

Untuk memperbaiki dan mengembangkan blog ini menjadi lebih baik, mari bersama - sama kita bangun, caranya? Apabila kamu menemukan link yang mati/sudah tidak berfungsi atau gambar yang sudah tidak muncul/expire, silahkan hubungi kami disini. Laporan anda sangat berpengaruh pada perkembangan blog ini. Terima kasih atas perhatiannya thanks

Trik menarik lainnya yang mungkin ingin anda baca :

17 comments

Anonymous

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..

Balas | March 04, 2010

bagus nih Sob. Q jg cari nih ^_^

Balas | March 04, 2010

pake code css segala ya..????

Balas | March 04, 2010

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

Balas | March 04, 2010

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

Balas | March 05, 2010

wah langsung bisa dipraktekkan nih

Balas | March 05, 2010

ini berbayar gak...?

Balas | August 03, 2010

langsung praktek

Balas | September 01, 2010

wesss yang ini tutorialnya emang paling mantepppp

Balas | December 09, 2010

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

Balas | March 05, 2011

terus ukuranya gimana sob

Balas | July 13, 2011

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

Balas | July 13, 2011

@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

Balas | July 13, 2011
Anonymous

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

Balas | July 24, 2011

Iya bro sama sama, senang bisa membantu ^_^

Balas | July 24, 2011

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

Balas | October 23, 2011

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

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

Balas | January 03, 2012

Post a Comment

Segera Laporkan apabila kamu menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini

 
Di Like sama Follow ya biar tambah Semangat >>