Cara Pasang Banner Floating Kiri dan Kanan Blogspot - Halo apa kabar semua masih bersama dengan Vanny di dalam situs anjaybet.blogspot.com di dalam kesempatan kali ini, Vanny ingin membagikan sebuah informasi tentang bagaimana cara memasang banner atau gambar floating yang bisa melayang di bagian sebelah kiri dan kanan pada tampilan blogspot ataupun website yang kita miliki. Tentu nya sahabat blogger, sudah pada tau bukan banner ataupun gambar floating yang Vanny maksud ini ? Itu loh banner atau pun gambar yang bisa melayang dengan mengikuti kemana pun, disaat kita scroll kebawah ataupun keatas. Sebenar nya tujuan utama dari pada pemasangan banner floating yang akan Vanny bahas kali ini adalah untuk mempercantik tampilan pada website yang kita miliki saja, namun jika ada di antara sahabat blogger yang ingin menjadikan banner atau pun gambar floating sebagai tempat untuk mencari uang tambahan dengan menyedia kan base untuk siapa saja yang ingin beriklan di dalam website mereka. Tentu saja Vanny akan merasa senang, karena informasi yang Vanny berikan kali ini dapat bermanfaat untuk para sahabat blogger semua.
Sebelum Vanny memulai untuk menjelaskan tentang bagaimana cara memasang banner floating atau pun gambar yang bisa melayang di bagian web blogspot kita, ijin kan Vanny untuk menjelaskan terlebih dahulu tentang jenis-jenis banner floating atau pun gambar yang dapat di gunakan oleh para sahabat blogger. Pada umumnya, terdapat 2 jenis format gambar ataupun banner yang di gunakan oleh sahabat blogger untuk di tempat kan pada bagian floating, dan ke 2 jenis format pada banner tersebut ialah : yang pertama berupa dalam bentuk format png yang berkategori jenis (jpeg, jpg dan jpe), sedangkan untuk jenis kategori yang ke 2 adalah banner gif. Lalu apa yang menjadi perbedaan antara kedua jenis gambar png beserta dengan banner gif tersebut ?
- Banner atau gambar gif adalah sebuah tampilan gambar yang dapat berubah ubah secara terus menerus, seperti layak nya gambaran yang hidup.
- Sedangkan yang di maksud dengan banner atau gambar png adalah sebuah tampilan gambar yang tidak bergerak atau berubah2 seperti layak nya gambar atau banner biasa.
Cara Pasang Banner Floating Kiri dan Kanan Blogspot
Baik sahabat bloggor yang saya cintai, setelah kita mengetahui tentang 2 jenis kategori gambar atau pun banner yang telah Vanny jelaskan di atas. Maka untuk selanjut nya sahabat bloggor yang berada di indonesia, tentu nya sudah dapat menentukan salah satu jenis banner ataupun gambar yang akan shabat gunakan, untuk di pasang kan di dalam tampilan blogspot ataupun website anda. "Jangan pernah ragu untuk mencoba sesuatu yang baru dengan mengikuti kami di dalam artikel yang membahas tentang cara menganti tema blogspot secara gratis". Ikuti juga pembahasan yang telah Vanny berikan di dalam artikel sebelumnya : Cara menganti tema atau Themes
Sahabat blogger dimana pun anda berada, setelah kita mengetahui dan telah menentukan pilihan pada satu jenis banner yang ingin anda gunakan untuk di pasang kan di dalam tampilan website anda, maka untuk selanjut nya Vanny akan menjelas kan tentang bagaimana cara memasang banner di bagian floating tersebut.
Hal pertama-tama yang perlu anda lakukan adalah silahkan buka pada tampilan dasboard di dalam web blogspot pribadi anda. Kemudian silahkan klik pada tampilan tombol "Tata Letak" lalu klik kembali pada tombol "Tambahkan Gadget" kemudian pilih "Html / Javascript" Lalu masukan kode atau script seperti di bawah ini :
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<!--start: floating ads-->
<div id="teaser2" style="width:auto; height:auto; text-align:left; display:scroll;position:fixed; top:20px;left:10px;">
<!--Mulai-->
<a href='URL-Tujuan' title='Judul Iklan'><img src='URL-Gambar/banner'/></a>
<!--Akhir-->
</div>
<!--end: floating ads-->
<!--start: floating ads-->
<div id="teaser3" style="width:auto; height:auto; text-align:right; display:scroll;position:fixed; top:20px;right:10px;">
<!--Mulai-->
<a href='URL-Tujuan' title='Judul Iklan'><img src='URL-Gambar/banner'/></a>
<!--Akhir-->
</div>
<!--end: floating ads-->
Setelah berhasil memasang kan contoh pada script yang ada di atas ke dalam html gadget sahabat blogger, masih ada beberapa langkah lagi, untuk menyempurnakan pemasangan banner atau gambar flooting tersebut.
- URL-Tujuan = Silahkan ganti tujuan url di atas dengan url yang sahabat blogger inginkan.
- Judul Iklan = Silahkan ganti judul iklan di atas dengan judul yang sahabat blogger inginkan.
- URL-Gambar/banner = Silahkan ganti gambar sahabat blogger dengan gambar yang sahabat inginkan. (untuk mendapatkan url banner ataupun gambar biasa nya Vanny mengunakan : imgur.com).
Dan untuk menyesuaikan posisi letak banner floating tersebut, sahabat blogger bisa menganti posisi letak nya di angka 10 yang berwarna stabilo hijau dan angka 20 yang bewarna stabilo pink. Jika sudah selesai menyesuaikan ukuran dan menganti url, judul serta gambar yang sahabat blogger inginkan, sebaik nya di lakukan pratinjau terlebih dahulu sebelum melakukan penyimpanan pada tombol "Simpan Setelan" Cukup sekian penjelasan Vanny tentang cara memasang banner flooting atau gambar melayang di dalam blogspot. Semoga penjelasan yang telah Vanny berikan dapat dengan mudah di mengerti oleh para sahabat blogger yang lain. Sampai jumpa lagi di pembahasan artikel yang selanjut nya, termikasih dan salam sukses untuk kita semua.
Tidak ada komentar:
Posting Komentar