Para pembaca sekalian, sila BERI KOMEN yang BERMANFAAT selepas membaca entri ini.
Dah agak lama aku tak tulis tutorial untuk blogspot ni. Entri kali ni aku nak tulis tutorial cara membuat Side Menu macam kat blog aku ni. Kalau tak faham apa tu Side Menu tengok la gambar kat bawah ni yang telah aku buat Print Screen dari blog aku sendiri.
Ramai yang telah bertanyakan cara buat Side Menu itu. Banyak langkah yang perlu diambil untuk membuat Side Menu itu. Aku harap penerangan aku kali ni bisa buat anda faham dengan mudah dan pantas.
Ayuh mulakan tutorial Side Menu.
Langkah pertama yang perlu diambil ialah anda perlu ada File Hostiong sendiri. File Hosting boleh didapati di Geocities ataupun Ripway.
Langkah kedua yang perlu diambil ialah copy and paste code ini di sini (SSM) ke dalam Notepada anda. Kemudian copy and paste code ini juga di sini (ssItem) ke dalam Notepad anda.
Cari code di bawah ini di dalam ssItem itu dan tukarkan link url dan nama link tersebut yang anda sukai.
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["Links"] //create header
ssmItems[1]=["Home", "http://rojakstory.blogspot.com/", ""]
ssmItems[2]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[3]=["ROJAKSTORY", "http://rojakstory.blogspot.com/",""]
ssmItems[4]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[5]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[6]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[7]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[8]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[9]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[10]=["YM", "cikamoi@gmail.com", "", 1, "no"] //create two column row
ssmItems[11]=["Email", "cikamoi@gmail.com", "",1]
ssmItems[12]=["External Links","", ""] //create header
ssmItems[13]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[14]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
ssmItems[15]=["ROJAKSTORY", "http://rojakstory.blogspot.com/", ""]
Setelah anda habis meng-edit coding ssItem sila save coding-coding tersebut kepada file .js . Contohnya ssm.js dan ssItem.js
Selepas itu sila buka File Hosting anda dan upload file SSM dan ssItem tersebut ke dalam File Hosting anda. Setelah berjaya di-upload ke dalam File Hosting anda, anda ambil sahaja url fail javascript yang anda baru upload itu. Contohnya File Hosting aku Geocities so url fail coding aku ialah http://www.geocities.com/sepet_0110/ssm.js dan http://www.geocities.com/sepet_0110/ssmItems.js
Langkah terakhir sila masuk ke Dashboard > Layout > Edit HTML copy coding di bawah ini dan paste-kan di bawah <head>
<style type='text/css'>
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>
<SCRIPT SRC='ssm.js' language='JavaScript1.2'>
//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC='ssmItems.js' language='JavaScript1.2'/>
<script src='http://www.geocities.com/sepet_0110/ssm.js' type='text/javascript'/>
<script src='http://www.geocities.com/sepet_0110/ssmItems.js' type='text/javascript'/>
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>
<SCRIPT SRC='ssm.js' language='JavaScript1.2'>
//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC='ssmItems.js' language='JavaScript1.2'/>
<script src='http://www.geocities.com/sepet_0110/ssm.js' type='text/javascript'/>
<script src='http://www.geocities.com/sepet_0110/ssmItems.js' type='text/javascript'/>
Perhatian: Tulisan yang aku telah boldkan dengan warna merah sila gantikan dengan url fail anda okay.
Notakaki: Aku memang tak ingat
dah cara-cara pasang Side Menu tu tapi kalau menjadi sila beritahu aku and kalau error sila inform kat aku cepat-cepat supaya aku boleh baiki dengan cepat.-Selamat Mencuba-
Via: Dynamic Drive
Tidak ada komentar:
Posting Komentar