Cara Membuat Menu dan Widget Melayang Fixed
Membuat salah satu widget melayang atau fixed di blog saat discroll membuat blog menjadi lebih menarik dan mempermudah pengunjung. Pembaca blog tidak perlu menarik scroll untuk kembali melihat menu atau widget utama, pembaca tetap bisa melihatnya.
Sebelum mencoba trik ini, pastikan kamu mengetahui kode CSS dan id widget yang akan dibuat melayang nantinya. Contohkan kode CSS pada widget seperti ini #top-wrapper dan id widget seperti ini #HTML7. Karena setiap template blog berbeda-beda.
Cara Membuat Widget Sidebar Melayang Fixed
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode </body>
4. Letakan kode berikut ini di atasnya
5. Ganti kode warna merah dengan kode css dan id widget
6. Simpan template jika sudah selesai.
Sebelum mencoba trik ini, pastikan kamu mengetahui kode CSS dan id widget yang akan dibuat melayang nantinya. Contohkan kode CSS pada widget seperti ini #top-wrapper dan id widget seperti ini #HTML7. Karena setiap template blog berbeda-beda.
Cara Membuat Widget Sidebar Melayang Fixed
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode </body>
4. Letakan kode berikut ini di atasnya
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<SCRIPT>
$(document).ready(function() {
var div = $('#top-wrapper,HTML7');
var start = $(div).offset().top;
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '');
});
});
</SCRIPT>
<SCRIPT>
$(document).ready(function() {
var div = $('#top-wrapper,HTML7');
var start = $(div).offset().top;
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '');
});
});
</SCRIPT>
5. Ganti kode warna merah dengan kode css dan id widget
6. Simpan template jika sudah selesai.
Kereenn dah tips yang satu ini,,,
BalasHapuspengen nyobak jadinya...
tpi pertamax dulu ah,,,
salam.
Salam-salam deh buat blogspot ini isinya menarik, maju terus dan selalu menginformasikan hal-hal yang bermanfaat jangan bosan-bosan.
BalasHapusmantap gan..
BalasHapuskunjungan dong gan..
Makasih untuk langkah-langkahnya, semoga bermanfaat untuk yang lain juga..
BalasHapusHai gan pada kesenpatan kali ini saya akan menyimak kembali informasi yang ada berikan, ini sungguh infomasi yang bagus pertama kali aku baca memiliki manfaat unggul sangat luar biasa semoga kedepanya lebih bagus lagi untuk menginformasikan hal-hal yang baru.
BalasHapusMakasih untuk informasinya, sangat membantu, di tunggu informasi bermanfaat lainnya. salam kenal..
BalasHapusSalam blogspot semuanya. saya sudah menyimak informasinya keren bermanfaat, dan menakjubkan. semoga semakin sukses ajah deh.
BalasHapusTerimakasih atas sajian informasi nya, sangat membantu semoga bermanfaat " salam Sehat "
BalasHapuswidih mantep bener nih gan makasih bisa saya coba ya gan
BalasHapusApakabar semuanya ?? Semoga baik-baik saja. Wah tadi saya sudah menyimak semua informasinya terimakasih ya semoga informasiny lebih menarik lagi dn bermanfaat.
BalasHapusmembaca postingan diatas patut dijadikan motivasi buat saya atas prestasinya, makasih banyak gan atas sharenya, di tunggu share selanjutnya salam
BalasHapusboleh langsung di praktekan dong ya^^ terimakasih mau berbagi ilmu^^
BalasHapuskunjungan pagi~~
BalasHapusterima kasih gan atas infonya nich
BalasHapusboleh juga
BalasHapusartikel yang sangat bagus gan
BalasHapusjangan lah melupakan sholat
BalasHapusid widget sama kode css nya mana gan?
BalasHapusselamat beraktivitas. . .mari kita awali aktivitas hari ini dengan menyimak informasi yang aktual di halaman yang sangat luar biasa ini !!!
BalasHapusinfonya sangat bermanfaat sekali gan, makasih. beritanya bagus dan sangat menarik sekali untuk di baca.
BalasHapusvibrator alat sex alat sex wanita alat sex alat sex wanita alat bantu sex penis silikon alat mansturbasi alat orgasme alat sex alat bantu wanita alat sex pria alat sex pasutri alat sex pria alat sex wanita alat onanai alat sex orgasme obat kuat pembesar penis alat vital alat bantu sex wanita alat sex pria alat bantu sex alat sex terbaru vakum penis vakum payudara obat perangsang
BalasHapusAda cara seperti itu juga ya? Terima kasih banyak..
BalasHapusNice and very helpful information i have got from your post. Even your whole blog is full of interesting information which is the great sign of a great blogger.
BalasHapusToshiba - Satellite 15.6" Laptop - 8GB Memory - 750GB Hard Drive - Mercury Silver
Toshiba - Satellite 15.6" Laptop - 4GB Memory - 500GB Hard Drive - Satin Black (C55A5243NR)
wuah hebat banget yang punya blog ini. salam kenal gan
BalasHapusbnyak ilmu yang saya dapat dari blog ini.
BalasHapusSalam Kenal Dari Kami galeri-obat.com Menjual Aneka Produk Kesehatan Pria Dan Wanita Terlengkap Dan Terlaris.
✔ Obat Pembesar Penis
✔ Jual Obat Pembesar Penis
✔ Obat Pembesar Penis Alami
✔ Obat Pembesar Penis Permanen
✔ Obat Pembesar Penis Herbal
✔ Vimax
✔ Vimax Asli Canada
✔ Agen Resmi Vimax
✔ Vimax Asli
✔ Vimax Pills
----------------------------------------------------
✔ Obat Pembesar Penis KLG
✔ Jual Obat Pembesar Penis KLG
✔ KLG Herbal
✔ Pembesar Penis KLG
------------------------------------------------
✔ Obat Pembesar Alat Kelamin Pria
✔ Neosize xl
✔ Jual Neosize xl
✔ Jual Neosize xl asli
--------------------------------------------
✔ Obat Pembesar Alat Vital Pria
✔ Vigrx Plus
✔ Jual Vigrx Plus
✔ Vigrx Plus Original
Tutarni : Terima kasih atas tutorial yang sangat bermanfaat, semoga bisa menambah ilmu blogger pemula kayak saya :)
BalasHapusThank Gan infonya
BalasHapusThank Gan Tipsnya
BalasHapushttp://jamutradisionalmujarab.com/obat-jerawat-tradisional/