Cara Membuat Sidebar Sticky Pada Blogger

Advertisements

Advertisements

cakwajir | Pageview blog yang tinggi akan menigkatkan pendapatan iklan anda namun jika tidak didukung dengan penempatan iklan yang bagus jumlah pageview tidak akan optimal, oleh karena itu carilah penempatan terbaik iklan pada website yang anda miliki sehingga menghasilkan pendapatan yang optimal

Cara mengoptimalkan pendapatan adalah melalui penempatan misalnya hal yang perlu diperhatikan seperti ukuran yang tepat, peletakan jenis iklan yang tepat, pemilihan lokasi dan aspek - aspek lainnya yag didukung oleh kebijakan penggunaan iklan yang telah diatur oleh google adsense, anda juga harus dengan seksama membaca peraturan apa saja yang diperbolehkan dan tidak diperbolehkan oleh google, jika anda melanggar konsekwensinya anda akan dipecat sebagai mitra publisher

Penempatan iklan pada sidebar bisa anda maksimalkan dengan cara memasang ukuran yang tepat, rekomendasi ukuran yang tepat untuk sidebar adalah 300x600, tampilan ini akan nampak penuh dilihat dari mobile smartphone atau pc, bila dilihat dari mobile tampilan yang penuh akan menarik pembaca sebaliknya jika di pc iklan akan hilang jika discroll kebawah. namun anda tidak perlu kawatir karena ada cara terbaik supaya iklan tidak ikut scroll keatas yaitu dengan membuat sidebar sticky

Sidebar sticky adalah tampilan sidebar yang jika discoll keatas iklan tidak akan mengikuti arah sroll namun akan tetap pada posisi yag telah ditentukan, dalam praktek menggunakan cukup berperan mendongkrak pendapatan iklan

Keunggulan sidebar sticky adalah inventaris iklan pada ukuran 300x600 selalu tersedia, sehingga kesempatan utuk selalu tampil selalu ada, iklan sticky juga sangat mudah membuatnya, berikut langkah - langkah membuat iklan sidebar sicky

1. Masuk kedalam akun blogger anda
2. Untuk membuatnya anda perlu masuk ke mode HTML template, jangan lupa dibackup templatenya untuk mengantisipasi kesalahan
3. Klik edit HTML
4. Gunakan fungsi CTRL+F untuk mencari ]]></b:skin> jika sudah ketemu copy dan pastekan script dibawah ini untuk memunculkan pengaturan sticky, pasikan anda memasang tepat diatasnya, diatas kode ]]></b:skin>

.sticky {
position:fixed;
top:10px;
z-index: 100;
}

5. Setelah pemasangan kode diatas, anda perlu memasukkan kode script lagi diatas kode </body>, gunakan cara cepat mencari degan CTRL+F, setelah ketemu pastekan script beriku ini :

<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>

 6. Ganti kata yang berwarna merah yang diblok tersebut denga ID Widget milik anda, misalnya HTML2, HTML3 atau yang lainnya, jika masih belum faham anda bisa membaca cara mengetahui ID widget pada blogger dengan mudah
7. Setelah selesai diganti jangan lupa untuk di save hasil perubahannya
8. Clear cache kemudian lihat perubahan yang anda lakukan
9. Pastikan iklan sudah dipasang di sidebar blog

Catatan untuk anda yang memasang sidebar sticky, pasang iklan jenis sticky pada sidebar paling bawah, untuk mencegah menutupi konten, jangan gunakan mode sticky untuk iklan ditengah sehingga menutupi konten karena sangat berbahaya sekali dampaknya bisa terkena teguran sampai ke ban

Semoga artikel tetang cara membuat sidebar sticky bermanfaat dan dapat menginkatkan pendapatan iklan anda, selamat mencoba semoga berhasil, cara ini sudah dipraktekkan dan hasilnya work 100%, jika tidak work perhatikan kembali jika mungkin ada yang salah

Advertisements