Sidebar Title Background

! nak tahu macam mana Myra buad mcm kat bawah niyh ker ? Kacang je niyh ..

 

Perhatikan step kat bawah ni , ok ?

1. Dashboard => Design => Edit HTML =>Tick Expand Widget Templates .

2. Tekan CTRL+F search for this code

h2 {

3. Bila da jumpa , copy code kat bawah ni and paste dekat bawah code h2 {

background:url(URL GAMBAR PILIHAN)

4. lepas tu paste dekat bawah code ni text-transform:uppercase;
nanti dia akan jadi macam ni .

h2{text-align:center;

margin:0 0 1em 0;

font:$(widget.title.font);

color:$(widget.title.text.color);

text-transform:uppercase;

background:url('URL GAMBAR PILIHAN')}

* preview dulu . kalau jadi, save jela ok .^_^

Letak Copy Right

Assalamualaikum ! harini myra nak ajarkan korang camne nak letak balik copyright korang tu .. \
.myra nak ajarkan kat korang .. bissmillahhirrahmanirrahim ..

Ehh, tahu ker , macam mana nak letak copyright tuh?Yg macam kat bawah ni ler :*

Haa , mudah saja ! Ikot stepni !!

1. Log in > Dashboard > Design > Edit Html
2. Cari kod ini .( Nak cari tekan Ctrl + F)

</body>   

    3. Then , paste kod kat bawah ni kat bahagian atas kod yang korang cari tadi ok?

 <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>

<center>TULIS AYAT COPYRIGHT KORANG KAT SINI</center>

   4. Before tuh ,preview dulu , jadi or tak .?
   5. If dah jadi , SAVE terus ok :)

Selamat Mencuba :)

credit to :Lyssa Secret

Order header secara percuma !

korang slalu order kene beli kan ? nonono .. blog aku x payah bayar langsung ! korang order je ! secara percuma ...tanye aku di comment di bawah ini ataupun di FACEBOOK aku

harap korang order tau ! eh ? jangan malas2 macam anjing .. COMMENT la !!!

Ubah Warna Highlight

Haa... Harini Myra teringin plak nak wat tuto .. hari ni myra nak wat tuto Ubah Warna Highlight ...Oke . tgk niwarna highlight

Aku menang Pertandingan blaa....bla...bla..

kalo kite nak copy sesuatu kan die macam kat atas tu kan ? ha.. tgk ni cara2nya..

1. Log in > Dashboard > Design > Edit Html

2. Then , korunk cari kod ini : (Nak cari tekan Ctrl+F)

 

a:link {

 3. Copy code kat bawah ni , and paste kan sebelum code yang anda cari tadi tu ok :)

::-moz-selection {
background:#000000;
color:#FFFFFF;
}

::selection {
background:#000000;
color:#FFFFFF;
}

* Ini kegunaan Mozilla Firefox dan Google Chrome saja !
* Yang warna merah di atas , korang boleh tukar kan dgn warna kesukaan korang ok?
   Nak cari warna , klik SINI. :)


 

Letak "My Status" kat blog

Assalamualaikum !Harini myra nak wat tuto "letak "My Status kat blog"...Perhatikan caranye ye ?

1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript

2. Paste kan kod ini di bahagian html/javascript tuh ok ?

<fieldset><legend><img src="URL IMAGE"/></legend><center>Lyssa ONLINE</center><center>03 JUNE 2011</center></fieldset> 

**Warna merah , URL Image korang..

**Warna biru , korang gantikan dengan ayat korang sendiri

**Kalau nak teruskan ayat tanpa "enter" just buang je <center> dan </center> . ok ? Ada paham? ^_^

3. Dah siap SAVE je :)

Kat bawah ni , Myra ada contoh URL IMAGE My status.. Gantikan masuk ke dalam yangwarna Merah tu ok ?? 

   
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgraUtNu1ywHxKXghUuW8gmBLCWP2Fl31HOAy8HFsHO7Elnbqm3YsavUEcdqhz_TYyCH3drXGN4XYdz197lA7jA8h8dHUmwGMib0CEDVaYfloFwsmG5soVCGPBB_7ckMAbzcCpLsnOnsW0/s1600/Lyssasecret+1.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyQxcqicUprnDH0ZfWniQJl_ck3o1rNMpa9txvCq06GQD8H2YHgXasJ2C57mKNivIjcyXtP5DWinOCQTfEuJfq_SYv15sROYggq_Wt3qik2uVSCedkBWCY-rJ4vi46ZygKuh-0MTjgah0/s1600/Lyssasecret+2.png
  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQj-u8BBZxwrZNbHQhkBm9VY8avInel9yKuVThEOwmC0lXDhbgm3e3_ejvzfkwPnTtwlBK_2dwRYTPAeIUMyzqVuj8jsTzZHxfJNKSIv-6M-YhXqL5IyWBERrnINPBvHi-wNR0pJ7YMMQ/s1600/Lyssasecret+3.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZH5Z7g1hy41aI8rBBMncxs8kU6V67XhaHFLMbGcFolvkww2cjq1esJReeJO3yE8b78-EdMaDJ-m-8-Ph20dTdDQWHWt48THpfPz3w6lpN5QcXgoXA5mwQNXrpqUSWHlxlu3cFk-iTWq8/s1600/Lyssasecret+4.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAQI7dekQJXf8wkrcwQgb6z0ymF97VBhcjWn6x8xkg_4YJtzj1D5Xr9hKFaOLxkNm3aqVygKxrfujUT0XXoF-dS_WUcQOIl97T51xFGxrPDkdAEI-Wis_yNegwkkutZWk_5-_x7c3hho/s1600/Lyssasecret+5.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxUCUATUrT_sKX_6EFel7kgObzms32200RKmI-Ytz49Uv3DihhOCEvHdT3MwVlkj5o74EbnR7xi7D6bHoHaKm5ozkD6gSWQccAy35KJhvw-z5wVaWxfssmqvZ3J4d2d1qGgDsavT0D9A/s1600/Lyssasecret+6.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXFG0sH_D7fCGNXzbKIoeohF92t-LRW7ZeLjse6-GR7lKRZtO_5lcwz00zRj1ByzS9y_oOzSv6fOdSV1dQSO73SLgIn1ge8Jt9xbw9dRO4N19a04U1LSeDNMWxGL4cLNBap3y8I02F_Zc/s1600/Lyssasecret+7.png

---

Energy saving mode

benda alah ni agak menarik jugak. but i taktau energy ape yang boleh save. konon konon save laa kot. kalau taktau, tengok bende alah bawah ni :

click gambar untuk lebih jelas :)

memang nampak agak hodoh sikit sebab gelap gelita je. haha. tapi nanti bile korang move mouse korang tu, kat situ macam best sikit. hahaha. bende ni dia akan muncul bila korang tinggal page tu lame lame. macam korang p merayap merayap or buat kerja ape ke, then dia akan jadi macam tu lahh.

so hari ni i nak kasi tutorial pasal bende ni.

dashboard > design > edit HTML *tick expand widget templates

tekan CTRL F serentak and search code ni :

</head>

dah jumpe kan? then paste code energy saving mood ni dekat atas code </head> tu okay.

<!-- save your energy -->

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

<!-- save your energy end -->

dah paste lepas tu siap ah. then tengok hasilnye. kalau tak suke, remove laa balik. ape susah en? hahaha.

Sparkling Cursor

Assalamualaikum .. hey :) harini Myra nak ajar korunk camne nak wat Sprakling Cursor .. Apa itu Sparkling Cursor kak ?Soalan dari Emy ..Sparkling Cursor tu .. bila kite gerakkan cursor ade keluar Sparkling jatuh . hehe .. Sape x phm buat je lhaa.Perhatikan  Cara Caranya :
1.add a gadget > HTML/JavaScript
2.Paste kod yg kat bawah nie  kat ruangan kotak Html/JavaScript tu .. 

<script type="text/javascript">
// <![CDATA[
var colour="#0000";
var sparkles=250;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=60;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Yang #0000 tu korang tukar kan dengan warna Sparkling korang .. kalo x tau nak cari kat mana .. KLICK SINI :) 

Pilih lah warna yg korang suke  :)
3.Siap :) Save .

Credit to :Akk Amylia

Alert Message

                                                              Assalamualaikum !
Harini myra nak ajar cara nak buat Alert Mesage...Korang tau x ape tu Alert Message ? Ala..yg bile kite tgk blog sesiapa mesti ade keluar :Hey ! Welcome to My Blog n bla..bla..bla..Pastu korang kene click ok .. paham x ? kalo x phm buat je lah..OK...Perhatikan cara2nya ..
1.Dashboard > Design > Add Gadget > Html/JavaScript

2. Copy and paste Code di bawah di ruangan Html/JavaScript tu.

<script> function MYALERT() {
alert("TULIS AYAT KORANG KAT SINI"); } MYALERT()
</script>

*Kalau nak banyak2 , copy je code ni di bawah nyer k ?
Then , Tukar Ayat korang tuh:)

3. Da siap . Save :) Lihat hasilnya ^_^

Ape tunggu lagi ?Da jadi ? Comment la ! kalo x jadi tanye ye .. di comment

Letak Button Dashboard

Taw x ape itu Dashboard button ? Tgk kat bawah ni :

korang mesti ingat kene pegi kat EditHtml kan ? haha ! nopp ! ni hanya Html/JavaScript

Perhatikan Cara2nya ..

1.Design>Page Elements>add gadget>Html javaScript
2.Paste code di bawah ni di ruangan dalam kotak tu

<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://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>

Da siap . Save

Add Page Element Diatas Header

Assalamualaikum..hai..korang faham tak tajuk kat atas ni..faham la kot..hehe.,:)

1. Dashboard > Design > Edit HTML

2. Cari Kod Ini :


<div id='header-wrapper'>


3.Lepastu..Copy Kod dekat bawah ini :

     <div id="gadget_header">
     <b:section class='header' id='gadgetheader' preferred='yes'/>       
     </div>
    

4.Kemudian , Paste dekat bawah kod yang korang cari tadi..

5.Kalau dah jadi..SAVE..:)


6.Then ,pegila dekat design.. Check, ade tak Add Page Element dekat atas Header.


Credit To:Akk Iffah

Hide Shoutbox

Hye .. Malam ni Myra nak buat tuto "Hide ShoutBox" .. Perhatikan cara caranya ya ..

1. Dashboard > Design > Add Gadget > Html

2. Copy kod dekat bawah ni,then paste dekat HTML 

<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL PIC YANG KORUNK SUKA') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>

3. Kalau dah jadi SAVE.

PINK-boleh tukar size megikut kesesuaian

MERAH-url pic yang korang nak letak

Credit to:Akk Iffah

Dekat bawah ini ade free shoutbox icon,kalau nak ambik jela.

http://i1210.photobucket.com/albums/cc413/fauzioji/rtyu.png

http://i1210.photobucket.com/albums/cc413/fauzioji/ghkjl.png

http://i1103.photobucket.com/albums/g463/AwanNana/Untitled_Ime.png

http://i1208.photobucket.com/albums/cc365/Hottest_ANdromeda/shout2.png

http://i1182.photobucket.com/albums/x446/WanaKendys/cute_anime_girl.png

Link Hover

Hye ! Myra nak ajarkan korang camne nak buat Link Hover .. Tau x ape itu Link hover ?header akan bertukar jadi effect lain jika disentuh oleh sang cursor . .Paham ? Jom Myra ajarkan :)

 1. Dashboard > Design > Edit html > Tick Expand Widget Templates

2. Cari kod dekat bawah ni

a:hover

3. Copy kod bawah ni :

color:#transparent; background:url(url image) ;background-repeat: repeat;text-decoration:underline;

4. kemudian,paste dekat bawah a:hover


5.Kalau dah jadi,SAVE 

     

http://dl6.glitter-graphics.net/pub/1097/1097706nsxl9flarn.gif

http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

http://i1095.photobucket.com/albums/i463/Iffah_Hazwani/2230009kyl1vodfml.gif

http://i1095.photobucket.com/albums/i463/Iffah_Hazwani/2800786zd8wi6zoz4.gif

Credit to :Akk Iffah

Post Title Background

Assalamualaikum , Harini Myra rajin sikit . .. tu pasal first time wat tuto .. huhu ! ni .. myra nak ajarkan korang camne nak wat Post Title Background .. Perhatikan cara2 nyra ya ???

  

  1 .Pegi dekat Design>Edit Html

  2.Cari Kod ni :

    h3.post-title {

kalo x jumpe,jangan putus asa ..cari pulak kod kat bawah ni :

  h4 } atau .post h3 {

3.copy and paste dekat post yang korang cari tadi

 border: 2px solid #000000; 

background: url(URL BACKGROUND); 

Save , Siap :) Preview dulu taw :) kalo x menjadi .. Tanye kat Fb atau Comment :))

Credit to :Akk Iffah