• Beranda

Belajar Blog

  • Blogger
    • Download Template
    • Panduan Blog
    • Trik Mudah SEO
    • Widget
  • Edukasi
    • Buku BSE
    • Info PPDB
    • Makalah
    • Pantun
    • Puisi
  • Game
    • Arcade
    • Batle
    • Racing
    • Sport
  • Cheat
  • TOOL
    • Compress CSS
    • Kode Warna
  • Error
Home » Seo » Cara Membuat Widget Sticky di Sidebar Blog
Senin, 11 November 2013

Cara Membuat Widget Sticky di Sidebar Blog

kak sakti
Seo
Senin, 11 November 2013
add comment
Cara Membuat Widget Sticky di Sidebar Blog - Halo sobat di pagi hari ini saya akan memberikan tutorial sedikit mengenei tentang bagaimana  Cara Membuat Widget Sticky di Sidebar Blog . sobat pasti sudah tau apa itu widget sticky . yups benar sekali widget stiky adalah widget yang selalu menempel atau melayang meskipun kita scroll kebawah . untuk demonya sobat coba scroll ke bawah dan lihat disidebar saya pasti ada widget sticky nya yang selalu menempem atau melayang pada sidebar .

cara-membuat-widget-sticky

Berikut cara mudah membuat widget sticky pada sidebar blog. :
Ada dua langkah untuk membuat widget sticky ini

A. DENGAN 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;
}

B.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. Taraaa selamat anda sudah dapat membuat widget sticky pada blog sobat . Demikian artikel saya tentang Cara Membuat Widget Sticky di Sidebar Blog semoga bermanfaat bagi anda , jika ada pertanyaan silahkan bertanya pada saya . ok akhirul kalam wassalaammualaikum wr.wb.
Share this article :
Tweet
✚

Artikel Terkait:

  • Menonaktifkan Fungsi Tombol Ctrl U, Ctrl A, Ctrl C dan Klik kanan
  • Cara membuat Widget Follower Blog Valid HTML5
  • Cara Buat Akun Google Adsense Cepat Di Approve
  • Cara Membuat Widget Sticky di Sidebar Blog
  • Cara Memasang Script Anti Banned Google

Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon Request Out Of Topic

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Selamat Datang Di Belajar Blog Pemula




Tutorial Apapun Tentang Blog

  • Cara Pasang Widget Al-Qur'an pada Blog
  • Cara Buat Related Post atau Artikel Terkait
  • Cara Memasang Facebook Like Badge
  • Cara Membuat Auto Read More Pada Blog
  • Cara Membuat Recent Post Animasi
  • Download Game Flappy Bird Populer

Arsip Blog

  • ►  2014 (53)
    • ►  Mei (1)
    • ►  April (9)
    • ►  Maret (8)
    • ►  Februari (10)
    • ►  Januari (25)
  • ▼  2013 (97)
    • ►  Desember (40)
    • ▼  November (30)
      • Cara Memberi Password Pada Folder Komputer
      • Kata Kata Romantis Indah Untuk Pacar Dan Sahabat
      • Download Adobe Photoshop CS6 Full Version
      • Download MCAfee VIRUSSCAN ENTERPRISE 8.8 FULL+PATCH
      • Download Avast! Free Antivirus 9.0.2006 Final Upda...
      • Cara Merubah Tampilan Google Chrome Menjadi Windows 8
      • Cara Mengatasi IDM Fake Serial Number
      • Download Template Topmagz Blogger Template
      • Download Template Randu V3
      • Free Download Avira Terbaru 2014 14.0.1.719 Final
      • Cara Membuat dan Memasang Jam di Blog
      • Kumpulan Foto IQBAAL COBOY JUNIOR
      • Free Download IDM 6.17 Build 8 Final Full Version
      • Cara Mengganti Nama dan Password Pada Akun Twitter
      • Download Template SEO Mas Sugeng Responsive
      • Download Template SEO SJUTA Final Responsive
      • Cara Membuat Header Responsive FullScreen di Blog
      • Cara Upgrade OS Terbaru Blackberry Gemini 8520/8530
      • Cara Mengatasi HardBrick pada Android
      • Cara Membuat Widget Sticky di Sidebar Blog
      • Cheat Baseball Heroes Skill Hit
      • Download Template Super SEO dari kang Ismet
      • Cara Install Dan Download BBM di PC dan Komputer
      • Download Game PC PES 2014 Full Version Gratis
      • Download Al-Quran Digital dan terjemahan Untuk HP
      • Cara Membuat Gambar Responsive di Blog
      • Cara Membuat Template Blog Fast Loading
      • Lirik Lagu Selalu Cinta - Kotak
      • Puisi Cinta Karya Chairil Anwar
      • Download IDM Terbaru 6.18 Build 5 Update Full Version
    • ►  Oktober (27)

Article Populer

Belajar Blog Profeesional

Kecantikan & Kesehatan Official

Artikel Terbaru

BREAKING NEWS :
Loading...

Join with us

Temukan Saya Di Facebook

Mengenai Saya

kak sakti
Lihat profil lengkapku

Kategori

  • Android
  • Chatting
  • Download Game
  • Download Lagu
  • Download Template
  • Facebook
  • Google Adsense
  • jQuery
  • Kontes Seo
  • Opini
  • Panduan Blog
  • Password PS2
  • Penjasorkes
  • PPDB
  • Premium
  • Request
  • Sea games
  • sejarah
  • Seo
  • Sepak Bola
  • Software
  • Sport
  • Twitter
  • Widget

New Artikel

Membuat link Bro
saktikaromah@2018. Diberdayakan oleh Blogger.

Copyright © Belajar Blog - Template by saktikaromah | Powered by Blogger