Saturday, December 11, 2010

Tutorial : Snow Effect

Cursor Snow Effect

  1. > Tekan Design > Page Elements > Add A Gadget > Html/Java Script
  2. > Choose colour apa yang korang nak , then paste jee




BLUE
<script src="http://sites.google.com/site/muzzymusthofa/javascript/bintangbiru.js" type="text/javascript"></script>





GREEN
<script src="http://sites.google.com/site/muzzymusthofa/javascript/bintanghijau.js" type="text/javascript"></script>





RED
<script src="http://sites.google.com/site/muzzymusthofa/javascript/bintangmerah.js" type="text/javascript"></script>





WHITE
<script src="http://sites.google.com/site/muzzymusthofa/javascript/bintangputih.js" type="text/javascript"></script>





PURPLE
<script src="http://sites.google.com/site/muzzymusthofa/javascript/bintangungu.js" type="text/javascript"></script>

Tutorial : No Right Click

xnak org copycate ape yg ade at blog anda ...




1 . > Tekan Design > Page Elements > Add A Gadget > Html/Java Script


<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></div></div>
<center><script language=javascript>
<!-- http://www.spacegun.co.uk -->
var message = "PAGE DISABLE";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;
</script></center>

Tutorial : Tukar Curcos Blog

Taknak lah cursor arrow je kan? Pergi sini untuk banyak cursor best!


1. Dashboard --> Design --> Page Elements --> Add a gadget --> HTML/JavaScript
2. Paste code yang diambil dekat ego-box tadi, and Save. View blog.

Tutorial : Scroll To Top

Letih , bnyak post nk tngok ...
haha .. skarang adee care lbeh snang ....


  1. > Tekan Design > Page Elements > Add A Gadget > Html/Java Script
  2. > Choose colour apa yang korang nak , then paste jee




<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/black.js" type"text/javascript"></script>






<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/blue.js" type"text/javascript"></script>






<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/green.js" type"text/javascript"></script>








<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/orange.js" type"text/javascript"></script>








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








<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/red.js" type"text/javascript"></script>








<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/white.js" type"text/javascript"></script>

Tutorial : Tukat Icon Blog List

Macam mana nak letak icon tepi macam tu ?

1. Dashboard --> Design --> Edit HTML
2. Ctrl + F dan search : .sidebar li {
3. Tambah code bawah ni, di bahagian .sidebar li { tadi. Kalau tak faham, tengok je kedudukan code nanti. ^^
background:url(CODE IMAGE ICON ANDA)
no-repeat 2px .25em;
4. Code .sidebar li { anda akan jadi macam ni (lebih kuranglah, sebab ni code blog saya). Fokus dekat bahagian yang dibold.
.sidebar li {
background:url(http://i293.photobucket.com/albums/mm62/happyy-stop/musicfavi-happyy-stop.gif)
no-repeat 2px .25em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

5. Save Template. Pergi Design --> Page Elements --> Anda punya blog list gadget
6. Untick dekat Icon dan Save. 
7. Preview blog. Jadi tak?

Tutorial : Tukar Warne Highlight

Selalu kalau kita highlight something dekat blog, mesti warna biru kan? Okay, sekarang kita tukar warna dia bagi lawa ^^  Bosan lah kan kalau asyik warna biru tu jee, tak ceria lah hidup :PP


1. Dashboard --> Design --> Edit HTML
2. Ctrl + F to search :
]]></b:skin> 
3. Paste code bawah ni, atas code number 2 tadi
moz-selection{
background:#FF6699;
color: #FFFFFF;
4. Rupa code macam ni :
::-moz-selection{
background: #FF6699;
color: #FFFFFF;

]]></b:skin>
5. Background & Color boleh tukar ikut suka hati XD  Pandai-pandai lah awak hias sendiri :D  Untuk html color codes, boleh klik sini

Tutorial : Background

Updated 11/10/2010 . Ni baru punya okay ?


1. Go to Cherrybam for background. *nanti kat step 4 , copy link url dia :)

2. Blogger Dashboard > Design > Edit HTML

3. CTRL + F and search : body {

4. Paste code ini :
   background:url(URL GAMBAR BACKGROUND);
   background-attachment: fixed;
   background-repeat: repeat;

5. So , it will be like this :

body {
  background:url(http://www.sadmuffin.net/screamcute/layouts/floral/04.gif);
  background-attachment: fixed;
  background-repeat: repeat;

6. Preview , and kalau kat bahagian post and sidebar pun ada background , ada step lagi . Hmm , sekarang search for #outer-wrapper {

7. Paste code ini bawah #outer-wrapper {
background: #000000;

8. So it will be like this :

  #outer-wrapper {
    background: #000000

9. Preview , ( so sekarang kat kiri dan kanan je ada background, post dan sidebar warna putih ) and click save template.












CLICK OLDER POST