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.



2. Cari code berikut dengan CTRL + F      

3. Letakkan kod di bawah dan letakkan di atas kod yang korang cari di step 2 tadi.

    

4. Save

5.  Pergi ke Dashboard >Layout >Add A Gadget >HTML/Javascript.


Sumber: LEPAK the place u should be

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.


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 times
var totaltime = (endtime - starttime)/1000;
//Round 2 decimal places
var result = Math.round(totaltime*100)/100;
//Output results to a &quot;P&quot; element
document.getElementById(&quot;loadtime&quot;).innerHTML = &quot;Page loaded in: &quot;+ result +&quot; seconds&quot;;
</script>
<!-- page load timer end -->

6. Save

7.  Pergi ke Dashboard >Layout >Add A Gadget >HTML/Javascript.



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.

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

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

Apa itu Backlink

Apa itu Backlink? Bagi blogger, backlink memang tak asing lagi.

Backlink dengan bahasa mudahnya ialah link web kita yang berada atau disimpan di dalam web/blog orang lain.

Kenapa ramai yang mengejar backlink?
Sebab semakin banyak backlink semakin banyaklah trafik akan masuk ke dalam blog kita.
Kalau kita perhatikan, kita boleh tengok backlink tu dengan banyak cara. Antaranya ialah

1. Apabila link kita dimasukkan ke dalam bloglist blog lain. So rajin2lah join bloglist dan manfaatnya bukan pada kita sahaja tapi kedua2 pihak. Saya sendiri suka join bloglist sebab bila blog saya selalu diupdate dan sentiasa akan berada di senarai atas sekali. Secara tak langsung menaikkan trafik bila org klik link saya. Ada juga yang memang dah masukkan blog saya dlm bloglist. Terima kasih.

2. Korang perasan tak bila korang letak button share kt artikel korang tu. Bila orang klik share then artikel tu akan dikongsikan dengan org lain melalui facebook. Cuba korang bayangkan ada berapa orang dalam FB tu. Secara tak langsung kita dah dapat backlink kt situ. Betul tak?...huhuhu....

3. Melalui komen. Tak dinafikan dengan komen di blog lain akan meningkatkan trafik sebab kita dah tinggalkan link blog kita kt situ. Bila ada link orng akan klik kt link tu. So jgnlah jadi silent reader...Rajin2 la mengomen jek...huhuhu....

4. Letak signature link blog kita bila join forum dan hantar email. Sambil2 join forum letakkan link blog kita..kt situ dah dapat backlink.

5. Melalui join contest dan segmen blog lain juga dapat backlink. Tak caya?..Cubalah join mana2 contest atau segmen. Saya suka join contest dan segmen sebab selain dapat memperkenalkan blog saya, link blog saya sentiasa berada dalam blog tersebut selagi contest atau segmen tu berjalan.

6.Buatlah artikel yang menarik dan berkualiti sebab bila artikel kita dikongsi dalam blog lain, biasanya akan dikreditkan ke blog kita. Sebagai contoh blog saya ada tutorial untuk blogspot dan ada beberapa blog yang share artikel saya di blog mereka.

7. Selalu blogwalking sebab kita akan meninggalkan link di ruangan shoutbox.

8. Exchange link dengan blog lain. Tinggalkan seberapa banyak link. Huhuhuh.....Saya suka dengan blog yang membolehkan saya letak link saya.

Sebenarnya ada banyak lagi cara untuk mendapatkan backlink dan kadang2 kita tak sedar sebenarnya kita dah tinggalkan link kita. Kalau korang ada maklumat tambahan lagi bolehlah tulis di ruangan komen yer...bolehlah kita berkongsi maklumat.



Sumber:

LEPAK the place u should be

6 Cara Tingkatkan Page View

Page View ialah jumlah halaman @ page dalam blog yang dibuka oleh pengunjung. Semakin tinggi page view maknanya semakin banyak page blog tu dibuka oleh pengunjung blog. Ada beberapa cara untuk kita tingkatkan page view dan saya nak share beberapa tips atau cara untuk kita sama2 tingkatkan page view.


1. Letak Related Post

Post2 yang terpilih ialah post-post yang sama labels so bila kita letak related post ni secara tak langsung page view kita akan tinggi. Contohnya kalau visitor blog buka entri tentang tutorial, di related post akan disenaraikan entri2 lain yang berkaitan dengan entri dibaca tadi. Visitor blog tak perlu susah payah untuk cari entri lain yang berkaitan.


2. Letak Linkwithin

Linkwithin lebih kurang sama dengan related post cuma post yang dipaparkan adalah secara random yang relate dengan post tetapi masih boleh meningkatkan page view sebab gambar yang terpapar akan menarik minat visitor blog untuk klik dan baca entri tersebut.



3. Gunakan Read More dalam entri dalam blog

Adalah digalakkan untuk pasang read more dalam blog supaya dapat melajukan page blog kita dan secara tak langsung meningkatkan page view. Di samping itu dengan memasang read more akan membuatkan visitor blog yang datang akan klik pada entri yang kita tulis tu untuk mengetahui dengan lebih lanjut isi kandungan enti. Kalau entri korang tu menarik mesti visitor akan klik.


4. Tidak letakkan terlalu banyak enttri dalam main page blog

Seboleh2nya, elakkan letak terlalu banyak entri dalam main page blog sebab akan melambatkan / memberatkan blog. Bila blog kita lambat dan berat, visitor mesti akan tinggalkan blog kita dan secara tak langsung mengurangkan page view. Kalau boleh just letak dalam 1 ke 2 entri sahaja di main page blog dan akan menyebabkan visitor klik pada entri yang lama untuk membaca entri yang lain. Jangan letak terlalu banyak.


5. Letak Popular Post

Popular post juga dapat menarik minat visitor blog untuk klik pada mana-mana popular post dalam blog. Biasanya popular post diletakkan di side bar blog.


6. Letak link entri yang lama dalam entri

Biasakan dengan meletakkan link bagi entri lama ke dalam entri yang baru kita tulis. Contohnya korang buat satu entri tentang SEO, so cuba kaitkan entri tersebut dengan entri lama yang pernah korang tulis sebelum ini dengan meletakkan link tersebut. Secara tidak langsung, visitor akan klik pada link tersebut untuk mengetahui lebih lanjut isi kandungan link tersebut.

Okaylah.....setakat ini sahaja untuk saya share. Sekiranya korang ada tips atau cara lain, bolehlah share juga yer......





Sumber:

LEPAK the place u should be

Tutorial : Popular Post bergerak

Salam semua. Tutorial kali ini ialah bagaimana nak jadikan post popular kita bergerak. Sila ikut step di bawah.

1. Add gadget Popular post dulu dalam Design>PageElements>Add Gadget>Popular post



2. Pergi ke Design>Edit HTML>Expand Widget Templates dan cari kod berikut:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
 <b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
 <ul>
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
   </marquee> </ul>
    <b:include name='quickedit'/></div>
  </div>
</b:includable>
</b:widget>

Note : Tambahkan kod yang berwarna merah berikut dan boleh ubah kelajuan pada scrollamount='3'.


Kredit : teknikbuatblog


Sumber:

LEPAK the place u should be

Tutorial : Buat Widget Post bergerak

Salam semua......hari ni nak share macammana nak buat widget post bergerak. Kegunaan widget ini ialah bagi membolehkan pengunjung kt blog korang tau entry korang yang lepas tanpa perlu pergi satu2 untuk melihat entry korang yang lepas-lepas. Entry korang akan keluar secara random.

Jom jenguk cara-cara nak buat widget post bergerak ni.




 1. Pergi ke Dashboard >Layout >Add A Gadget >HTML/Javascript.

 2. Masukkan kod berikut:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
margin-bottom:-20px;
padding:0px 0px -20px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
float:center;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:200px;
padding: 2px 2px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:center;
height:70px;
overflow: hidden;
background:#FFFFFF;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#A32929;
font-size:12px;
height:0px;
overflow:hidden;
margin: 0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:10px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:0px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:0px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[1] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[2] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[3] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[4] = "http://img15.imageshack.us/img15/5439/noimagex.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = " ";
showPostDate = false;
showcomments = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://NamaBlogKorang.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
</div>


3. Selamat mencuba.



kredit : budaknakal



Sumber:

LEPAK the place u should be

Tutorial : Cara backup post blog

Tutorial kali ni ialah nak share macammana untuk backup post di blogspot. Tutorial ni saya dapat dari Syafzmagz. Pinjam tutorial yer...huhuhu....

Backup ni penting bagi memastikan post yg kita dah buat sebelum ni masih ada lagi sekiranya terdapat masalah pada blogspot ataupun tiba2 post-post kita sebelum ni hilang ke kan. So eloklah kiranya kita backup siap2.


















3. Sebaik-baiknya korang backuplah selalu sebagai persediaan.



Sumber:

LEPAK the place u should be

Tutorial : Buat Drop down menu di header menu dalam blog

Tutorial kali ini ialah saya nak share dengan korang cara-cara untuk buat drop down menu di header menu macam gambar di bawah ni.


1. Pergi Dashboard > design > add a gadget > HTML/javascript

2. Letakkan kod berikut:

<ul id="sddm">

<li><a href="http://easy-xs.blogspot.com">Home</a></li>

<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Tutorial</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">Nuffnang</a>
<a href="#">Blogspot</a>
<a href="#">Trafik Blog</a>
</div>
</li>

<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Tempat</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">Percutian</a>
<a href="#">Tempat menarik</a>
</div>
</li>

<li><a href="#">Hiburan </a></li>
<li><a href="#">Dunia IT </a></li>
<li><a href="#">Sejarah </a></li>

</ul>



Note : 

i.  Tukar tajuk menu dan link ikut kesesuaian blog korang.

ii. Untuk menukar warna pada menu boleh rujuk kod warna berikut : colour

Sekiranya ada sebarang pertanyaan bolehlah komen di bahagian komen yer.....





Sumber:

LEPAK the place u should be