• Breaking News


    Kamis, 17 November 2016

    Cara Membuat Responsive Ads Box By Refresh Di Sidebar Blog

    Cara Membuat Responsive Ads Box By Refresh Di Sidebar Blog

    Cara Membuat Responsive Ads Box By Refresh Di Sidebar Blog - Selamat Sore dan kembali dengan BacaLagi, Kali ini BacaLagi saya berbagi Tips Blogging tentang Cara Membuat Widget Kotak Iklan Responsive yang mana Widget Kotak Iklan ini jelas berfungsi untuk memberi kesan menarik untuk tampilan iklan AdSense dan Iklan lainnya yang dipasang pada Blog anda.

    Widget Kotak Iklan ini Sudah Responsive dan SEO sesuai dengan apapun itu jenis Template Blog yang anda gunakan dan Kotak iklan ini juga bisa anda Custom dalam berbagai jenis ukuran sesuai letak tempat anda menaruhnya. Iklan pada biasanya kan juga menggunakan HTML yang anda dapatkan misalnya dari AdSense dan lain-lain.

    Nah kalau ini saya Membuat dengan Javascript serta Cara menggunakannya juga terbilang mudah karena anda cukup Refresh halaman atau Refresh Blog anda dihalaman apapun maka Dengan cara otomatis Banner yang dipasang pada Kotak Iklan ini akan berganti sesuai dengan urutan yang dibuat menggunakan Javascript dan yang paling berkesan untuk blog anda adalah Widget Kotak Iklan ini tidak akan membuat Loading Blog anda menjadi Berat atau LoLa.

    Oh iya didalam kode ini saya menyediakan 5 Banner yang dipasang dan silahkan anda ganti dengan banner iklan anda. Oke deh tidak usah berlama-lama karena jika terlalu lama itu terkadang suka membuat bosen hehehe..

    Berikut Langkah-Langkah Membuat Dan Memasang Widget Kotak Iklan Responsive.

    1. Silahkan Login Ke Blogger ➜ Tata Letak ➜ Add New Gadget ➜ Tambahkan Kode Dibawah ini pada Widget Yang Baru Di Buat.

    <script type="text/javascript">
    var bacalagi_id = 5;
    var bacalagi_now = new Date()
    var detik = bacalagi_now.getSeconds()
    var bacalagi_place = detik % bacalagi_id;
    bacalagi_place += 1;
    if (bacalagi_place == 1) {
      url = "#";
      alt = "Deskripsi Iklan";
      title = "Judul Iklan";
      banner = "http://4.bp.blogspot.com/-duqxcfdwonw/UuXm-l01ObI/AAAAAAAAA6U/q3yADd2SXUg/s1600/300x250.gif";
      width = "300";
      height = "250";
    }
    if (bacalagi_place == 2) {
      url = "#";
      alt = "Deskripsi Iklan";
      title = "Judul Iklan";
      banner = "http://1.bp.blogspot.com/-M1T9_3K2eGQ/UvSTYZADGRI/AAAAAAAABHU/exrqmrKNpWU/s1600/Banner+300+x+250+pixels.gif";
      width = "300";
      height = "250";
    }
    if (bacalagi_place == 3) {
      url = "#";
      alt = "Deskripsi Iklan";
      title = "Judul Iklan";
      banner = "http://2.bp.blogspot.com/-2PPBDyx9ty8/Vi4Yj8frBdI/AAAAAAAADN0/nbY7MbLz-Bc/s1600/maxcdn-speed-website.gif";
      width = "300";
      height = "250";
    }
    if (bacalagi_place == 4) {
      url = "#";
      alt = "Deskripsi Iklan";
      title = "Judul Iklan";
      banner = "https://s.adroll.com/a/PAD/HOD/PADHODRN3NAWNAX74T4AHW.gif";
      width = "300";
      height = "250";
    }
    if (bacalagi_place == 5) {
      url = "#";
      alt = "Deskripsi Iklan";
      title = "Judul Iklan";
      banner = "http://1.bp.blogspot.com/-R2SaiRXUY6E/UuXm9RSfvFI/AAAAAAAAA6M/T8E-aTidXY4/s1600/300x250_biru.gif";
      width = "300";
      height = "250";
    }
    document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
    document.write('<img src=\"' + banner + '\" width=')
    document.write(width + ' height=' + height + ' ');
    document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');
    </script>
    

    Silahkan isi semuanya dengan milik anda dari URL - Banner Iklan Milik anda dan silahkan anda tambahkan lagi Kode Dibawah ini jika anda ingin menambahkan Banner iklan yang akan ditampilkan. Contoh anda ingin menambahkan Iklan nya menjadi 6 - 10.

    Silahkan anda Ganti Kode var bacalagi_id = 5; dengan var bacalagi_id = 6; atau terserah anda mau menambahkan menjadi berapa.

    var bacalagi_id = 6;
    

    Dan Silahkan anda tambahkan Kode Dibawah ini sebelum kode document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');

    if (bacalagi_place == 6) {
      url = "#";
      alt = "Deskripsi Iklan";
      title = "Judul Iklan";
      banner = "http://1.bp.blogspot.com/-R2SaiRXUY6E/UuXm9RSfvFI/AAAAAAAAA6M/T8E-aTidXY4/s1600/300x250_biru.gif";
      width = "300";
      height = "250";
    }
    

    Jika anda ingin merubah Ukuran Banner maka anda tinggal rubah dan tentukan Kode width="300"; dan height="250"; dengan ukuran misal width="728"; dan height="90".

    Tips : Jika anda ingin iklan yang ditampilkan menjadi lebih rapih dan responsive maka diusahakan ukuran banner harus sama semua dimanapun anda meletakkan Widget Kotak Iklan ini.

    Baca Juga : Teknik SEO 3T (Terbaik Terpercaya Terbaru)

    2. Simpan Gadget Dan Liat Hasilnya.

    Tidak ada komentar:

    Posting Komentar

    Seorang Pengunjung Atau Blogger Indonesia Yang Baik Adalah Yang Meninggalkan Jejak Berbentuk Komentar Yang Membangun, Memotivasi, Dan Menambahkan Jika Ada Terdapat Kesalahan Didalam Artikel. Terima Kasih!

    Penulisan markup di komentar

    Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
    Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
    Untuk menulis huruf underline gunakan <u></u>.
    Untuk menulis huruf strikethrought gunakan <strike></strike>.
    Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau
    <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

    TEKNOLOGI

    FAMILY

    Komunitas Blogger Jakarta

    REVIEW