Cara Memasang Kotak Iklan Responsive Di Blog | Tutorial Lengkap

Cara Memasang Kotak Iklan Responsive Di Blog

Zona Internetku September 26, 2018

Cara Memasang Kotak Iklan Responsive Di Blog

Cara Membuat Kotak Iklan Responsive Di Blog. Kotak iklan adalah sebuah loka atau ruang yg dipakai untuk meletakkan unit iklan, baik itu berupa teks juga gambar. Pastinya kalian acapkali kali melihat sebuah web yg memasang iklan di bagian pada web tersebut, baik itu sidebar ataupun yang lainnya.

Baiklah, saya akan segera menunjukkan mengenai cara buat memasang widget space iklan menggunakan berukuran eksklusif dalam blog yg bisa responsive di berbagai perangkat. Seperti yg kalian ketahui bahwasannya jika memasang iklan yg paripurna

Baca juga :

Cara Daftar Google Adsense Non Hosted

Cara Mendapatkan Uang Dari Website Kita

Cara Menghasilkan Uang Dari Internet 2018

Panduan Untuk Cara Memasang Berbagai Macam Widget Kotak Iklan Responsive Di Blog

1. Masuk ke dalam blog kalian masing masing

2. Kemudian kalian pilih menu "Tata Letak" dan klik "Tambahkan Gadget"

3. Lalu pilih widget "HTML/JavaScript" dan masukkan salah satu script html di bawah ini ke dalam konten widget tersebut

Widget Space Iklan Banner Ukuran 300px*250px

			<style> .kotak_iklan{width:100%;max-width:300px;display:block;margin:0 auto;padding:0} .kotak_wrapper{margin:0 auto;left:0;right:0;padding:0;position:relative;max-width:600px} .kotak_iklan .iklan_besar{max-width:100%;height:auto;max-height:250px;text-align:center} .kotak_iklan .iklan_besar a img{max-width:100%;height:auto} @media screen and (max-width:768px){ .kotak_iklan{max-width:100%} .kotak_iklan .iklan_besar,.kotak_iklan .iklan_kecil,.kotak_iklan .iklan_text{margin:0 auto;position:relative} .kotak_iklan .iklan_besar{margin:25px auto}} @media screen and (max-width:340px){ .kotak_iklan .iklan_besar{width:100%;height:auto;margin:0 auto 4px} .kotak_iklan .iklan_besar a img{height:auto}} </style> <div class="kotak_iklan"> <div class="kotak_wrapper"> <div class="iklan_besar"> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_EQ4xv6PHttv9OIa8NipxpPq26jeaREYS5HqseD46ZKWArCcKxRPEdeI7-DkmR_ujX0aD0X-_oeJMElNMpyXZvr63gK46CH4Foxb4LKX3Sey39w4xaYGRSFDCTp7Pshyphenhyphenjp4uxZSh276D/s1600/ads+300x250.jpg" height="250px" width="300px"/></a> </div> </div> </div>

Widget Space Iklan Banner Ukuran 125px*125px

			<style> .kotak_iklan{width:100%;max-width:300px;display:block;margin:0 auto;padding:0} .kotak_wrapper{margin:0 auto;left:0;right:0;padding:0;position:relative;max-width:600px} .kotak_iklan .iklan_kecil{text-align:center} .kotak_iklan .iklan_kecil a img{margin:4px;padding:0;border:0} @media screen and (max-width:768px){ .kotak_iklan{max-width:100%} .kotak_iklan .iklan_kecil{margin:0 auto;position:relative}} @media screen and (max-width:340px){ .kotak_iklan .iklan_kecil{width:100%;height:auto;margin:0 auto 4px} .kotak_iklan .iklan_kecil a img{height:auto;width:calc(50% - 2px);margin:1px}} </style> <div class="kotak_iklan"> <div class="kotak_wrapper"> <div class="iklan_kecil"> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsE8OVfsnleBBBIw68wjddV1CYPHfyLG8f_Vtoyf48F41NnL-T8OnvmYgfZUjq02Q6Y7b1ZLfnWVi7Mm_ZB2qoYqRgyULK3tfi8uArnjt0w_6lX8hkRSlGiFmx3yM2ML7J1ewmf9809XjB/s1600/Ads+125x125.png" height="125" width="125"/></a> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsE8OVfsnleBBBIw68wjddV1CYPHfyLG8f_Vtoyf48F41NnL-T8OnvmYgfZUjq02Q6Y7b1ZLfnWVi7Mm_ZB2qoYqRgyULK3tfi8uArnjt0w_6lX8hkRSlGiFmx3yM2ML7J1ewmf9809XjB/s1600/Ads+125x125.png" height="125" width="125"/></a> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsE8OVfsnleBBBIw68wjddV1CYPHfyLG8f_Vtoyf48F41NnL-T8OnvmYgfZUjq02Q6Y7b1ZLfnWVi7Mm_ZB2qoYqRgyULK3tfi8uArnjt0w_6lX8hkRSlGiFmx3yM2ML7J1ewmf9809XjB/s1600/Ads+125x125.png" height="125" width="125"/></a> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsE8OVfsnleBBBIw68wjddV1CYPHfyLG8f_Vtoyf48F41NnL-T8OnvmYgfZUjq02Q6Y7b1ZLfnWVi7Mm_ZB2qoYqRgyULK3tfi8uArnjt0w_6lX8hkRSlGiFmx3yM2ML7J1ewmf9809XjB/s1600/Ads+125x125.png" height="125" width="125"/></a> </div> </div> </div>

Widget Space Iklan Banner Ukuran 300px*250px Dan 125px*125px

			<style> .kotak_iklan{width:100%;max-width:300px;display:block;margin:0 auto;padding:0} .kotak_wrapper{margin:0 auto;left:0;right:0;padding:0;position:relative;max-width:600px} .kotak_iklan .iklan_besar{max-width:100%;height:auto;max-height:250px;text-align:center} .kotak_iklan .iklan_besar a img{max-width:100%;height:auto} .kotak_iklan .iklan_kecil{text-align:center} .kotak_iklan .iklan_kecil a img{margin:4px;padding:0;border:0} @media screen and (max-width:768px){ .kotak_iklan{max-width:100%} .kotak_iklan .iklan_besar,.kotak_iklan .iklan_kecil{margin:0 auto;position:relative} .kotak_iklan .iklan_besar{margin:25px auto}} @media screen and (max-width:340px){ .kotak_iklan .iklan_besar,.kotak_iklan .iklan_kecil{width:100%;height:auto;margin:0 auto 4px} .kotak_iklan .iklan_besar a img{height:auto} .kotak_iklan .iklan_kecil a img{height:auto;width:calc(50% - 2px);margin:1px}} </style> <div class="kotak_iklan"> <div class="kotak_wrapper"> <!--Iklan Banner Besar--> <div class="iklan_besar"> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_EQ4xv6PHttv9OIa8NipxpPq26jeaREYS5HqseD46ZKWArCcKxRPEdeI7-DkmR_ujX0aD0X-_oeJMElNMpyXZvr63gK46CH4Foxb4LKX3Sey39w4xaYGRSFDCTp7Pshyphenhyphenjp4uxZSh276D/s1600/ads+300x250.jpg" height="250px" width="300px"/></a> </div> <!--Iklan Banner Kecil--> <div class="iklan_kecil"> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsE8OVfsnleBBBIw68wjddV1CYPHfyLG8f_Vtoyf48F41NnL-T8OnvmYgfZUjq02Q6Y7b1ZLfnWVi7Mm_ZB2qoYqRgyULK3tfi8uArnjt0w_6lX8hkRSlGiFmx3yM2ML7J1ewmf9809XjB/s1600/Ads+125x125.png" height="125" width="125"/></a> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsE8OVfsnleBBBIw68wjddV1CYPHfyLG8f_Vtoyf48F41NnL-T8OnvmYgfZUjq02Q6Y7b1ZLfnWVi7Mm_ZB2qoYqRgyULK3tfi8uArnjt0w_6lX8hkRSlGiFmx3yM2ML7J1ewmf9809XjB/s1600/Ads+125x125.png" height="125" width="125"/></a> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsE8OVfsnleBBBIw68wjddV1CYPHfyLG8f_Vtoyf48F41NnL-T8OnvmYgfZUjq02Q6Y7b1ZLfnWVi7Mm_ZB2qoYqRgyULK3tfi8uArnjt0w_6lX8hkRSlGiFmx3yM2ML7J1ewmf9809XjB/s1600/Ads+125x125.png" height="125" width="125"/></a> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsE8OVfsnleBBBIw68wjddV1CYPHfyLG8f_Vtoyf48F41NnL-T8OnvmYgfZUjq02Q6Y7b1ZLfnWVi7Mm_ZB2qoYqRgyULK3tfi8uArnjt0w_6lX8hkRSlGiFmx3yM2ML7J1ewmf9809XjB/s1600/Ads+125x125.png" height="125" width="125"/></a> </div> </div> </div>

Perhatian :

Jangan lupa untuk mengganti url iklan dan juga url banner iklan pada widget tersebut

4. Jika semuanya sudah selesai dan benar benar siap maka silahkan kalian klik "Simpan" untuk menyimpan perbuahan pada blog kalian

Baca juga :

Cara Membuat Tombol Back To Top Keren Di Blog

Cara Membuat Tombol Demo Dan Download Keren Di Blog

Cara Mengubah Widget Popular Post Menjadi Keren

Itulah panduan singkat mengenai Cara Memasang Kotak Iklan Responsive Di Blog yang mungkin saja bisa berguna untuk kalian dan terima kasih telah berkunjung

Komentar

Posting Komentar

Postingan populer dari blog ini

4 Aplikasi Terbaik Untuk Memantau Kurs Mata Uang Dunia Di Android | Tutorial Lengkap

Gambar
4 Aplikasi Terbaik Untuk Memantau Kurs Mata Uang Dunia Di Android Aplikasi Terbaik Untuk Memantau Kurs Mata Uang Dunia Di Android. Mungkin sebagian besar orang membutuhkan informasi yang terbaru dan aktual mengenai pergerakan mata uang dunia baik itu dollar ataupun rupiah. Zona Internetku August 20, 2019 Hal yang mendorong seorang buat terus memantau perkembangan mata uang tersebut umumnya disebabkan sang alasan tersendiri misalnya urusan berbisnis ekspor/impor barang ke mancanegara, berpergian (travelling), trading forex dan pula usaha lainnya. Untuk memantau terus pergerakan nilai tukar mata uang global contohnya dolar Amerika Serikat, Singapura, Taiwan Deretan Aplikasi Terekomendasi Untuk Memantau Pergerakan Nilai Tukar Mata Uang Lokal Dan Asing (Internasional) Di Android 1. BI Mobile Pertama ada aplikasi BI Mobile yang diluncurkan dengan resmi dari Bank Sentral Republik Indonesia, melalui aplikasi kamu bisa melihat semua informasi mengenai keuangan seperti nilai tukar ru...
Baca selengkapnya

4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP | Tutorial Lengkap

Gambar
4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP Dan Tablet . Smartphone atau yang lebih akrab disebut dengan gadget telah menjadi bagian kebutuhan pokok sehari hari, mulai dari untuk berkomunikasi, berbisnis, mencari informasi ataupun hanya untuk sekedar mencari hiburan seperti bermain game. Zona Internetku November 11, 2019 Tetapi tahukah kalian bahwa sinar biru (blue light) yang dipancarkan sang layar HP jua mengakibatkan radiasi dalam organ mata sebagai akibatnya mampu berdampak buruk bagi si pengguna gadget tersebut, terutama bagi orang yang melakukan semua aktifitasnya melalui HP, terlebih lagi jika mereka sanggup memakai HP lebih dari 8 jam setiap harinya yg padahal itu jelek bagi kesehatannya. Tapi kita juga masih sanggup buat mengurangi pengaruh atau resiko yg disebabkan sinar biru smartphone dengan memakai fitur fitur yg sudah disediakan sang pihak pengembang beberapa pelaksan...
Baca selengkapnya

Tehnik Pewarnaan Fountain Fill | Tutorial Lengkap

Gambar
Tehnik Pewarnaan Fountain Fill Tehnik Pewarnaan Fountain Fill Corel Draw Zona Internetku May 10, 2016 Tehnik Pewarnaan Fountain Fill Corel Draw . hallooo... :D sampai jumpa lagi di zona internetku, pada kesempatan kali ini, saya memposting tentang tehnik pewarnaan fountain fill yang ada di aplikasi corel draw x5, pewarnaan ini sangatlah penting untuk mengisi bagian sebuah objek, apalagi dalam sebuah animasi, dan juga dalam kehidupan sehari-hari, maka dari itu saya disini akan menunjukkan bagaimana Tehnik Pewarnaan Fountain Fill pada aplikasi corel draw x5, karena didalam aplikasi ini menyediakan fitur-fitur tehnik dalam sebuah pewarnaan sebuah objek, seperti pewarnaan menggunakan uniform fill, pattern fill, texture fill dan lain lain. Tapi disini saya hanya akan menjelaskan yang Fountain fill saja karena dengan tehnik ini kita bisa memainkan warna sesuai dengan kreasi kita, dan tehnik ini dan unform fill lebih banyak dipakai daripada yang lainnya. cukup disini dulu basa basin...
Baca selengkapnya