Tutorial Blogspot

Tutorial Blogspot, SEO, HTML5, CSS3, Facebook, Twitter, Software, Game, Motivasi, Tips dan Trik

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • SEO
    • Template Blogger
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • About Me
  • Link Exchange
  • Pasang Iklan
  • Kontes SEO Template Premium
Home » jQuery » Iklan Gambar ala Google AdSense

Senin, 01 September 2014

Iklan Gambar ala Google AdSense

Unknown
2 Comments
jQuery
Senin, 01 September 2014
Iklan Gambar ala Google AdSense - Setelah membuat template, saya mencoba membuat iklan gambar yang menyerupai GA maksutnya gambar akan berbeda setiap kali reload halaman. Sebenarnya ini hanya memanipulasi html menjadi JavsScript

Iklan Gambar ala Google AdSense

Untuk pemasangan juga mudah, sobat hanya perlu menambakan widget baru, berikut kodenya:

  1. <script type="text/javascript">
  2. var jumlah_iklan = 3;
  3. var waktu_sekarang = new Date()
  4. var detik = waktu_sekarang.getSeconds()
  5. var pasang_iklan = detik % jumlah_iklan;
  6. pasang_iklan += 1;
  7. if (pasang_iklan == 1) {
  8. url = "http://the-anarchyta.blogspot.com/2014/03/subculture-responsive-blogger-template.html";
  9. alt = "Subculture Responsive Blogger Template";
  10. title = "Subculture Responsive Blogger Template";
  11. banner = "http://4.bp.blogspot.com/-mYwieyawg84/U3ybJtGe92I/AAAAAAAABFQ/kKXwtDOACys/s1600/dian-anarchyta.png";
  12. width = "300";
  13. height = "250";
  14. }
  15. if (pasang_iklan == 2) {
  16. url = "http://the-anarchyta.blogspot.com/2014/04/responsive-original-blogger-template.html";
  17. alt = "Responsive Original Blogger Template";
  18. title = "Responsive Original Blogger Template";
  19. banner = "http://1.bp.blogspot.com/--hDKmIUbjEY/U3ybPr1KjAI/AAAAAAAABFg/nHFx087tiX4/s1600/Origin-BTemplate.png";
  20. width = "300";
  21. height = "250";
  22. }
  23. if (pasang_iklan == 3) {
  24. url = "http://the-anarchyta.blogspot.com/2014/05/the-fiseo-magz-blogger-template.html";
  25. alt = "FiSEO Responsive Blogger Template";
  26. title = "FiSEO Responsive Blogger Template";
  27. banner = "http://3.bp.blogspot.com/-sRTcKjWzSfs/U3ybMb0wdAI/AAAAAAAABFY/zkCb_uJJ9h8/s1600/fiseo-mag.png";
  28. width = "300";
  29. height = "250";
  30. }
  31. document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
  32. document.write('<img src=\"' + banner + '\" width=')
  33. document.write(width + ' height=' + height + ' ');
  34. document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');
  35. </script>

Keterangan
url : silahkan ganti dengan url tujuan iklan.
alt : silahkan tulis keterangan gambar.
title : silahkan tulis judul gambar.
banner : silahkan ganti url gambar.
width : Lebar gambar.
height : Tinggi gambar.


Semoga bermanfaat !
Suka Artikel? Bagikan: Facebook Twitter Google+

2 Comments

avatar
Balas
Unknown delete 1 September 2014 pukul 21.00

wah keren nih,jin kopi kode dan memprakteannya yia bos...

avatar
Balas
Unknown delete 2 September 2014 pukul 12.43

ok bos

Berkomentarlah Dengan Sopan

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Statistik

Flag Counter

Label

  • Blogging
  • Css
  • jQuery
  • SEO
  • Template
  • Widget
Diberdayakan oleh Blogger.

Arsip Blog

  • ▼  2014 (41)
    • ▼  September (33)
      • Download Software Untuk Membuat Logo
      • Mengenal Google Sandbox dan Solusinya
      • Learning From Lost Link Opportunities
      • Cara Membuat Label Cloud Flat Keren
      • Responsive Jquery Modal Box
      • Google Tidak Menyukai Blog Spam dan Ini Cara Mengh...
      • 5 Cara Terbaik Membuat Pengunjung Berlama-lama di ...
      • Anizan Alternatif Google Adsense
      • Cara Menambahkan Tombol On Off Video Di Blogger
      • Template Blogger Thesisense SEO Friendly 2014
      • Jquery Image Crousel Slider For Blogger
      • Slider with thumbnails For Blogger
      • Cara membuat efek Rotasi + Shadow pada Gambar Blog
      • Tuama Minahasa Template Blogger Responsive
      • Sisense Blogger Template
      • Cara memasang Iklan Di Bawah Artikel/Postingan
      • Cara Proteksi CSS Menggunakan Base64
      • Daftar Peserta Kontes SEO TemplatePremium
      • Jenis Jenis Doctype
      • Template Minima Colored 2.1 Final
      • Cara Memasang Scroll Arsip/Archive Blog Dengan Mudah
      • Related Posts Blogger : 6 in 1
      • Auto ReadMore dengan Gambar tanpa Javascript
      • Membuat Demo JSFiddle di Blog dengan JQuery
      • Iklan Gambar ala Google AdSense
      • Jquery Image Tooltip
      • Banned Spammer di Komentar Blog
      • Random Post Fast Loading
      • Menampilkan Pesan Pada Jam Tertentu
      • Apa Itu Backlink
      • You Comment I Follow
      • Anime First Responsive Blogger Template
      • CSS Sprite
    • ►  Agustus (8)

Mengenai Saya

Unknown
Lihat profil lengkapku
Copyright 2014 Tutorial Blogspot - All Rights Reserved
Template by Dino Desain - Powered Blogger