Membuat Banner Iklan Blog Sederhana Tapi Menarik

Iklan Blog Menarik – Sesungguhnya Langkah Bikin Banner Iklan Situs (blog) Simpel Sekalian Menarik ini telah banyak tutorialnya, tetapi mengingat ada satu diantara rekan kita yang ajukan pertanyaan dengan penampilan iklan banner yang ada di situs (blog) ini, jadi aku bakal menerangkan dengan cara detil.

Banner Iklan Blog Menarik
Banner Iklan Blog Menarik

Banner, Situs (blog), Responsive
Aku tak memahami semuanya mengenai arti dari pertanyaan Mas Syarif Hidayat, tetapi rangkuman aku mungkin saja bakal terjelaskan dari tutorial ini nanti. Tersebut pernyataan dari rekan kita berkaitan langkah bikin banner iklan seperti di situs (blog) Terwujud. com :

“Mas ibrahim, aku ingin bertanya nih namun maaf pertanyaan aku diluar kajian artikel ini langkah buat iklan lazada seperti punyanya sampean di sidbar karna iklan aku tak ada iframe nya, mas dapat mengecek iklan di situs (blog) aku lewat google plus, karna di sini kelihatannya tak diijinkan gunakan link aktif, trimakasih

trimakasih atas responnya mas ibrahim, contoh penampilan gambarnya di situs (blog) aku mas dibagian sidbar., serta di gambar iklanya sampean mas. dasarnya gini mas kok penampilan iklan lazada aku tak seperti iklan lazadanya sampean, iklanya sampean kaya ada garis tepinya saat terkena maos nampak tulisan criteo iframe, trus iklan s… ”

1. KODE CSS
Sebelumnya bikin penampilan iklan, jadi terlebih dulu di buat kode CSS nya. Kode ini bakal disimpan pada halaman Ubah HTML pada template situs (blog). Mengenai langkahnya yakni :
Click menu template
Lalu, click menu Ubah HTML
Taruh terlebih dulu kode HTML sahabat, sebatas berjaga-jaga bila ada kekeliruan
Copy kode CSS berikut ini serta tempatkan di atas/sebelumnya kode /b : skin, tetapi untuk template yang responsive seperti situs (blog) ini, kode itu tak tampak. Bila template sahabat semacam dengan template aku, sahabat dapat menempatkannya diantara kode-kode CSS pada template situs (blog) sahabat.
. baim_iklan {text-align : center ; margin : 0 auto ; padding : 16px 0 0 ; border : 1px solid #ddd ; width : 298px ; height : 280px ; }
. baim {margin : 0px 0px 16px 16px ; padding : 0 ; latar belakang : #ddd ; height : 125px ; width : 125px ; display : inline ; float : left}
Kemudian, click save/taruh template
2. PEMASANGAN WIDGET
tahap selanjutnya yaitu pemasangan kode HMTL pada kolom widget yang ada pada tata letak template situs (blog). Mengenai langkahnya yaitu :
Masuk ke menu Tata Letak
Click menu Berikan Gadget atau Masukan pada Widget yang ada
Copy Kode berikut ini serta paste kedalam kolom widget yang telah disiapkan
div class= ” baim_iklan ”
div class= ” baim ” a href= ” Link Banner ” img alt= ” teks alternatif ” src= ” Link Gambar ” title= ” Teks pada judul banner ” // a/div
div class= ” baim ” a href= ” Link Banner ” img alt= ” teks alternatif ” src= ” Link Gambar ” title= ” Teks pada judul banner ” // a/div
div class= ” baim ” a href= ” Link Banner ” img alt= ” teks alternatif ” src= ” Link Gambar ” title= ” Teks pada judul banner ” // a/div
div class= ” baim ” a href= ” Link Banner ” img alt= ” teks alternatif ” src= ” Link Gambar ” title= ” Teks pada judul banner ” // a/div
/div
Click taruh setelan
3. HASIL AKHIR
Jika beberapa langkah diatas telah kamu buat, jadi iklan banner telah usai. Sahabat juga dapat memodifikasi penampilan iklan baik dari segi garis pinggir, penampilan banner iklan yang belum di gunakan, latar belakang iklan serta lain sebagainya.

Baca juga :

4. MASALAH DAN TESTIMONI
Nah, bila ada permasalahan atau beberapa hal yg tidak sahabat kenali, jadi sahabat dapat ajukan pertanyaan lewat form komentar di bawah atau lewat e-mail.

Leave a Reply

Your email address will not be published. Required fields are marked *