Cara Memasang Scroll Back To Top

Scroll back to top di gunakan untuk kembali ke dari posisi bawah ke atas.Dengan kata lain, jika kita sedang membaca dibawah dari menu utama, dengan hanya klik secara manual akan bergerak keatas.Cara memasangnya cukup mudah dan senang.

Langkah-langkah memasang scroll back to top :

1. Sign blog anda

2. Klik Design.

3. Klik Add a Gadget.

4. Klik HTML / Javascript.

5. Copy kod dibawah ini, paste pada kotak HTML / Javascript.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/pink.js" type"text/javascript"></script>

Nota :Gantikan teks berwarna merah dengan URL yang anda ingin kan..

Contoh URL :

http://dl.dropbox.com/u/1960768/black.js

http://dl.dropbox.com/u/1960768/blue.js

http://dl.dropbox.com/u/1960768/green.js

http://dl.dropbox.com/u/1960768/orange.js

http://dl.dropbox.com/u/1960768/white.js

http://dl.dropbox.com/u/1960768/red.js

http://dl.dropbox.com/u/1960768/pink.js

6. Save.

Selamat Mencuba…

Membuat Huruf Besar Di Awal Posting

Assalamualaikum semua kali ini mrul ingin berkongsi  tips cara membuat huruf besar di awal posting.Bagi anda yang tertarik untuk membuat huruf besar seperti di post saya kali ini.

 Langkah-langkah membuat huruf besar di awal posting:

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4. Cari kod ini ]]></b:skin>.
5. Copy kod dibawah dan paste sebelum kod ]]></b:skin>.

/* huruf basar
----------------------------------------------- */
.besar {
float:left;
color: #000000;
line-height:10px;
padding-top:1px;
padding-right:2px;
font-family:times;
font-size:50px;
}

Nota :Ketika menulis posting baru anda harus meletak huruf yang ingin dibesarkan ditengah kod ini <span class="besar">Huruf yang ingin dibesar</span>.

6. Save.

Selamat Mencuba..

Membuat Menu Melayang Pada Blog

Pelbagai macam cara dilakukan para blogger untuk menjimatkan ruang blognya salah satunya dengan Kotak blogger, Namun tips kali ini untuk menjimatkan halaman kita dengan membuat menu melayang. Menu ini dapat ditampilkan di bagian kiri mahu pun di bahagian kanan blog.

Langkah-langkah membuat Menu melayang pada blog :

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4. Cari kod ini </head>.

5. Copy kod dibawah dan paste sebelum kod  </head>.

<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>

<script>

YOffset=40;

XOffset=0;

staticYOffset=30;

slideSpeed=20

waitTime=100;

menuBGColor=&quot;red&quot;;

menuIsStatic=&quot;yes&quot;;

menuWidth=150;

menuCols=2;

hdrFontFamily=&quot;verdana&quot;;

hdrFontSize=&quot;2&quot;;

hdrFontColor=&quot;black&quot;;

hdrBGColor=&quot;#7dd03a&quot;;

hdrAlign=&quot;left&quot;;

hdrVAlign=&quot;center&quot;;

hdrHeight=&quot;15&quot;;

linkFontFamily=&quot;Verdana&quot;;

linkFontSize=&quot;2&quot;;

linkBGColor=&quot;white&quot;;

linkOverBGColor=&quot;#cafaa9&quot;;

linkTarget=&quot;_top&quot;;

linkAlign=&quot;Left&quot;;

barBGColor=&quot;red&quot;;

barFontFamily=&quot;Verdana&quot;;

barFontSize=&quot;2&quot;;

barFontColor=&quot;white&quot;;

barVAlign=&quot;center&quot;;

barWidth=20; // no quotes!!

barText=&quot;My MENU&quot;;

// ----- Mulai Edit Menu

ssmItems[0]=[&quot;Assalamualaikum&quot;] //Header Menu

ssmItems[1]=[&quot;Home&quot;, &quot;/&quot;, &quot;&quot;]

ssmItems[2]=[&quot;Tips Blog&quot;, &quot;http://mrul-tips.blogspot.com/search/label/Tips%20Blog&quot;,&quot;&quot;]

ssmItems[3]=[&quot;List Blog&quot;, &quot;http://mrul-tips.blogspot.com/2010/02/list-blog_02.html&quot;,&quot;&quot;]

ssmItems[4]=[&quot;Tips Komputer&quot;, &quot;http://kawe88.blogspot.com&quot;, &quot;_new&quot;]

ssmItems[5]=[&quot;Free Templates&quot;, &quot;http://www.finalsense.com/services/blog_templates/&quot;, &quot;_new&quot;]

ssmItems[6]=[&quot;Free backgrounds&quot;, &quot;http://www.thecutestblogontheblock.com/free/free-backgrounds.html&quot;, &quot;_new&quot;]

ssmItems[7]=[&quot;Blog Tok Guru&quot;, &quot;http://www.blogtokguru.com/&quot;, &quot;_new&quot;]

buildMenu();

//----- Selesai Edit Menu

</script>

Nota :Gantikan teks warna biru dengan tajuk mengikut keinginan anda dan teks warna merah URL yang ingin anda tuju.

Bagi anda yang ingin menambah tajuk dimenu hanya menambah kod dibawah ini sebelum kod buildMenu(); .

ssmItems[7]=[&quot;Blog Tok Guru&quot;, &quot;http://www.blogtokguru.com/&quot;, &quot;_new&quot;]

6. Save.

Selamat Mencuba...