Tuesday 18 June 2013
Sunday 17 June 2012
Tutorial :Buat Auto Hide Menu
Korang tau tak apa itu auto hide menu? Cuba tengok gambar kt atas ni. Inilah yang dinamakan auto hide menu. Auto hide menu ni digunakan bagi menampakkan blog kita nampak lebih kemas. Tak ada adalah list yang berjela2 panjangnya dan visitor yang datang pon boringkan.
Tutorial kali ni nak share dengan korang macammana nak buat auto hide menu ni. Apa2 pun mula2 kredit dulu lah pada silampuneon untuk tutorial ni. First time nampak auto hide menu ni pun kt blog ni. Tq yekk...
Tapi tutorial ni dah disesuaikan dengan blog ni lah. Korang boleh tukar ikut kesesuaian korang k.
1. Pergi ke Dashboard > Design > Edit HTML
2. Cari code berikut dengan CTRL + F
3. Letakkan kod di bawah dan letakkan di atas kod yang korang cari di step 2 tadi.
<style type="text/css">
.texthidden {display:inline}
.shown {display:block}
</style>
<script type="text/javascript">
document.write('<style>.texthidden {display:none} </style>');
</script>
<script type="text/Javascript">
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="shown") {
whichpost.className="texthidden";
}
else {
whichpost.className="shown";
}
}
</script>
5. Pergi ke Dashboard >Layout >Add A Gadget >HTML/Javascript.
6. Copy kod di bawah ni dan letakkan pada HTML/Javascript.
<ul><a href="javascript:void(0);" onclick="expandcollapse('keyword')"> <h4>[+/-] POPULAR POST</h4></a></ul>
Note :
- Pada perkataan berwarna merah korang boleh tukarkan dengan tajuk yang korang nak.
- Pada perkataan berwarna hijau, make sure sama kalau tak auto hide menu tak berfungsi. Tapi letakkan perkataan yang berlainan untuk setiap menu. Contohnya kalau menu pertama korang letak keyword, kt menu kedua tu letaklan banner atau apa2 perkataan yang korang nak.
- Pada perkataan berwarna biru, letakkan kod widget korang macam contoh di atas. Boleh ditambah ikut kesesuaian korang k.
<ul class="texthidden" id="keyword">
<center> LETAKKAN KOD WIDGET KORANG KT SINI *</center>
*</center>
</ul>
<ul><a href="javascript:void(0);" onclick="expandcollapse('button')"> <h4>[+/-]PESERTA CONTEST</h4></a></ul>
<ul class="texthidden" id="button">
<center><li><a href="http://teanyh.blogspot.com/2011/04/you-wannitcome-and-get-it-contest.html">cikblogger</a></li></center>
*</center>
</ul>
<center> LETAKKAN KOD WIDGET KORANG KT SINI *</center>
*</center>
</ul>
<ul><a href="javascript:void(0);" onclick="expandcollapse('button')"> <h4>[+/-]PESERTA CONTEST</h4></a></ul>
<ul class="texthidden" id="button">
<center><li><a href="http://teanyh.blogspot.com/2011/04/you-wannitcome-and-get-it-contest.html">cikblogger</a></li></center>
*</center>
</ul>
Note :
- Pada perkataan berwarna merah korang boleh tukarkan dengan tajuk yang korang nak.
- Pada perkataan berwarna hijau, make sure sama kalau tak auto hide menu tak berfungsi. Tapi letakkan perkataan yang berlainan untuk setiap menu. Contohnya kalau menu pertama korang letak keyword, kt menu kedua tu letaklan banner atau apa2 perkataan yang korang nak.
- Pada perkataan berwarna biru, letakkan kod widget korang macam contoh di atas. Boleh ditambah ikut kesesuaian korang k.
Tutorial : Tunjukkan loading time pada blog
Korang nak tau berapa loading time blog korang? Senang jer. Kat sini nak share sikit cara-cara nak tunjukkan loading time kt blog korang.
1. Pergi ke Dashboard > Design > Edit HTML
2. Cari code berikut dengan CTRL + F
3. Letakkan kod di bawah selepas kod yang korang cari di step 2 tadi.
<!-- page load timer --><script type='text/javascript'>var d = new Date();var starttime = d.getTime(); //Get the start time</script>
4. Cari code berikut dengan CTRL + F </body>
5. Letakkan kod di bawah sebelum kod yang korang cari di step 4 tadi.
<!-- page load timer start --><script type='text/javascript'>var d2 = new Date();var endtime = d2.getTime(); //Get the end time//Find the difference between the start and end timesvar totaltime = (endtime - starttime)/1000;//Round 2 decimal placesvar result = Math.round(totaltime*100)/100;//Output results to a "P" elementdocument.getElementById("loadtime").innerHTML = "Page loaded in: "+ result +" seconds";</script><!-- page load timer end -->
6. Save
7. Pergi ke Dashboard >Layout >Add A Gadget >HTML/Javascript.
8. Copy kod di bawah ni dan letakkan pada HTML/Javascript.
9. Preview dan save dan lihatlah hasilnya. Selamat mencuba.
<!-- Widget portion --><p id="loadtime">Write your custom message here</p>
9. Preview dan save dan lihatlah hasilnya. Selamat mencuba.
Sumber:
LEPAK the place u should be
Tutorial : Letak Scrolling Title di Browser
Tutorial kali ini ialah untuk letakkan scrolling title di browser seperti dalam blog ini. Sila lihat contoh gambar di atas.
1. Pergi ke Dashboard > Design > Edit HTML
2. Cari code berikut dengan CTRL + F 3. Letakkan kod di bawah dan letakkan sebelum kod yang korang cari di step 2 tadi.
<script type='text/javascript'>
//<![CDATA[
msg = "==>Blog untuk anda berkongsi Informasi...Selamat Datang!<==";
msg = " .................................. " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
4. Save dan Preview
Sumber:
LEPAK the place u should be
Tutorial : Letak animasi jam dalam blog
Salam semuaaaaaa.....rasanya dah lama tak update tutorial dalam blog ni kan......rasa kosong plak....chewaahhhh.....
Okaylah, tutorial kali ni ialah untuk korang letakkan animasi jam pada blog korang. Sangat2 mudah....korang ikut jer step di bawah ni okay....
1. Pergi ke Dashboard >Layout >Add A Gadget >HTML/Javascript.
2. Masukkan kod berikut:
(jenis jam : Clicking Digital Clock)
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf" width="150" height="150" wmode="transparent"> </embed></object>
3. Save dan Preview. Selamat mencuba!!...
p/s : korang boleh juga mencuba jenis jam yang lain dgn mencubanya di http://flash-clocks.com/
Sumber:
LEPAK the place u should be
Tutorial : Upload video dalam blog
Korang ada video nak upload dalam blog?.....Senang jer cara dia......sebelum ni saya ada bagi tutorial macmamana nak upload video youtube.Tutorial kali ni macmamana nak upload video dalam blog...Jom kita tgk cara2 dia....
1. Buka New Post dan klik insert a video.
2. Kt sini korang bleh pilih nak letak video sendiri atau dari youtube.
3. Senang bukan?....selamat mencuba.....
Sumber:
LEPAK the place u should be
Sunday 3 June 2012
Apa itu SEO
SEO....Rasanya korang yang dalam dunia blogging ni sure tau apa itu SEO kan...... Dalam dunia blogging ni SEO adalah perkara yang paling penting bagi menaikkan trafik pada blog kita.
Apa itu SEO?
SEO ni adalah singkatan daripada perkataan Search Engine Optimization iaitu kaedah yang digunakan untuk mendapatkan kedudukan yang tinggi dalam enjin carian. Sape tak nak web@ blog kita sentisa berada di kedudukan yang teratas dalam enjin carian. Bila kedudukan kita antara yang teratas so secara tidak langsung trafik yang datang ke blog kita akan bertambah hanya dengan mengaplikasikan konsep SEO dalam blog kita.
Sebagai contoh lah kan, kalau kita ada web@blog berkaitan perniagaan dan nak mempromosikan produk yang kita jual, konsep SEO amat sesuai diaplikasikan dalam blog kita bagi mempromosikan produk.
Dengan mengaplikasikan konsep SEO ni, akan meningkatkan populariti sesebuah web@blog seterusnya meningkatkan trafik. Kebiasaannya, SEO ini bermain dengan kata kunci @ keyword samaada menggunakan kata kunci yang popular atau menaikkan kata kunci yang luar biasa yang belum pernah digunakan.
Saya akan terangkan bagaimana kata kunci @ keyword yang kita gunakan mampu untuk meningkatkan trafik blog pada entri akan datang. Tunggu tauuu.....
Sumber:
LEPAK the place u should be
Subscribe to:
Posts (Atom)