BLOGGER TEMPLATES AND TWITTER BACKGROUNDS

Pages

Saturday 24 September 2011

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




Friday 23 September 2011

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


 

Saturday 17 September 2011

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


Saturday 10 September 2011

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