Hosting Unlimited Indonesia
Go Blogging!Panduan membuat blog hingga menghasilkan uang!

Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive

Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive | tirailangit.com – Saat ini kebanyakan orang lebih sering mencari informasi di internet dengan browsing menggunakan smartphone 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.

Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive

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 Carousel Banner Affiliasi Lazada Menjadi Responsive

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

    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 responsive?

    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..

    <iframe width="350" height="250" src="https://lap.lazada.com/banner/dynamic.php?banner_id=594562e632e95&theme=1&p=1" frameborder="0" scrolling="no"></iframe>
    

    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 &amp;

    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 responsive affiliasi lazada :

    Demikian Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive.

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

    Semoga bermanfaat..

    Disclaimer : Tulisan adalah sebuah karya cipta. Anda diperbolehkan untuk mengutip sebagian dari isi artikel ini namun harus selalu mencantumkan sumber dari blog ini.