what if.

Tutorial letak energy saver // Friday, September 14, 2012

11:48 PM

dashboard > design > edit html
Cari kod </head> (CTRL + F)
Copy dan pastekan kod ni atas kod </head>

<script language='javascript' src='http://nikbir09.ws/scriptforenergy.js' type='text/javascript'/>

4.Save

Labels: tutorial

Tutorial header hover ketepi //

11:11 PM

1.Dashboard >design >Edit HTML >Tick expand widget

2.Cari kod #header { (CTRL +F)

3.Copy pastekan kod ni bawah kod tadi.

cccc

#header:hover {padding-left: 25px;-webkit-transition-duration: 0.5s;

4.Preview dan save

Labels: tutorial

Tutorial tukar ayat comment ke perkataan lain //

10:27 PM

1.Dashboard >Design >Page element >Tekan edit dekat blog post.

2.Then dia keluar Configure blog post.

3.Hah,korang edit lah dan tukarkan perkataan comment.

4.Tekan save.

Labels: tutorial

Tutorial open new link bile tekan gambar atau banner //

10:20 PM

1.Tekan new post dan letak gambar/banner orang nak guna dekat compose

2.Highlight gambar/banner tu

3.Tekan Link .Dia akan keluar kotak biru kan?

4.Isi ruang to what URL should this.....

5.Save!

Labels: tutorial

Tutorial floating music box //

10:07 PM

1.Dashboard >design >edit HTML >tick expand widget

2.Cari kod ni ]]></b:skin>(CTRL+F serentak)

3.Copy code ni dan paste atas kod ]]></b:skin>

.song { padding:12px; border-bottom-right-radius:5px; background:#ffffff; } #sing { text-align: center; position:fixed; left:28px; top:-40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; z-index:999; } #sing:hover { top:-10px; } #bukak { height:40px; background:#ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 50px; align:center; }

4.Preview dulu,kalau oke save!5.Ade lagi.Pergi ke Page Element,lepastu Add a gadget6.Tekan HTML Javascript7.Copy code ni dan paste
<div id="sing"><div class="song">CODE LAGU KORANG</div><div id="bukak"><br /><img src="http://dl5.glitter-graphics.net/pub/220/220645u9r9sjvsfp.gif" /></div></div>

8.Tekan save!

Colour - Code Lagu korang
Colour - Url Image korang.Boleh cari kat here.

Labels: tutorial

Tutorial top button // Friday, February 24, 2012

8:37 PM

1.Dashboard >Design >Add gadget >HTML

2.Paste kod bawah ni dan paste dekat dalam kotak HML
.

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar"></a>

3.Save.

Note:Masukkan url gambar yg korang nak.

Labels: tutorial

Tutorial music addict // Thursday, February 16, 2012

6:00 AM

Ni music addict sementara tunggu music dumper ade ambik yang ni dulu ok?haha.Okayh let start babe!

1.HERE

2.Dapat macam ni?Kalau dapat bagus.Search lagu yang korang nak okayh?Faham lagikan setakat ni?heheheh

3.Copy code yang sye tunjuk tu okayh?Then paste dekat kotak HTML awak .Boleh?Kalau boleh good.

P/S:Click gambar untuk nampak lebih jelas.

Labels: tutorial

Tutorial letak musicdumper //

5:44 AM

1.tekan

2.Search lagu yang korong nak.

3.Nampak kod tu copy jelah dan paste dekat HTML.Save dulu.

Labels: tutorial

Tutorial letak scm music player // Friday, February 10, 2012

4:52 PM

1.Dashboard>Design>Add gadget

2.KLIK SINI

3. Pilih skin

4.Lepas pilih,tekan edit playlist

5.Tekan configure settings

6.Tekan DONE.

7.Copy code tu,and paste dekat kotak HTML.

Labels: tutorial

Tutorial link warna warni // Saturday, January 14, 2012

3:16 AM

1)Copy code ni :

<script src="https://sites.google.com/site/story of girl/javascript/rainbowlink.js" type="text/javascript">

</script>

2)Dashboard>layout > page element > add a gadget>HTML

3)Copy code tadi dalam ruang HTML

4)Save.

Labels: tutorial

Tutorial letak kesan salji (snow effect) // Friday, January 13, 2012

11:17 AM

Dashboard>Layout>Add a gadget>Html/javascript

salji putih :

<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>

salji hitam:

<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>

Labels: tutorial

Tutorial letak facebook like badge semasa blog dibuka // Thursday, December 29, 2011

11:26 PM

1. Dashboard > design > edit HTML

2. Backup template blog sebagai langkah berjaga²

3. Dengan menggunakan fungsi find (ctrl + F), cari kod <body>
3.1 Jika anda tidak jumpa code <body>, cari kod ini
<body expr:class='"loading" + data:blog.mobileClass'>

4. Copy dan paste code di bawah selepas kod yang anda jumpa di langkah 3 atau 3.1

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='OhBest'
//]]>
</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakinetwork.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/unwanted86/javascript/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='https://sites.google.com/site/unwanted86/javascript/kakinetwork.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 15,
wait: 0,
url: 'http://www.facebook.com/OhBest',
closeable: true,
});
});
//]]>
</script>
<div id='fbtpdiv'/>

Contoh:

NOTA:
i) Gantikan 'OhBest' pada row KNFBFansPRO='OhBest' dengan nama yang anda mahu.
ii)Gantikan '15' pada row 'timeout: 15,' dengan masa paparan yang anda mahu semasa blog dibuka
iii) Gantikan dengan url page anda pada row url: 'http://www.facebook.com/OhBest',

5. Save.

Labels: tutorial

Tutorial hilangkan navbar //

11:19 PM

1. Dashboard > design > edit HTML

2. Dengan menggunakan fungsi find ( ctrl + F), cari kod body {

3. Copy dan paste code berikut SEBELUM code body {

#navbar-iframe {
display: none ;
}

contoh:

4. Save.:)

Labels: tutorial

Tutorial letak button follow dan dashboard //

11:14 PM

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruang HTML/javascript

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

3.Tukar blog ID dan save.

Labels: tutorial

tutorial mousthace cursor //

10:38 PM

1:Design > Edit html
2:cari body {
3:copy code bawah ni, lepas tu paste dekat bawah code body {

cursor: url(URL CURSOR), progress;

Contoh cursor:

pink= http://free-themes.info/cursor/mustache/pinkmustache.png

white= http://free-themes.info/cursor/mustache/mustache2.png

black= http://free-themes.info/cursor/mustache/mustache.png

blue= http://free-themes.info/cursor/mustache/bluishmustache.png

4:Copy dan paste di (URL CURSOR)
5:Save.

Labels: tutorial

tutorial welcome note //

10:03 PM

1. Dashboard >Design>Edit HTML
2. Search ]]></b:skin>

3. Dah jumpa? Copy kod bawah DI ATAS kod no.2

    /* to top */
    #toTop { width:100px;background:none;border:0px solid #ccc;text-
    align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-
    decoration:none; }
    </style></head>
    <script language="javascript" type="text/javascript">
    /* toggle() checks to see if the images has already been faded
    or not and sends the appropriate variables to opacity(); */
    function toggle(el,milli) {
    // Get the opacity style parameter from the image
    var currOpacity = document.getElementById(el).style.opacity;
    if(currOpacity != 0) { // if not faded
    fade(el, milli, 100, 0);
    } else { // else the images is already faded
    fade(el, milli, 0, 100);
    }
    }
    /* changeOpacity() uses three different opacity settings to
    achieve a cross-browser opacity changing function. This
    function can also be used to directly change the opacity
    of an element. */
    function changeOpacity(el,opacity) {
    var image = document.getElementById(el);
    // For Mozilla
    image.style.MozOpacity = (opacity / 100);
    // For IE
    image.style.filter = "alpha(opacity=" + opacity + ")";
    // For others
    image.style.opacity = (opacity / 100);
    }
    /* fade() will fade the image in or out based on the starting
    and ending opacity settings. The speed of the fade is
    determined by the variable milli (total time of the fade
    in milliseconds)*/
    function fade(el,milli,start,end) {
    var fadeTime = Math.round(milli/100);
    var i = 0; // Fade Timer
    // Fade in
    if(start < end) {
    for(j = start; j <= end; j++) {
    // define the expression to be called in setTimeout()
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    // setTimeout will call 'expr' after 'timeout' milliseconds
    setTimeout(expr,timeout);
    i++;
    }
    }
    // Fade out
    else if(start > end) {
    for(j = start; j >= end; j--) {
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    setTimeout(expr,timeout);
    i++;
    }
    }
    }
    </script>
    <div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
    document.getElementById('june').style.display=''">
    <img src="LINK GAMBAR"
    style="opacity:0.4;filter:alpha(opacity=40)"
    onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
    onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
    </div>
    <div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
    <div id="june" style="display : none;">
    <body>

4. LINK GAMBAR- letak url gambar yg anda nak letak
5. Pastikan width= 764. Savekan!

Labels: tutorial