Cara Mudah Pasang Widget Sticky untuk Iklan di Sidebar Blog

loading...

Cara Mudah Pasang Widget Sticky untuk Iklan di Sidebar Blog - Untuk mengoptimalkan pendapatan dari iklan blog memang diperlukan optimasi atau teknik pengoptimalan dalam penempatan atau pemasangannya. Hal ini memang tidak terlepas juga dari sejauh mana iklan yang kita pasang pada blog kita tersebut banyak telihat oleh pengunjung blog sehingga diharapkan meningkatkan jumlah klik iklan yang secara langsung nantinya juga akan meningkatkan pendapatan kita dari iklan tersebut.

Baca juga: 6 Tempat Iklan Terbaik untuk Maksimalkan Pendapatan Adsense Blog

Pemasangan widget sticky di sidebar blog pada iklan juga penting dilakukan mengingat halaman kosong sidebar lebih termanfaatkan dengan ditampilkannya iklan secara tetap/sticky saat mouse di scroll ke atas/ke bawah halaman.

Cara Mudah Pasang Widget Sticky untuk Iklan di Sidebar Blog

CARI ID WIDGET SIDEBAR
1. Lihat judul widget yang akan sobat buat Sticky widget. Missal judul widgetnya adalah “Ebook Free”
2. Masuk ke dasboard blogger.com kemudian klik blog yang bersangkutan.
3. Klik menu Template > Edit HTML
4. kemudian cari kata “ebook free” untuk mempermudah silahkan klik Ctrl+F. setelah ketemu, lalu lihat ID Widget nya. dari contoh gambar di bawah ID Widget "ebook Free" adalah HTML1

MASUKKAN KODE CSS DAN SCRIPT PADA HTML BLOG
1. Tambahkan kode CSS berikut ini di atas kode  ]]></b:skin> .

.sticky {
  position:fixed;
  top:10px;/* jarak dari atas, silahkan disesuaikan*/
  z-index: 100;
}
#HTML1{width:100%;max-width:300px}

2. Tambahkan kode  JavaScript berikut ini di atas kode </body>

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML1').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();   
if (scrollTop > stickyWidgetTop) {
    $('#HTML1').addClass('sticky');
} else {
    $('#HTML1').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>

Ganti #HTML1 dengan ID widget yang sudah tadi sobat cari tadi.

Download kode diatas DISINI

3. Klik simpan template dan lihat hasilnya.

Demikian tentang Cara Mudah Pasang Widget Sticky untuk Iklan di Sidebar Blog, semoga bermanfaat.

loading...