Cara Pasang Widget Bouncy To Top

Panduan blogger untuk pasang widget bouncy to top, iaitu pintasan ke atas dengan efek melantun

Cara pasang bouncy to top. Aha, satu lagi widget menarik yang ingin saya kongsikan kepada anda. Ia merupakan satu widget untuk memudahkan pengunjung dan pembaca blog skroll secara automatik terus ke bahagian atas blog. Widget ini selalunya akan menampilkan bentuk anak panah di bahagian bawah blog anda.

Anak panah ini jika diklik akan automatik membawa pengunjung terus ke bahagian atas blog. Saya pasti ramai yang tahu mengenai widget ini. Sebelum ini saya dah pernah beritahu cara nak pasang to top ini dalam blogspot. Dalam entri tu saya memperkenalkan widget to top ini dalam pelbagai bentuk illustrasi, bukan seperti kebiasaan iaitu anak panah kosong semata. Anda boleh rujuk entri tersebut di sini - Pintasan To Top Berimej

Cara Pasang Widget Bouncy To Top

Kali ini saya mahu perkenalkan widget yang sama, tetapi dengan sedikit efek yang menarik, iaitu bouncy. Bouncy kalau dimelayukan menjadi melantun... hoho .. perkataan bouncy ni kadangkala boleh terfikirkan benda lain .. hoho .. tapi dalam blog, ia adalah efek melantun untuk widget to top.
Cara Pasang Bouncy To Top

Widget ini apabila dipasang, ia akan menampilkan satu imej anak panah di bahagian bawah blog. Ia akan hanya kelihatan apabila pengunjung mula skroll lebih 50% ke bawah blog anda. Faham tak?

Ok. Macam ni, apabila pengunjung baca blog anda, setibanya pembacaan itu hampir ke akhir entri, imej anak panah akan muncul, iaitu selepas pengunjung skroll lebih dari separuh blog atau entri anda. Jika diklik anak panah itu, automatik pengunjung akan dibawa ke bahagian atas blog atau header blog. Cuma efeknya kali ini ialah setibanya paparan itu di atas, ia akan bounce atau melantun... macam bola kena pada dinding, ia akan melantun, maka begitulah adanya dengan widget bouncy to top ini.

Uhh jenuh dah explain, harap anda boleh bayangkan.

Kalau susah-susah sangat, cubalah anda pasang widget ini di dalam blog dan cuba lihat kesannya nanti.

Langkah Demi Langkah Pasang Widget To Top Dengan Efek Melantun

Cara nak pasang mulakan dengan langkah salin kod CSS di bawah ini. Nak mudah salin, klik dalam kotak tu, pastu tekan ctrl-A (select all), lepas tu tekan ctrl-C pada keyboard komputer. Letakkan ia di bahagian CSS blogspot anda. Lihat contoh akan saya tunjukkan kemudian.


Salin tampak (copy, paste) pada bahagian HTML template blogspot anda seperti contoh di bawah ini.

Siap bahagian satu. Untuk seterusnya anda perlu salin pula kod script di bawah dan letakkan sebelum tamat body iaitu diletakkan sebelum slash(/) body dalam HTML template blogspot anda.


Save template HTML blogspot anda, lihat hasilnya.

Widget ini sangat bagus untuk blog yang ada entri yang panjang. Jika pengunjung dah skroll ke bawah, dengan satu klik sahaja, pengunjung akan dibawa ke bahagian atas blog. Jadi, tak susah payah la jari jemari nak pegang mouse atau klik up up pada keyboard komputer.

Semoga bermanfaat dan selamat mencuba.

COMMENTS

BLOGGER: 1
Loading...
Name

#Bajet2014,4,#VMY2014,5,#WORDLESS WEDNESDAY,74,Abah Blogger,39,Advertorial,117,Advertorial 2013,15,advertorial 2014,40,advertorial 2015,8,ARTIKEL KEHIDUPAN,11,ARTIKEL KEKELUARGAAN,8,ARTIKEL KESIHATAN,6,Bajet 2013,9,Bajet 2016,8,BICARA MASYARAKAT,153,Bicara Minda,73,BILA BLOGGER MASUK MAJALAH,26,BLOG LENSA HASRUL,1,BLOG PILIHAN 2012,25,BLOG PILIHAN 2013,15,Blog Selebriti,77,Blog Stats,10,Blogger Guide,2,BR1M,10,Buat Duit Dengan Adsense,55,Buat Duit Online,366,Cerpen Kehidupan,1,ChurpChurp,4,CINTA DAN JIWANG,45,Contest 2014,37,Contest 2015,19,Contest 2016,15,Contest 2017,8,Custom Made Sticker Kereta,1,DARI AKHBAR,28,DARI RAKAN BLOGGER,7,Dari Rakan Facebook,8,Destinasi Cuti,14,DIARI HIDUP,2,Didik Anak,5,diskaun saman PDRM,2,Dunia Blog,1,DUNIA BLOG DAN BLOGGER,28,DUNIA BLOGGER MALAYSIA,819,Dunia Haiwan,1,DUNIA HIBURAN SERANTAU,6,Dunia Oh Dunia,23,Dunia Penulis Blog,1,EDISI TERJAH BLOG BARU,33,english,1,Eqbalzack Giveaway,2,Fakta Hangat,291,FAKTA MENARIK,107,FAKTA MENARIK DAN PELIK,69,Familia,5,Featured,1,FOLLOWER HH,2,Fotografi,1,Gadget blogspot,1,GAMBAR,58,Gambar Menarik,16,GAMBAR PELIK DAN MENARIK,55,Gathering Bangku Kosong,12,Gaya Hidup,42,Giveaway,9,Guide and Tips,9,Hari Raya,58,Hartanah,52,Header Blog Pilihan,2,Holiday Destination,6,Holiday Getaway,62,Holiday Tips,2,Homestay,1,House Husband,623,Ihya Ramadhan,2,Info Blog,60,INFO BLOG BANGKU KOSONG,48,Info Blog HH,37,Info GST,14,Informasi,578,Informasi Dunia,1,INI SEBUAH CERITA,11,Inspirasi,10,Inspiration,6,Internet,2,iPhone 5 Gadjet Impian,1,ISLAM DAN MASYARAKAT,21,Isu Blogger,21,Isu Dan Berita,335,ISU DUNIA,3,ISU MALAYSIA,1,Isu Masyarakat,10,ISU MASYARAKAT 1,39,Isu Semasa,1,Jalan Jalan,1,JEJAK BLOGGER,19,Jom Jalan-jalan,3,Kamasutra temple,1,Kasut Pelik,1,Kehidupan Sebagai Blogger Sepenuh Masa,1,Keibubapaan,32,Kekeluargaan,81,Kempen,6,Kerja Dari Rumah,82,Khas buat Follower,39,Kisah Dunia,1,Kisah HH,74,KISAH KELUARGA,50,Klip Video,9,KOLEKSI LAWAK BANGKU KOSONG,47,KOLEKSI PETUA,23,KONGSI PETUA,2,KTM,16,Lawak Blogger,40,Lawak Sekejap,57,Lifestyle,277,Love,1,Majalah In Trend,6,Makanan,5,Malaysia Best Blog 2015,1,MENGENAI BLOG HH,1,Merdeka,12,MH370,6,Minda Berfikir,12,Miros,2,Narnia,1,NOSTALGIA,1,NUFFNANG,26,NULL,17,ONLINE SURVEY,1,Pakar SEO,1,Panduan,338,Panduan Adsense,18,Panduan Blogger,11,PANDUAN MENULIS BLOG,654,Panduan Pengiklanan di Blog,74,Parenting Tips,5,PDRM,1,Pelaburan,14,Pendapat,32,Penghargaan Dari Bloggers,8,PENGUMUMAN,2,Peraduan dan Kontest,15,Percuma,2,Percutian,54,Percutian Keluarga,17,PERISTIWA RAMADHAN,6,Permotoran,2,PERSPEKTIF,6,Petua,1,Petua dan Tips,27,petua kehidupan,5,Petua Memikat,3,Pilihanraya,1,Plastik Sampah Mesra Alam,1,que382ahexjz,1,Rakan Blogger,9,Ramadhan,66,RAMADHAN 2011,9,Ranking Alexa,2,Raya 2015,10,Resepi,51,Samsung,1,segmen 2015,2,segmen blogger 2016,7,SEJARAH DUNIA,43,Sembang Blogger,487,Semesti,2,SENI,3,Shopping,109,Shopping Online,7,Sihat Cantik,12,SIHAT SOKMO,19,SIRI KENALI TOKOH SEJARAH TEMPATAN,1,SIRI KISAH KERAJAAN AGUNG,5,SIRI SIFAT BLOGGER TERPUJI,6,Siri Tips Pikat Gadis Cantik,5,Tempat Makan,9,Tempat Menarik,173,Terbaik Google,6,The Bidadari 2014,9,Tips Bercuti,93,Tips Blogging,311,Tips Blogging 101,1,Tips Blogspot,85,Tips Dapur,51,Tips Kekeluargaan,4,Tips SEO Blogspot,130,VIDEO,127,Video Best,34,widget blog,29,WIDGET PILIHAN,71,wordless wednesday,105,Work From Home,13,
ltr
item
Biar Tahu Dengan Ilmu - HASRULHASSAN.COM™: Cara Pasang Widget Bouncy To Top
Cara Pasang Widget Bouncy To Top
Panduan blogger untuk pasang widget bouncy to top, iaitu pintasan ke atas dengan efek melantun
https://2.bp.blogspot.com/-7EB3G4D2B9E/VUOr-WavuxI/AAAAAAABBug/SfHioja4a2k/s1600/widget-bouncy-to-top.jpg
https://2.bp.blogspot.com/-7EB3G4D2B9E/VUOr-WavuxI/AAAAAAABBug/SfHioja4a2k/s72-c/widget-bouncy-to-top.jpg
Biar Tahu Dengan Ilmu - HASRULHASSAN.COM™
http://www.hasrulhassan.com/2015/05/cara-pasang-widget-bouncy-to-top.html
http://www.hasrulhassan.com/
http://www.hasrulhassan.com/
http://www.hasrulhassan.com/2015/05/cara-pasang-widget-bouncy-to-top.html
true
1039913750360806682
UTF-8
Loaded All Posts Not found any posts VIEW ALL Baca lagi Balas Batal balas Padam Oleh Home LAMAN ARTIKEL Papar semua DISARAN UNTUK ANDA LABEL ARKIB CARIAN SEMUA ARTIKEL Maaf tidak dijumpai apa yang diminta Kembali Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Pengikut Ikut THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy