Membuat Unit Iklan Link Responsive Adsense Dengan Banyak Tombol

Secara default, unit iklan link responsive adsense akan tampil horizontal dengan 2 kolom dan 2 baris tombol (jika disimpan di dalam postingan). Dengan tampilan ini maka tombol yang tampil hanya ada 4 buah tombol. Dan di tampilan mobile maka tombol yang tampil menjadi hanya 2 buah tombol saja.

Lalu bagaimana caranya biar tombol yang tampil pada unit iklan link responsive Adsense ini menampilkan banyak tombol?

Pada unit iklan link responsive Adsense ini kita dapat menampilkan 10 tombol (2 kolom dan 5 baris) dan pada tampilan mobile menjadi menampilkan 5 tombol (1 kolom 5 baris).

Untuk menciptakan unit iklan link responsive Adsense menjadi menampilkan banyak tombol ini hanya perlu menambahkan CSS untuk mengatur tinggi iklannya. Dan iklan simpan di tempat below the fold menyerupai di bawah postingan, di atas komentar, atau di atas footer.

Untuk blog AMP sudah aku bahas mengenai unit iklan link ini di postingan Membuat Unit Iklan Link Adsense Untuk AMP HTML.

Untuk blog non AMP silahkan ikuti langkah-langkah berikut:

1. Silahkan buat unit iklan link, pilih unit responsive dan sesuaikan warna tombolnya.
2. Gunakan CSS berikut untuk mengatur tinggi iklannya, simpan di atas aba-aba ]]></b:skin> atau </style>:
   

   .linkadsense{width:100%;height:250px;}

3. Kemudian tambahkan class linkadsense pada aba-aba iklan link menjadi menyerupai berikut:
   

   <ins class="adsbygoogle linkadsense"
         style="display:block"
         data-ad-client="ca-pub-1234567890"
         data-ad-slot="1234567"
         data-ad-format="link"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
   </script>

DEMO

Silahkan lihat iklan link di bawah postingannya.

Bagaimana, gampang bukan? Selamat mencoba.


Sumber https://www.kompiajaib.com/

Share this post