• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to secondary sidebar

JBlog™

Tutorial Blogging, Wordpress, Adsense dan Internet Marketing.

  • Beranda
  • Kontak Saya
  • WordPress
  • Adsense
  • Code
  • Themes
  • Blogging
You are here: Home / Code

Cara Membuat Iklan Afiliasi Lazada Menjadi Responsif

June 18, 2017 By JBlog™ 1 Comment

Cara Membuat Iklan Afiliasi Lazada Menjadi Responsif | juraganblog.com – Saat ini kebanyakan orang lebih sering mencari informasi di internet dengan browsing menggunakan HP daripada melalui PC atau laptop.

Karena alasan inilah maka Google juga meluncurkan algoritma terbarunya yaitu mobilegeddon, yang mengharuskan sebuah situs agar dioptimalkan dalam tampilan mobile atau mobile friendly.

Bahkan Google sangat merekomendasikan penggunaan iklan Adsense dengan tipe yang responsive.

Kalau blog kamu sudah mobile friendly, namun banner iklan-nya tidak, tentu sangat mengganggu dan tidak tercapailah tujuan sebuah blog agar mobile friendly.

Nah, karena artikel kali ini membahas banner iklan dari Program Affiliasi Lazada, bukan Adsense, maka saya akan mengulas tentang cara membuat agar banner iklan affiliasi Lazada menjadi responsive.

Saya anggap kamu sampai ke artikel ini artinya sudah tahu cara mengenai membuat banner-nya..

Jika belum..

Baca terlebih dahulu artikel Program Affiliasi Lazada : Panduan Lengkap Mendaftar dan Cara Kerjanya.

Baca Juga:

    Cara Membuat Iklan Affiliasi Lazada Menjadi Responsif

    Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive

    Secara default, banner iklan dari program Affiliasi Lazada tidaklah responsif.

    Ada ukuran-ukuran tertentu yang harus kamu atur atau membiarkan lazada yang mengatur secara otomatis.

    Lihat gambar..

    Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive

    Nah.. Bagaimana cara membuat agar banner iklan lazada ini menjadi responsif?

    Seperti yang biasa kamu lakukan, tentukan ukuran dari pengaturan dari iklan yang kamu inginkan..

    Setelah mendapatkan kode script iklan, simpan terlebih dahulu di Notepad atau text editor lainnya seperti Bracket+ atau Sublime Text;

    Berikut ini contoh script iklan affiliasi lazada..

    Script iklan di atas tidak responsive, tapi berukuran 350px x 250px yang sangat tidak mobile friendly.

    Nah.. Agar membuatnya menjadi responsive, kamu harus mengubah sedikit kode scriptnya..

    Ganti width="350" menjadi width="100%", height="250" menjadi height="auto".

    Langkah selanjutnya..

    Agar sesuai dengan HTML5, ganti kode & menjadi &

    Gunakan Find and Replace pada text editor kamu, contohnya saya menggunakan Bracket+;

    Gunakan shortcut Ctrl+H untuk Find & Replace;

    Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive

    Sehingga hasil keseluruhannya sebagai berikut…

    Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive

    Selesai..

    Contoh banner iklan responsif affiliasi lazada :

    Demikian Cara Membuat Iklan Afiliasi Lazada Menjadi Responsif.

    Jika ada yang ditanyakan, silahkan beri komentar pada kolom diskusi..

    Semoga bermanfaat..

    Related Posts

    Cara Mengganti Warna Address Bar Blog Di Browser Smartphone
    Cara Mengganti Warna Address Bar Blog di Browser HP
    Cara Menghilangkan Isian Website Di Komentar WordPress
    Cara Menghilangkan Isian Website di Komentar WordPress
    Cara Menyimpan File CSS, Javascript Dan HTML Di Github
    Cara Menyimpan File CSS, Javascript dan HTML di Github

    About JBlog™

    Netpreneur yang sedang menyamar menjadi seorang PNS. ;)
    Pecandu IT, design, menulis dan seni fotografi.

    Reader Interactions

    Comments

    1. abdul azis says

      June 23, 2018 at 6:06 am

      terimakasih om,
      btw gmana conversi dari iklan banner jd salesnya?

      Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Primary Sidebar

    Fitur Artikel

    Cara Cek dan Memperbaiki Link Tidak Aktif / Broken

    Cara Cek dan Memperbaiki Broken Link di WordPress

    December 13, 2018 By JBlog™ Leave a Comment

    Cara Memasang Plugin Anti AdBlock Untuk Blog WordPress

    Cara Memasang Plugin Anti AdBlock untuk Blog WordPress

    July 22, 2017 By JBlog™ 2 Comments

    Cara Memasang Iklan Adsense Dengan Quick Adsense Mobile

    Cara Memasang Iklan Adsense dengan Quick Adsense Mobile

    July 15, 2017 By JBlog™ 5 Comments

    niagahoster

    #1 HOSTING TERBAIK INDONESIA

    Diskon 40% + Domain dan SSL Gratis

    Type: Shared Hosting
    Upgrade: Cloud VPS
    Layanan Support: 8/10
    Rata-rata Uptime: 99,97%
    Rata2 Page Load Time: 1,416 ms

    Pilihan terbaik untuk website/blog WordPress

    *Garansi 30 hari uang kembali

    Host dengan Niagahoster

    Secondary Sidebar

    Follow Me

    • Facebook
    • Google+
    • YouTube

    Copyright © 2019 · JBlog · All Rights Reserved · Privacy Policy