Lihat produk kami Lihat!

Cara Pasang Iklan Vertikal Pada Template Median UI v1.6

Vertical ads adalah iklan yang berbentuk vertikal dengan ukuran 160x600 yang memanjang ke bawah halaman. Cocok di tampilan Desktop
Cara Pasang Iklan Vertikal Pada Template Median UI v1.6
Siapngoding.my.id - Pada tanggal 27 April 2022 pihak pengembang Template Median UI memperkenalkan fitur baru yang diberi nama Vertical Ads Median UI. Fitur ini berupa penambahan widget iklan vertikal di samping kiri postingan.

Apa itu Vertical Ads?

Vertical ads adalah iklan yang berbentuk vertikal dengan ukuran 160x600 yang memanjang ke bawah halaman. Iklan ini cocok di tampilkan pada mode Desktop karena sesuai lebar layar dan mudah di sisipkan di antara postingan atau halaman.

Apa Alasan Memasang Vertical Ads?

Ada banyak alasan mengapa memerlukan iklan vertikal, diantaranya:
  1. Untuk menambah penghasilan Blog, tentunya di Akun Adsense.
  2. Untuk memanfaatkan ruangan yang kosong agar berfungsi maksimal
  3. Bisa dimanfaatkan sebagai wadah untuk meletakan link affiliasi bergambar

Berapa Ukuran Iklan Untuk Vertical Ads?

Ukuran yang direkomendasikan adalah 160 x 600. Keputusan untuk merekomendasikan iklan dengan ukuran tersebut bukanlah tanpa alasan. Semuanya melalui survei panjang Pihak Pegembang. Mulai dari pengalaman pribadi dan mengadopsi tampilan situs berita maupun film.

Dimana hampir semua situs berita ternama dan populer selalu menggunakan iklan ukuran 160 x 600 pada tampilan Dekstop di website mereka.

Kalian tidak yakin dan butuh bukti? Coba perhatikan beberapa screenshot dari situs di bawah ini:

1. Tribunnews.com

Semua domain dan subdomain milik Tribunnews selalu menyematkan ikan vertikal dengan ukuran 160 x 600 pada bagian kiri postingan.
tribun news

2. Suara.com

Website Suara.com malah menampilkan 2 iklan vertikal di samping kiri dan kanan. Posisi ini juga banyak dilakukan oleh situs streaming film gratisan.
suara.com

3. Kompas.com

Ini lebih lagi. Jika Tribunnews hanya memasang 1 vertical ads dan suara.com hanya memasang 2 buah vertical ads. Kompas malah memasang 3 buah iklan vertikal pada kiri postingan sebanyak 2 buah dan 1 buah berada pada kanan postingan.
kompas.com

Lalu, Lebih Baik Meniru Yang Mana?

Berhubung template Median UI 1.6 yang tidak banyak memiliki ruang kosong, jadi lebih baik meniru tampilan Tribun News saja. Terlepas dari itu, untuk Blogger pemula memasang iklan vertikal terlalu banyak sangat tidak dianjurkan karena bisa mengganggu pengunjung.

Cara Membuat Iklan Vertikal Ad di Median UI v1.6

A. Pemasangan Iklan

  1. Buka Dashboard Blogger
  2. Pilih Tata Letak
  3. Pilih Tambahkan Gadget
  4. Cara Pasang Iklan Vertikal Pada Template Median UI v1.6
  5. Salin dan Tempel kode di bawah ini pada bagian kotak Konten
  6. <style scoped='' type='text/css'>
    .siapngoding-leftSd,.siapngoding-rightSd{position:fixed;top:68px;width:130px;height:600px;z-index:0;transform:translateZ(0)}
    .siapngoding-leftSd{left:85px}
    .siapngoding-rightSd{right:0}
    .close-fixedSd{position:absolute;width:160px;height:600px;line-height:600px;font-size:11px;font-weight:400;top:0px;left:0;text-align:center;background:#f6f6f6;border:1px solid #eee;color:#666;padding:5px 0;cursor:pointer}
    @media screen and (max-width:800px){.siapngoding-leftSd,.siapngoding-rightSd{display:none;visibility:hidden;}}
    </style>
    <div class="siapngoding-leftSd">
    <div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
    Advertisement
    </div>
    <!-- Letakkan kode iklan di sini -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:160px;height:600px"
         data-ad-client="ca-pub-0000000"
         data-ad-slot="000000"></ins>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </div>
  7. Keterangan:
    • Kode warna biru ganti dengan kata yang diinginkan (misal: iklan, promo, ads, dll)
    • Kode warna merah ganti dengan ID akun Adsense kalian
    • Kode warna hijau ganti dengan kode Slot iklan Vertikal
  8. Kemudian Tekan Simpan
  9. Cara Pasang Iklan Vertikal Pada Template Median UI v1.6

B. Mengubah Layout Pada Template

Dikarenakan sebelumnya Widget ini tidak tersedia pada template, maka kita harus membuat ruang kosong yang nanti akan kita isi dengan Widget Iklan Vertikal tersebut. Caranya simak tutorial di bawahini baik-baik.
  1. Buka Dashboard Blogger
  2. Pilih Tema
  3. Pilih Edit HTML
  4. Cara Pasang Iklan Vertikal Pada Template Median UI v1.6
  5. Kemudian cari kode .blogCont .secIn dengan cara menekan CTRL + F pada keyboard dan masukan kata kunci .blogCont .secIn.
  6. Cara Pasang Iklan Vertikal Pada Template Median UI v1.6
  7. Ubah ukuran padding-left kode tersebut yang semula 25px
  8. .blogCont .secIn{padding-left:25px;padding-right:25px}
      	
  9. Menjadi 180px
  10. .blogCont .secIn{padding-left:180px;padding-right:25px}
      	
  11. Lalu Simpan Tema

Penutup

Demikian cara membuat dan memasang iklan vertikal ads di Median UI versi 1.6. Semoga bermanfaat. Untuk preview silahkan cek live demo melalui tombol di bawah ini 
     Live Demo 
  Download Template Median UI
Cara Pasang Iklan Vertikal Pada Template Median UI v1.6
Cara Pasang Iklan Vertikal Pada Template Median UI v1.6
*Harga tiap paket berbeda
CHECKOUT

Mau donasi lewat mana?

BRI - Firgiawan Alfurqon (3325-0103-2951-535)
Merasa terbantu dengan artikel ini? Ayo dukung Admin dengan Klik tombol merah.
Selanjutnya mau dibuatkan artikel apalagi? Tulis request kamu di kolom "Posting Komentar"

Posting Komentar

Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
© SIAP NGODING. All rights reserved. Premium By Raushan Design