RG09... Cara pasang Jquery Slide Out Navigation di blogspot

Cara pasang Jquery Slide Out Navigation di blogspot

by Mohd Yusof Hadhari Bin Saidon

Selain menggunakan cara float pada bahagian tepi blog untuk button-button seperti Facebook, Twitter, Youtube dan sebagainya seperti yang boleh anda lihat pada tutorial Cara pasang Floating Button di sisi blog, terdapat satu lagi cara yang sangat menarik iaitu Slide Out Navigation untuk anda cuba kerana ia menggunakan efek Jquery yang ringan.

Untuk memasang Jquery Slide Out Navigation pada sebelah kanan blog (blogspot), hanya ikut beberapa langkah yang mudah di bawah. Untuk melihat demo yang telah di pasang pada blogspot, sila klik di sini.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

langkah 2

Copy dan paste kod di bawah pada content HTML/Javascript.

• masukkan-nama-blog-disini.blogspot.com/atom.xml">


• masukkan-ID-Facebook-disini">


• masukkan-ID-Twitter-disini">


• masukkan-ID-Profile-disini">


• masukkan-email-disini@gmail.com">

P/s:

1.Untuk mengubah jarak ketinggian; sila edit angka pada kod top: 120px;

2. Untuk mengbah jarak tepi kanan jika efek terkeluar terlalu jauh, sila edit kod width: 120px;


3. Untuk memasukkan ID bagi akaun Facebook, Twitter , RSS Feed, Profile dan E mail anda, sila edit kod yang di bold dengan warna merah.

• masukkan-nama-blog-disini.blogspot.com/atom.xml">


• masukkan-ID-Facebook-disini">


• masukkan-ID-Twitter-disini">


• masukkan-ID-Profile-disini">


• masukkan-email-disini@gmail.com">My E-Mail

Akhir sekali, klik Save.

Sila Drag kotak Jquery Slide Out Navigation dan letakkan di bawah post jika terdapat tanda yang keluar pada efek tersebut.

Jika anda ingin mengubah icon, anda boleh dapatkan icon-icon yang menarik di Dryicons.com

Abu hurairah r.a berkata nabi sallallahu alaihi wasallam bersabda:"Apabila meninggal seorang manusia maka terputuslah semua amalnya kecuali 3 perkara: sedekah jariah, ilmu yang bermanfaat dan anak yang soleh yang mendo'akan orang tuanya (HR muslim dalam Wasiat-wasiat jilid 2 hal 41)

--


-----------------------------------------#########-----------------------------------------
--------------------------------------Mail Forwarder-------------------------------------
Formerly Known As Tai_Ci_Master.
Visit:
WWW.PENDEKARBLOGGER .COM
WWW.GELANGMANIKWANI TA.BLOGSPOT. COM (New)
WWW.HARUNYAHYA .COM
join  : malaysianews- subscribe@ yahoogroups.com
         : malaysianews+subscribe@ googlegroups.com
-Whomsoever ALLAH guides, none can lead astray and whomsoever He send astray, none can guide.