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...

Cara Membuat Energy Saving Mode

Energy Saving mode atau penyimpanan energi ketika anda tidak ada kegiatan yang anda lakukan pada suatu blog.


Langkah-langkah membuat Energy saving mode :

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 language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

6. Save.


Selamat Mencuba…

Cara Membuat Readmore




Cara Membuat Readmore atau Baca Selengkapnya. Dengan adanya readmore, kita boleh menentukan berapa ketinggian dan lebar posting dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore, saya akan menerangkan cara membuat redmore.

Langkah-langkah membuat redmore :

1. Sign blog anda.
2. Klik Design.
3. Klik Edit HTML.
4. Klik tanda pada kotak “Expand widget template”.
5. Cari kod ini </head>.
6. Copy kod dibawah dan paste selepas kod  </head>.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

7. Cari kod ini <data:post.body/> atau <p><data:post.body/></p>.
8. Gantikan kod tersebut dengan kod dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <span class='rmlink' style='float:right;padding-top:20px;'> <a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

9. Save.


Selamat Mencuba


Cara Membuat Headline News




1. Sign blog anda
2. Klik Design.
3. Kemudian klik pada Add a Gadget.
4. Lalu pilih HTML/Javascript.
5. Kemudian masukkan kod dibawah ini.

<script type="text/javascript">
var hn_url_blog = "http://mrul-tips.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src=" http://fullblogtricks.fileave.com/headlinenews.js ">
</script>

Nota :Ganti tulisan yang berwarna merah dengan url blog anda.
        :Tulisan warna hijau adalah jumlah post yang ingin ditampilkan.

6. Save.

Selamat Mencuba…

TinGaLkan Jejak