Cara memasang iklan banner scroll ? menurun di sidebar blog

Bagikan :

Facebook

Tweet

Linkedin

Pinterest

Apa kabar sobat semua ? pada kali ini saya akan membagikan sedikit tutorial widget yaitu tutorial memasang iklan banner scrolling pada blog. Iklan banner scrolling ini ialah iklan yang terlihat seperti gambar bergerak namun ini hanya lah beberapa gambar yang dibuat bergerak kebawah, jika penasaran sobat bisa lihat contoh gambar berikut ini :

Bagaimana ? menarik bukan. dengan memasang banner seperti ini anda tidak membutuhkan banyak slot untuk memasang iklan dan juga dengan memasang iklan seperti ini pastinya pengunjung akan tertarik dengan banner tersebut, untuk memasangnya silahkan ikuti tutorial berikut :

- Memasang Di Sidebar Blog 

1.Buka Blogger-> Tata Letak -> Tambahkan Gadget -> Klik Javascript/HTML paste kode berikut :

<div class="clear">
</div>
<div class="widget HTML" data-version="1" id="HTML15">
<div class="widget-content">
<marquee behavior="scroll" direction="down" height="300" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" scrolldelay="20" width="300">

<span style="padding-left: 10px;"><a href="http://ethicafashion.com/ethica-blogging-competition/"><img height="150" src="https://ethicafashion.com/wp-content/uploads/BLOG-COMPETITION-BANNER-WEB-PERPANJANGAN.jpg" width="300" /></a></span>

<span style="padding-left: 10px;"><a href="http://www.unsyiah.ac.id/berita/lomba-blog-unsyiah-diperpanjang-hingga-31-juli"><img height="150" src="https://unsyiah.ac.id/uploads/2/images/Banner%20Blog%20Diperpanjang.jpg" width="300" /></a></span>

<span style="padding-left: 10px;"><a href="http://www.boneprice.com/content.html?contentId=48"><img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNNo-R0hwltdyrArRarnhvorkYbNefYsdYtt7N6gtzeeKS6XNv9sx6IbpBoGEzPpkB5Pr2XUFXOu3uI9ifPxssxMG-rRZW-cfRp-FRrAcyRzybaKGnDp85ZAXBnzT5anBeeLSFCsvaYdXs/s1600/as.png" width="300" /></a></span>

<span style="padding-left: 10px;"><a href="http://www.melon.co.id/"><img height="300" src="https://www.melon.co.id/image.do?fileuid=/mediaNASF/image/banner/melon/201606/img_20160602_r2q40s.jpg" width="300" /></a></span>

<span style="padding-left: 10px;"><a href="http://blog.kudo.co.id/jadilah-pahlawan-keluarga-mu/"><img height="300" src="https://blog.kudo.co.id/wp-content/uploads/2016/06/untuknegeri_IG_socmed.jpg" width="300" /></a></span>

</marquee></div>
<div class="clear">
</div>
<span class="widget-item-control">
<span class="item-control blog-admin"></span></span></div>

2. Klik Simpan.

- Memasang di Halaman

Untuk memasang di halaman sebenarnya sama saja, sobat hanya tinggal paste script di atas kedalam mode HTML pada halaman, dan untuk mengatur posisi silahkan tambahkan kode berikut di atas kode tadi:

Kiri

<style>
.widget-content {float:left;}
</style>

Kanan

<style>
.widget-content {float:right;}
</style>

Tengah

<style>
.widget-content {float:center;}
</style>

Setelah itu klik publikasikan dan selesai.

Banner ini juga bisa dirubah menjadi iklan adsense yaitu dengan cara mengganti script image dengan script kode iklan adsense anda. untuk merubah  gambar silahkan ubah link dan target banner tersebut.

Bagaimana ? mudah bukan ? Cara memasang iklan banner scroll ? menurun di sidebar blog

Tag : Blog