Cara Menciptakan Responsive Ads Box By Refresh Di Sidebar Blog - Fezarzone

Selamat Sore dan kembali dengan Bacalagers.com, Kali ini Saya ingin membuatkan Tips Blogging perihal Cara Membuat Widget Kotak Iklan Responsive yang mana Widget Kotak Iklan ini terperinci 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 sanggup anda Custom dalam aneka macam jenis ukuran sesuai letak kawasan anda menaruhnya. Iklan pada biasanya kan juga memakai HTML yang anda dapatkan contohnya dari AdSense dan lain-lain.

Nah kalau ini aku Membuat dengan Javascript serta Cara menggunakannya juga terbilang gampang alasannya yakni 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 dibentuk memakai Javascript dan yang paling berkesan untuk blog anda yakni Widget Kotak Iklan ini tidak akan menciptakan Loading Blog anda menjadi Berat atau LoLa.

Oh iya didalam instruksi ini aku menyediakan 5 Banner yang dipasang dan silahkan anda ganti dengan banner iklan anda. Oke deh tidak usah berlama-lama alasannya yakni jikalau terlalu usang itu terkadang suka menciptakan 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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQ3WsbvYfL3LVDKcFlDMCpYOoLni6hswK_7V0s0uArgQuExRxN0lYWO8LKO8B0FF9_TqCyOC41k4WSTvM_0-RJVl6MevXxBKhqfnB6lRu_NT6DoAZej3FJ9fUA9usJx9Dqb6k8HkKeWRj/s1600/300x250.gif";   width = "300";   height = "250"; } if (bacalagi_place == 2) {   url = "#";   alt = "Deskripsi Iklan";   title = "Judul Iklan";   banner = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2pDaa3Ov1fDnbd0q1rm_wXzc06RgltWQPsnKUENBKFrHINgIFB6AFJ5jzPJGRcS-KkBvNy2DmepF9WZv6kWyRCVg-jAv3lxMPxfqcU_Lxi2hcXAJJ0obuXjO1zE3kdThdvYigclQi_Ia/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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03XSlChhu3rrggLfanTTd90TiS4_1V6_PNj05RcCYTzyeR6FMxVXwejXHSoeLEEz55EKm11MRvIvOPVQ7X83K7hmjDZpDsHa0-h6_2lBHu0vaftjVqLkbg6N-YxY1OVhYrYI7igL6nxjB/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 jikalau 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 instruksi document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');

if (bacalagi_place == 6) {   url = "#";   alt = "Deskripsi Iklan";   title = "Judul Iklan";   banner = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03XSlChhu3rrggLfanTTd90TiS4_1V6_PNj05RcCYTzyeR6FMxVXwejXHSoeLEEz55EKm11MRvIvOPVQ7X83K7hmjDZpDsHa0-h6_2lBHu0vaftjVqLkbg6N-YxY1OVhYrYI7igL6nxjB/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.

Demo
Click here