Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget Atas Posting

Cara Membuat Kode Script Iklan Banner di Website

Periklanan atau advertising merupakan suatu kelaziman di zaman sekarang terkait dunia bisnis dan usaha. Sebab, melalui iklan akan memudahkan dalam promosi dan sosialisasi produk, layanan, barang dan jasa bisnis kita. Iklan lebih menarik ketimbang pengumuman artikel yang terlalu panjang. Iklan lebih dominan menampilkan tekstual yang bersifat seperti semboyan (moto), kata-kata mutiara, kata-kata kekinian dan yang paling utama iklan selalu ditampilkan dalam sisi grafis berupa gambar (bisa berupa gif, animasi dan sebagainya), ataupun video. Iklan yang lumayan berpengaruh dalam mempengaruhi konsumen adalah iklan dalam bentuk video, dikarenakan iklan tersebut lebih interaktif dibanding iklan gambar biasa. Tetapi, iklan video lebih cocok ditayangkan di media berupa televisi, YouTube, Instagram, Facebook dan media sosial lainnya.

Sedangkan, apabila bisnis kita ingin diiklankan di situs web, maka solusi utamanya adalah iklan berbentuk gambar. Sebab, iklan berbentuk gambar ukurannya lebih ringan dan juga fast responsive terhadap situs web tersebut, dibanding iklan video. Tanpa loading terlalu lama, dan juga tidak membuat risih tampilan situs web kita. Apalagi, jikalau situs web tersebut adalah blog, maka sangat cocok apabila memakai iklan berbentuk gambar.

BANNER IKLAN BIASA

Banner iklan biasa ini dapat ditempatkan dimana saja, baik itu di Header, Footer, dalam Postingan, tengah Postingan dan sebagainya sesuai yang anda suka.

DEMO BANNER IKLAN BIASA

Banner Iklan Sariksa

KODE SCRIPT/HTML BANNER IKLAN BIASA

Nah, bagaimanakah cara membuat kode script iklan banner di website?? inilah caranya. Anda tinggal copy paste kode yang ada dibawah ini, lalu modifikasi sesuai prosedur yang disediakan, yakni sebagai berikut.
<a href="https://www.sariksa.com" target="_blank"><img src=" https://1.bp.blogspot.com/-u0De7KXWBlM/XtZkz2JMR8I/AAAAAAAAAAs/UEwtEK-exYkdsB-AR-cqFP_74LQcGL0kgCLcBGAsYHQ/s1600/Sariksa-com-portal-informasi-terkini-up-to-date.png" alt="Banner Iklan Sariksa" border="0" width="728" height="90" /></a>

Silakan paste kode tersebut. Untuk prosedur modifikasinya sebagai berikut.
  1. silakan ubah https://www.sariksa.com dengan alamat link website anda. Alamat tersebut adalah, ketika banner iklan tersebut di klik, maka akan tertuju pada alamat link website ini. Harap disertai http:// atau https:// supaya lebih terarah.
  2. silakan ubah https://1.bp.blogspot.com/-u0De7KXWBlM/XtZkz2JMR8I/AAAAAAAAAAs/UEwtEK-exYkdsB-AR-cqFP_74LQcGL0kgCLcBGAsYHQ/s1600/Sariksa-com-portal-informasi-terkini-up-to-date.png dengan alamat link gambar yang akan dijadikan banner iklan anda. Apabila gambar anda belum punya link, silakan upload terlebih dahulu gambar anda supaya online dan punya link.
  3. ganti teks Banner Iklan Sariksa dengan teks yang anda inginkan. Ini adalah teks judul nama banner anda atau deskripsi banner anda.
  4. ganti ukuran lebar / width 728 sesuai lebar gambar anda. Biasanya ukuran width banner iklan itu 728, 300, 250, 1280 dan sebagainya.
  5. ganti ukuran tinggi / height 90 sesuai tinggi gambar anda. Biasanya ukuran height banner iklan itu 90, 300, 250, 200, 800 dan sebagainya.
  6. jangan lupa ukuran gambar untuk banner iklan di website itu biasanya ukuran 728×90 pixel, 300×250 pixel, 250×250 pixel, 600×300 pixel, 600×250 pixel dan sebagainya. Silakan itu sesuai pilihan anda.
setelah itu anda tinggal paste kode yang sudah anda modifikasi sesuai prosedur tersebut ke website anda. Apabila anda pakai WordPress anda bisa insert pakai plugin atau juga widget. Apabila anda pakai Blogger anda bisa insert langsung di widget.

BANNER IKLAN MELAYANG

Nah, banner iklan melayang ini tentunya lebih menarik. Selain itu, dilengkapi fitur close atau dalam artian banner tersebut bisa di close supaya tidak menghalangi content-content dalam website anda.

DEMO BANNER IKLAN MELAYANG

HASILNYA LIHAT DISINI UNTUK DEMO BANNER IKLAN MELAYANG

KODE SCRIPT/HTML BANNER IKLAN MELAYANG

Nah, bagaimanakah cara membuat kode script iklan banner di website?? inilah caranya. Anda tinggal copy paste kode yang ada dibawah ini, lalu modifikasi sesuai prosedur yang disediakan, yakni sebagai berikut.
<style type='text/css'> .stickywrap{width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:9999} .stickyzone{text-align:center;display:block;max-width:970px;height:auto;overflow:hidden;margin:auto} .stickyzone img{max-width:100%;height:auto;vertical-align:middle} .stickyclose{cursor:pointer;text-align:center} </style> <script type='text/javascript'> $(document).ready(function({$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script> <div id='stickyb' class='stickywrap'> <div><a id='close-stickyb' onclick='document.getElementById(&apos;stickyb&apos;).style.display = &apos;none&apos;;'><img alt='close' src='https://3.bp.blogspot.com/-6LAwZExOdHM/Xh7fAY_R5rI/AAAAAAAACB0/gHeIT7IiNKs51DmS34eoBwalg9tiL42AgCNcBGAsYHQ/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div> <div class='stickyzone'> <a href='https://www.sariksa.com' title='Banner Iklan Sariksa.com'><img alt='Banner Iklan Sariksa.com' src='https://1.bp.blogspot.com/-u0De7KXWBlM/XtZkz2JMR8I/AAAAAAAAAAs/UEwtEK-exYkdsB-AR-cqFP_74LQcGL0kgCLcBGAsYHQ/s1600/Sariksa-com-portal-informasi-terkini-up-to-date.png'/></a> </div> </div>

 Silakan paste kode tersebut. Untuk prosedur modifikasinya sebagai berikut.

  1. silakan ubah https://www.sariksa.com dengan alamat link website anda. Alamat tersebut adalah, ketika banner iklan tersebut di klik, maka akan tertuju pada alamat link website ini. Harap disertai http:// atau https:// supaya lebih terarah.
  2. silakan ubah https://1.bp.blogspot.com/-u0De7KXWBlM/XtZkz2JMR8I/AAAAAAAAAAs/UEwtEK-exYkdsB-AR-cqFP_74LQcGL0kgCLcBGAsYHQ/s1600/Sariksa-com-portal-informasi-terkini-up-to-date.png dengan alamat link gambar yang akan dijadikan banner iklan anda. Apabila gambar anda belum punya link, silakan upload terlebih dahulu gambar anda supaya online dan punya link.
  3. ganti teks Banner Iklan Sariksa dengan teks yang anda inginkan. Ini adalah teks judul nama banner anda atau deskripsi banner anda.
  4. ganti ukuran lebar / width 970px sesuai lebar gambar anda. Biasanya ukuran width banner iklan itu 970, 728, 300, 250, 1280 dan sebagainya.
  5. ganti ukuran tinggi / height auto sesuai tinggi gambar anda. Kalau ingin disesuaikan silakan ganti jadi 90px, 300px dan sebagainya. Tetap auto pun boleh. Biasanya ukuran height banner iklan itu 90, 300, 250, 200, 800 dan sebagainya.
  6. jangan lupa ukuran gambar untuk banner iklan di website itu biasanya ukuran 728×90 pixel, 300×250 pixel, 250×250 pixel, 600×300 pixel, 600×250 pixel dan sebagainya. Silakan itu sesuai pilihan anda.
Cara insert banner iklan biasa dan melayang di Blogger adalah masuk dashboard Blogger anda >> tata letak >> tambahkan widget / gadget >> HTML/Javascript >> paste kode tersebut >> simpan. Anda tinggal lihat atau preview banner anda.

Terimakasih. semoga bermanfaat.
Heri MS
Heri MS Blogger Influencer dari Kuningan yang suka dengan dunia IT, Data Technology, website dan senang bereksplorasi tentang Ipteks. Semoga artikel saya ini bisa antik, otentik, asyik, unik dan menarik.

4 komentar untuk "Cara Membuat Kode Script Iklan Banner di Website"