Tag Archives: gadget

Cara membuat Stiky Widget di Sidebar

Posted on by

Sticky dalam Bahasa Indonesia artinya menempel. Dalam istilah website Sticky berarti berada di depan atau selalu mengikuti walaupun mouse terus di scroll. Sedangkan Sticky Widget Sidebar berarti membuat widget yang selalu menempel walaupun mouse kita scroll.

Untuk melihat DEMO, silahkan scroll ke bawah dan lihat ke kanan. Sobat akan menemukan widget yang selalu mengikuti, itulah yang disebut ‘Sticky Widget’

Pembaharuan 10 November 2013 : Mempersingkat kode sehingga lebih mudah untuk dipasang.

Untuk membuat Sticky widget ini, ada tiga langkah mudah, silahkan simak satu persatu
1. Menambakan kode CSS
2. Menambah kode JavaScript

Menambah kode CSS

1. Login ke Blogger
2. Klik Template > Edit HTML
3. Tambahkan kode CSS di bawah ini di atas ]]></b:skin>

.sticky {
  position:fixed;
  top:10px;/* jarak dari atas*/
  z-index: 100;
}

 

Tambahkan JavaScript

Simpan kode ini di atas </body>

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

Ganti #HTML7 dengan ID widget yang akan dibuat sticky.

Source : Blog.kangismet.net

Cara Backup dan Upload Template Tampilan Baru Blogger

Posted on by

Mungkin anda sudah terbiasa dengan tampilan lama Blogger, tetapi belum terbiasa dengan tampilan baru Blogger.

Sebenarnya tidak ada yang sulit pada tampilan terbaru Blogger, hanya kita belum terbiasa menggunakan nya. Apabila sudah terbiasa, semuanya berjalan baik-baik saja. Bahkan terasa banyak beberapa kelebihan pada tampilan baru ini.

Sebetulnya langkah awal untuk membackup dan mengganti template blogger pada tampilan baru ini sama saja, silahkan ikuti langkahnya.

1. Masuk ke Blogger
2. Klik panah kecil, kemudian pilih Template 

cara backup dan mengganti template blogger versi terbaru

3. Klik Cadangkan / Pulihkan (di sebelah kanan atas)

cara backup dan mengganti template blogger versi terbaru

4. Silahkan anda pilih mau backup atau ganti template.

cara backup dan mengganti template blogger versi terbaru

Apabila ingin mem-backup maka kilk ‘Unduh template lengkap’, dan apabila ingin mengganti template klik ‘Telusuri’ terus cari file XML yang sudah di download, kemudian klik ‘Unggah’.

Source : Blog.kangismet.net