Cara Membuat Iklan Seperti Google AdSense

Google Adsense merupakan salah satu jaringan pengiklan terbesar didunia. Tak heran banyak pengiklan rela menyewa jasanya untuk mengiklankan produk mereka, seperti namanya "Google Adsense" dapat kita ketahui jaringan iklan ini dibuat oleh perusahaan google itu sendiri.

Bagi seorang blogger bekerja sama dengan pengiklan adalah salah satu jalan untuk mendapatkan penghasilan tambahan dari internet. namun untuk mendaftarkan blog kepada Google Adsense tidaklah semudah membalikkan telapak tangan, ada syarat-syarat yang harus di penuhi bagi calon pengiklan, tetapi kali ini admin tidak akan membahas tentang syarat-syarat tersebut, namun admin kali ini akan memberikan sebuah tutorial yup sesuai dengan judul diatas yaitu "Cara Membuat Iklan Seperti Google AdSense" yuk langsung saja simak tutorialnya.

Cara Membuat Iklan Seperti Google AdSense

  1. Pertama sobat masuk ke halaman blogger dahulu, setelah itu silahkan menuju ke "Tema > Edit Html".
  2. Letakkan kode dibawah ini sebelum kode </style>  atau tempatkan diatas kode tersebut.
  3. 
    .iklan-teks { position: relative; margin: 0; padding: 10px; max-height: 300px; overflow: hidden } .iklan-teks div { position: relative; background: #FFF; height: 120px; padding: 8px 0; margin: 0; z-index: 1; color: #555 } .iklan-teks h2.iklan-header { position: relative; background: #FFF; font-size: 18px; color: #3cc091; border-top: 1px solid #d8d8d8; border-radius: 0; padding: 8px 0; margin: 0; text-transform: none; cursor: pointer } .iklan-teks h2.iklan-header:first-child { border-top: 0 } .iklan-teks h2.iklan-header:before { content: ""; width: 0; height: 0; position: absolute; top: 20px; right: 15px; border: 5px solid transparent; border-color: #b2b2b2 transparent transparent; cursor: pointer } .isi-iklan span.judul-iklan { font-size: 18px; color: #3cc091; display: inline-block; cursor: pointer } .isi-iklan span.url-iklan { font-size: 12px; color: #3cc091; display: block; margin: 8px 0; cursor: pointer } .isi-iklan span.url-iklan:before { content: "\f0c0"; font-family: FontAwesome; margin: 0 10px 0 0 } .isi-iklan span.panah-besar { color: #fff; background: #3cc091; border-radius: 50%; height: 34px; float: right; width: 34px; text-align: center; line-height: 34px; cursor: pointer; transition: all .6s } .isi-iklan span.panah-besar:before { content: "\f054"; font-family: FontAwesome; margin: 0 0 0 3px; font-size: 20px } .isi-iklan span.panah-besar:hover { background: #34495e; color: #fff } .isi-iklan p.isi { padding: 0; margin: 0 40px 0 0; color: #555; font-size: 12px; text-align: left } .icon-iklan { position: absolute; top: 0; right: -85px; background: #d3d3d3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeLEEWxUorv4K84HHlSJVaIe8WEXnfQ8RVJRGXi7mYBbsDnnO_Mfi3o2C7h0O5zDO-SZ-bzhuFXzy-eozu6LXsYpmmcYDGg0W8BpnbK1PVsPT3FcmSssvTFJRVgRExy4w-kH-5bGi-P0w/s1600/info-iklan.png) 0 0 no-repeat; width: 100px; height: 15px; z-index: 99; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .icon-iklan a { float: left; opacity: 0; font-size: 11px; line-height: 15px; } .icon-iklan:hover { right: 0; background-position: 100% 0; padding-right: 15px; padding-left: 10px; } .icon-iklan:hover > a { opacity: 1; color: #333; }
    


  4. Jika sudah silahkan sobat klik "Save Theme", setelah itu silahkan menuju menu "Tata letak/layout > Add gadget/tambahkan gadget".
  5. Setelah sobat mengklik add gadget maka akan muncul kotak dialog seperti gambar berikut, Setelah itu cari tulisan "Html/Javascript" dan klik tanda "+" untuk menambahkan gadget.



  6. Maka akan muncul lagi dialog baru setelah itu isikan kode dibawah ini pada kolom kotak yang besar.

  7. 
    

    <div class='iklan-teks iklan-teks-sidebar' id='iklan-teks'> <!-- Iklan --> <div data-header="Judul Iklan"> <span class='isi-iklan'> <span class='judul-iklan' onclick="window.open('/');">Download Anime x265 Kalenganime</span> <span class='url-iklan' onclick="window.open('/');">0813xxx</span> <span class='panah-besar' onclick="window.open('/');"></span> <p class='isi'>Download anime x265 subtitle Indonesia!</p> </span> </div> <!-- Penutup Iklan --> <span class='icon-iklan'> <a href='https://kalenganime.com/'>Ads By Kalenganime.com</a> </span> </div>

  8. Setelah itu klik tombol "Simpan/Save" dan silahkan sobat lihat hasilnya pada blog sobat.

  9. Sekian tutorial tentang "Cara Membuat Iklan Seperti Google AdSense" dan semoga tutorial ini bermanfaat, Terimakasih.

Subscribe to receive free email updates:

0 Response to "Cara Membuat Iklan Seperti Google AdSense"

Post a Comment