Skip to main content

Cara Membuat Kotak Iklan Di Blog

Cara membuat kotak iklan di blog sebenarnya sudah lama ingin saya posting, namun ada saja kendala yang menghambat saya untuk mempostingya sehingga postingan cara membuat kotak iklan ini menjadi tertunda. Pada kesempatan yang berbahagia ini, mumpung ada waktu luang, saya akan mempostingnya dan membagikan panduan dan cara membuat blog khususnya pada cara membuat kotak iklan ini kepada Anda yang ingin memasang kotak iklan pada blog yang Anda miliki.
Membuat space kotak iklan pada blog akan memberi peluang bagi Anda untuk mendapatkan rupiah yang Anda inginkan. Karena ketika Anda membuat space kotak iklan diblog yang Anda miliki, secara tidak langsung Anda memberi kesempatan bagi orang lain yang ingin memasang iklan pada blog Anda. Apalagi jika blog yang Anda sudah popular dan memiliki trafic serta page rank dari google yang tinggi, maka pemasang iklan akan terus berdatangan untuk memasang iklan pada blog Anda. Namun tidak ada salahnya jika blog Anda belum memiliki trafic yang tinggi juga ingin menyediakan space kota iklan, yang jelas peluang untuk mendapatkan rupiah dari iklan itu tetap ada. Mungkin saja sipemasang iklan juga ingin memasang iklannya pada blog Anda, kan lumayan uangnya bisa dikumpul buat beli peyek, hehe..
Bagi anda yang tertarik untuk membuat kotak iklan di blog, yuk sama-sama kita simak tutorial berikut ini :
  1. Siapkan gambar atau image yang ingin kita pasang pada space iklan yang berukuran 125 x 125 px, agar gambar kelihatan menarik dan memiliki efek silahkan Anda baca membuat banner animasi dan flash. Kemudian simpan gambar tersebut pada hosting penyipanan gambar seperti photobucket untuk mendapatkan url gambar yang nantinya kita butuhkan.

    contohnya:

    cara membuat kotak iklan di blogspot
  2. Jika sudah, kita akan membuat space kotak iklannya, login ke account blogger Anda
  3. Klik rancangan atau tataletak bagi yang menggunakan dasbor blogger baru
  4. Kemudian klik Edit HTML dan cari kode ]]></b:skin> (gunakan ctrl + f ) untuk mempermudah pencarian
  5. Sisipkan kode CSS diatas kode ]]></b:skin>
  6. Kemudian save template Anda
  7. Langkah selanjutnya kembali ke Elemen laman dan klik tambah gadget > pilih HTML/Javascript
  8. Copy dan paste kode HTML (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan)
  9. Save kerjaan Anda dan lihat hasilnya

Code CSS Iklan

  1. #super-beeads {
  2. margin:0px;padding:0px;text-align:center
  3. }
  4. #super-beeads  img {
  5. margin:1px 1px;
  6. text-align:center;
  7. -webkit-border-radius: 5px;
  8. -moz-border-radius: 5px;
  9. border-radius: 5px;
  10. -webkit-box-shadow: 1px 2px 1px #ccc;
  11. -moz-box-shadow: 1px 2px 1px #ccc;
  12. box-shadow: 1px 2px 1px #ccc;
  13. }
  14. #super-beeads img:hover {
  15. -moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);
  16. }

Code HTML Iklan

  1. <div id="super-beeads">
  2. <a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
  3. <a href="Masukkan-Url" target="_blank" title=" Title-Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>
  4. <a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
  5. <a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
  6. </div>
Space kotak iklan diatas merupakan space kotak iklan yang terdiri dari 4 bagian yaitu atas kiri, atas kanan dan bawah kiri serta bawah kanan. Jika anda ngin mengurangi space kotak iklan, anda dapat menghapus kode
  1. <a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
diatas.
Demikianlah cara membuat kotak iklan di blog yang dapat saya sampaikan, sampai jumpa pada tutorial berikutnya dan saya ucapkan selamat mencoba.

Comments

Popular posts from this blog

MEMBUAT BLOG DI TERIMA ADSENSE

Membuat blog langsung di terima Google adsense atau sekali daftar langsung diterima oleh Google Adsense adalah idaman para blogger pemula. Karena Masa depan dari para publisher adalah mendapatkan bayaran dari iklan yang di tempatkan di Blog. Saya pun dulu seperti itu . Ada semangat ngeblog ketika blog yg kita miliki terpampang iklan iklan dari GA.  Walaupun ada banyak situs pengganti google adsense yg juga bayar mahal namun GA tetap menjadi pilihan paling utama .  Google adsense masih menjadi Favorit di urusan mendapatkan penghasilan dari internet Baca Juga ; Alasan Blog Di Tolak Google Adsense Untuk bekerja sama dengan Google adsense ada ketentuan ketentuan dasar yg harus Blogger mania ketahui kemudian terapkan. Walaupun ada banyak cara untuk mendapatkan adsense, Baik itu youtube atau ad mob tetapi disini kita bicara tentang Google adsense di Blog. Ketentuan inilah yg nantinya akan menjadi kebijakan yg dinilai oleh google apakah Blogger mania mengikuti atura...

CARA BLOG TERINDEKS SEACH ENGINE

CARA BLOG TERINDEKS SEACH ENGINE - bаgаіmаnа cara cepat terindex Google atau dі indeks оlеh mesin pencari (search engine) уаng lainnya pada blog/website,  ѕеbеnаrnуа tips SEO іnі ѕudаh banyak diulas оlеh para blogger maupun pakar SEO, tарі disini ѕауа аkаn mengulas kembali dаrі pengalaman уаng ѕudаh ѕауа terapkan dalam blog ini. Sahabat Blogger Mania kunci dari kesuksesan ngeblog adalah yang pertama kali harus ada dalam mesin pencari.  Setelah berada di mesin pencari kita menyediakan Iklan yang relevan dan iklan yang di tempatkan untuk bisa di klik oleh visitor. Cara Agar Artikel/Postingan Cepat Terindex Google , Yahoo dan Bing, banyak pertanyaan dаrі pengunjung tеntаng bаgаіmаnа cara agar artikel atau postingan dі blog cepat terindex Google atau dі indeks оlеh mesin pencari (search engine) уаng lainnya pada blog/website,  ѕеbеnаrnуа tips SEO agar postingan/artikel blog cepat muncul dі Google index іnі ѕudаh banyak diulas оlеh para Blogger maupun pakar SEO, tарі disini ѕ...

Auto key tutorial AKA Easy animation

This tutorial will teach you how to easily animate an object using the Auto Key animation technique, this technique lets you animate without bones or anything. Using this technique you set the initial and final stages in the animation and the program automatically creates all the stages in between them making you a smooth animation without a lot of pain. You could use vertices, faces, objects, or anything including any modifier that lets you alter the shape of a model to animate using this technique. This tutorial is targeted at mid-level 3DS MAX people who want to get into animation. Open up 3DS MAX or reset it if you have already opened it. Create a plane in the same size as the one displayed below, the size does not have to be exact as you can use anything for this. You can adjust the size of the plane once you have already created it by changing the parameters in the modifier tab. Red Outline : Modifier panel/Parameters Create a "Sphere" and place it near ...