Cara Membuat Kotak Iklan Di Blog Keren Terbaru

Cara Membuat Kotak Iklan Di Blog Keren TerbaruCara Membuat Kotak Iklan Di Blog Keren Terbaru ~ Pada Kesempatan kali ini becakcode akan sedikit berbagi untuk cara pembuatan space iklan kosong, maupun mengisi space iklan berupa gambar atau animasi text.

Dalam beberapa hari ada yang meminta saya untuk membuatkan kotak widget berupa kotak iklan yang sering disebut juga kotak partner iklan sebanyak 4 kotak ataupun lebih di platform blogger, nah kali ini mungkin sekalian saya share aja untuk cara pembuatannya ya, kotak iklan berukuran kecil size ukuran 125 x 125 berfungsi untuk sebagai media promosi di blog kamu, seperti contoh kamu juga bisa meletakkan berupa partner blog berbentuk kerjasama ataupun yang lain.

Cek juga : Rawgit Ditutup? Berikut Alternatif Sumber CDN Selain RawGit

Mungkin kebanyakan kalian yang memiliki trafic blog yang tinggi amat disayangkan kalau kalian tidak promosi sekalian, walau hanya berbentuk banner jika kalian membuat semenarik mungkin. pastinya di klik orang juga. Oleh karena itu kalian wajib memasang ini untuk media promosi yang simple dan tidak memakan biaya apapun. Widget yang saya bagikan merupakan hasil redesign saya yang diambil dari beberapa sumber di internet. agar membuatnya semenarik mungkin, saya agak sedikit merubah tampilannya sedikit agar ringan dan tidak memberatkan blog kamu tentunya.

Dalam catatan penting yang saya perlu beri tahu kepada anda, image atau banner harus dibuat semenarik mungkin agar pengunjung tertarik dan membukanya, tetapi beberapa orang juga sampai membuat efek animasi berupa .gif agar terlihat menarik dan keren. Buat yang penasaran bagaimana cara membuat space iklan 4 kotak berukuran 125x125 saya akan memberikan sedikit penjelasan untuk pembuatannya, bagi yang belum melihat demonya, dapat anda lihat gambar dibawah ini :

Cara Membuat Kotak Iklan Di Blog Keren Terbaru

Sebagai Contoh saya memberi iklan space kosong, bisa juga di isi dengan gambar ataupun animasi, silahkan baca panduan dibawah ini :

Cara Membuat Kotak Iklan Di Blog Keren Terbaru


Unit iklan ini bisa anda kreasikan sendiri semenarik mungkin, saya akan memberikan 2 penjelasan untuk pembuatan iklan kosong seperti diatas, maupun berupa menambahkan gambar ke dalam kotak tersebut. kita akan coba praktekkan menambahkan cssnya dulu ke dalam thema atau template kamu.
Baca Juga :Cara Memasang Tombol Share Sosial Media di Blog

1. Silahkan Login Ke Akun Blogger Kamu..
2. Pergi Ke Tema >> Edit HTML >> Tambahkan Kode Dibawah Ini Sebelum Tag ]]></b:skin>


.becakcodeads{max-width:300px;margin:auto;text-align:center;display:block;background-color:#fff;font-family: 'Archivo Narrow', sans-serif;}.becakcodeads img,.becakcode img{display:block;padding:0;margin:auto;list-style:none}.becakcode{width:125px;height:125px;margin:auto;text-align:center;color:#fff;font-size:80%;text-transform:uppercase;display:inline-block;text-align:center;padding:1px 1px 1px;}.becakcode span{background-color:#3498db;width:100%;line-height:125px;display:table;margin:0 auto}


3. Simpan Tema.

Cara Membuat Space Iklan Kosong.


1. Silahkan Pergi Ke Tata Letak >> Tambahkan Gadget >> Html atau  Javascript.

2. Masukkan Kode Script Berikut :

<div class="becakcodeads">

<div class="becakcode"><span>Iklan 1</span></div>

<div class="becakcode"><span>Iklan 2</span></div>

<div class="becakcode"><span>Iklan 3</span></div>

<div class="becakcode"><span>Iklan 4</span></div>

</div>


3. Simpan Dan Lihat Hasilnya



Cara Membuat Space IklanYang Sudah Ada.


Jika Kamu Sudah Memiliki Iklan Berupa Gambar atau Animasi, Silahkan Ikuti Petunjuk dibawah.

1. Silahkan Pergi Ke Tata Letak >> Tambahkan Gadget >> HTML/JAVASCRIPT.

2. Masukkan Kode/Script Berikut :
Baca Juga :5 Hal Yang Harus Dilakukan Blogger Pemula

<div class="becakcodeads">

<div class="becakcode"><a href="Url Iklan" title="Judul_Iklan" rel="nofollow noopener" target="_blank"><img src="http://3.bp.blogspot.com/-UgOimXTgq7c/Ug0jMzPTc9I/AAAAAAAAIe4/0clcR4uo-6g/s1600/125_1.png" /></a></div>

<div class="becakcode"><a href="www.becakcode.site" title="Judul_Iklan" rel="nofollow noopener" target="_blank"><img src="http://3.bp.blogspot.com/-UgOimXTgq7c/Ug0jMzPTc9I/AAAAAAAAIe4/0clcR4uo-6g/s1600/125_1.png" /></a></div>

<div class="becakcode"><a href="www.becakcode.site" title="Judul_Iklan" rel="nofollow noopener" target="_blank"><img src="http://3.bp.blogspot.com/-UgOimXTgq7c/Ug0jMzPTc9I/AAAAAAAAIe4/0clcR4uo-6g/s1600/125_1.png" /></a></div>

<div class="becakcode"><a href="www.becakcode.site" title="Judul_Iklan" rel="nofollow noopener" target="_blank"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRCFIr1jwhC5oe99FwxVtInGK2ET6Fmv7ZKJKiFEDnu7uCh9qSB" /></a></div>

</div>


3. Simpan.

Note :
Sesuaikan Dengan Gambar Dan Url Yang Akan Dituju..

Demikianlah artikel ini untuk cara pembuatan  kotak iklan di blog yang baik itu space yang ada iklan, maupun membuat space kosong saja. kalian bisa memilih opsi diatas mana sesuai dengan kebutuhan yang kalian punya. baiklah alangkah baiknya saya tutup saja postingan kali ini. apabila masih ragu silahkan berkomentar dan terimakasih telah membaca.. nantikan update dari blog ini.


Assalamu'alaikum, perkenalkan nama saya Yosep alfatah bisa dipanggil Yosep, asal dari Banjar Jawa Barat. Saya mulai mengenal blog pada tahun 2016. Saya suka Belajar Hal baru dan Membagikannya.