Letak Cute Emoticon dalam post.

Amy Munirah | Monday, May 30, 2011 | 19Comments |

ASSALAMUALAIKUM
Hari ney amy na buat tuto buat cute emoticon dekat blog post.maybe rumit sikit,so ikut step per step ea.

Untuk pengguna google chrome sahaja
1) Mula-mula download greasemonkey.tekan download now tu ye macam gambar dekat bawah.

2) Da install:120:. Lepas tu,:99:sini untuk download cute-cute emoticon:face12:.
3) Korang boleh search emoticon for blogger dekat situ.
4) Kalau da pilih mana yang korang berkenan,korang tekan install,yang button hijau tu.korang nak install berapa banyak script pon boleh:86:.
5) Pastikan korang gunakan old editor dekat blog korang.
dashboard:65:setting:65:global setting:65:old editor:65:save.
Kalau tak faham,tengok kat bawah ney.

6) Bila korang na buat post baru,automatic emoticon-emoticon tadi ada dekat new post korang.macam gambar kat bawah ney.


6) Yang ney pulak kalau korang dah xna guna lagi emoticon tertentu atau na buang.
7) orang pergi menu bar google chrome korang ea,tekan tools:65:extensions.kalau tak faham rujuk gambar kat bawah:face17:
8) CLICK extensions tu.then korang akan jumpa macam gambar kat bawah ney.

9) Disabled untuk tak aktifkan sahaja,kalau na enable kan balik boleh.
10) Kalau uninstall terus delete dari extensions tu larhh.
11) Oke done.
12) Jangan lupa,yang global setting tadi tukar balik ke updated editor. Kalau tak paham,tinggalkan komen k.selamat men'try':119:

act,ada yang untuk pengguna firefox punya,tapi setakat ney untuk pengguna google chrome dulu larh.hehe.siape yang na tuto untuk firefox punye,inform ea.21
Thank you for reading

Tutorial Hide Shoutbox

Amy Munirah | Sunday, May 29, 2011 | 0Comments |
ASSALAMUALAIKUM
Hari ney amy na ajar buat shoutbox tersembunyi.ikut step kat bawah ney ea.
1) Dashboard->design->add gadget->html/javascript.
2) Copy code ney
<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:100px;width:30px;float:left;cursor:pointer;background:url('URL IMAGE SHOUTBOX') no-repeat;}.gbcontent{float:left;border:2px solid #A5BD51;background:#F5F5F5;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-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">
Letakkan kod ShoutBox anda disini
<div style="text-align:right"><a href="http://teknikbuatblog.blogspot.com/2010/04/shoutbox-adalah-suatu-widget-yang.html"><font size="1"">get this </font></a><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script></div></div>
3) Paste dekat html/javascipt tadi tu ea.
4) Save.
NOTA KAKI:
  1. warna pink untuk image shoutbox korang.
  2. warna biru tu pulak untuk code shoutbox korang.
DONE!:)

Thank you for reading

Tutorial double underline

Amy Munirah | Sunday, May 29, 2011 | 0Comments |
ASSALAMUALAIKUM.
Hari ney amy na ajar cara buat double underline.
1) Dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+f and search code ney
/* Header
3) Then,copy code ney pulak

u {
text-decoration:underline;
border-bottom: 2px double #F52887;
padding: 0px;
}
4) And paste dekat ATAS code yang korang search tadi.
5) Yang double tu,korang boleh tukar jenis underline yang korang na.pilih la kat bawah ney
6) Warna underline korang boleh tukar dekat sini.
7) Peview dulu taw ! then baru save. hehe .

Thank you for reading

Tutorial favicon

Amy Munirah | Sunday, May 29, 2011 | 0Comments |
ASSLAMUALAIKUM
Amy na ajar cara buat favicon .kalau x tawu apa dy favicon,mari tengo dekat bawah ney.
Oke ! da tawu,so kite mule sekarang ea.

1) Mule-mule macam biasa pergi ke dashboard->design->edit html->tick expand widget(penting)
2) Lepas tu tekan ctrl+f and search code ini
</head>
3) Lepas tu,copy code ini
<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/> <link href='URL gambar' rel='icon' type='image/x-icon'/>
4) And paste dekat ATAS code yang korang search tadi tu ye .
5) URL image tu boleh diambil dekat sini. banyak kawai2 image dekat situ.
6) Preview and save. Selamat mencube ! 

Thank you for reading

Tukar warna highlight

Amy Munirah | Sunday, May 29, 2011 | 0Comments |
ASSALAMUALAIKUM
Hari ney amy na buat tuto cara-cara tukar warna highligt pada font .

1) Mula-mula dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+F and search code ini
]]></b:skin>
3) Jumpa?kalau da jumpa ,copy pulak code ini
::-moz-selection{
background:#FFDFDF;
color:#5FFEF7;
}
::selection {
background:#FFDFDF;
color:#5FFEF7;
}
5) Paste dekat ATAS code yang korang search tadi tu ea.
6) Code warna tu,boleh ditukar dekat sini
7) Then save and tengo la hasilnye.

Thank you for reading

Tutorial Wishlist

Amy Munirah | Saturday, May 28, 2011 | 0Comments |
ASSALAMUALAIKUM

agak lama amy x updaye blog . sebab exam PPT.and cuti ney amy amek sikiy-sikit masa buat tuto.hari ney amy na 'ajar' cara-cara buat wishlist box.)
  • mule-muledashboard->design->add gadget->html/javaascript.
  • copy code-code ney ea .
<form name=myform><input type="checkbox" name="mybox" value="Wishlist 1" checked />Wishlist 1<br /><input type="checkbox" name="mybox" value="Wishlist 2" checked />Wishlist 2<br /><input type="checkbox" name="mybox" value="Wishlist 3" checked />Wishlist 3<br /><input type="checkbox" name="mybox" value="Wishlist 4" checked />Wishlist 4<br /><input type="checkbox" name="mybox" value="Wishlist 5" disabled />Wishlist 5<br /></form>
  • and paste dekat html/javascript tadi tu ea.
  • Tukar perkataan wishlist tu dengan perkataan korang sendiri.
  • and perkataan checkbox tu voleh ditukarkan dengan disabled.
  • da siap,boleh la save.

Thank you for reading

tutorial facebook like button

Amy Munirah | Sunday, May 22, 2011 | 4Comments |
ASSALAMUALAIKUM
maybe ramai yang da tahu tuto ney kan? tapi amy buat jugak,kowt2nye ada blogger baru yang x tahu lagi ke kan. oke adek-adek kite mula sekarang k.


1) Mula-mula,macam biase,kite pergi ke dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+f and cari code ney.
<data:post.body/>
3) Da jumpa? then ,copy pula code ney.
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
4) Paste dekat bawah code yang korang search tadi tu ye.
5) Preview dulu,then baru save oke!

Thank you for reading

Tutorial border blog melengkung

Amy Munirah | Sunday, May 22, 2011 | 4Comments |
ASSALAMUALAIKUM
Mai-mai amy ajar cara buat border blog melengkung.ikut step dekat bawah ea.:)
1) Dashboard->design->tik expand widget(penting)
2) Tekan ctrl+f and searh code ney
.content-inner {
3) Kalau da jumpa,copy code ney

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
4) And paste dekat bawah code yang korang search tadi tu ye.
5) Saiz px tu boleh ditukar.
6) Kalau da puas hati,preview dulu then save oke .

Thank you for reading

Buang border image

Amy Munirah | Sunday, May 22, 2011 | 0Comments |
ASSALAMUALAIKUM

Today amy na wat tuto buang border image. cantek sikit kan kalau tak ade border tu,nampak kemas sikit,bagi amy la ea.kalau korang xtwu la ea.. amy just na ajar sape yang belum tahu lagi k.oke,kite mula sekarang.
1) Mule-mule pergi dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+f and search code ney.
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
Korang akan jumpa code macam ney

3) Untuk buang border and shadow image tu,korang kena tukar semua nombor kat situ menjadi 0 . paham?Kalau x paham tengo ney .

4) Preview dulu,then baru save oke. sonang johh . hehe.

Thank you for reading

Cara Tukar Warna Mata Guna Photoshop

Amy Munirah | Saturday, May 21, 2011 | 0Comments |
ASSALAMUALAIKUM

pening-pening pown mau buat tuto ka? huhu . amy baru balik dari anta kakak amy kat uitm peneng ,x penat,tapi pening . mabuk jalan.haha.lupekan== ,sekrang kite mula tuto ney ea.

STEP 1
Mula-mula mestilah buka photoshop dulu kn,kalau xda g download cepat.hehe
STEP 2
Then,click file-->open and cari la gambar yang korang na.kalau amy,amy guna gambar anak buah amy neyh.cute x?cute x ? hehe .
STEP 3
Lepas tu tekan layer-->duplicate layer atau ctrl+J.


STEP 4
Lepas tu,korang tekan magnetic lasso tool tu ea.


Select keliling kawasan mata tu ea.hati-hati taw .kalau na tambah senang,zoom gambar tu ea(ctrl+)
STEP 5
Da select tu,korang pergi select-->modify-->feather.radius feather tu terpulang kat korang na warna ape ea.
STEP 6
Then,pilih image-->adjusments-->colour balance.
STEP 7
Lepas tu,time ney la korang na colourkan mata korang dengan warna apa.korang ubah la ikut cita rasa korang oke.
STEP 8
Diselectkan kawasan yang korang select tadi tu ye.tekan ctrl+D.da siap.save la.ney la jadinye.

Done !

Thank you for reading

Tutorial note under post.

Amy Munirah | Tuesday, May 17, 2011 | 0Comments |
ASSALAMUALAIKUM

1) Mule-mule dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+f and search code ney
<data:post.body/>
3) Lepas tu copy code ney pulak
<hr/><center>NOTE</center><hr/>
4) And paste dekat bawah code yang korang search tadi tu ye.
5) Note tu boleh tukar dengan ayat yang korang suka,oke.
6) Preview,then baru save .

Thank you for reading

Cara buat link hover(simple)

Amy Munirah | Tuesday, May 17, 2011 | 0Comments |
ASSALAMUALAIKUM

1) Dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+f and search code ney:
</head>
3) Lepas tu,copy code ney :

<style>a:hover {text-decoration:underline;color:#000000;font-size:18px;font-style:bold;}</style>
4) Paste sebelum code yang korang cari tadi tu ye.
5) Untuk text-decoration tu,boleh juga guna none ataupun blink.terpulang korang la ye.
6) Then,boleh save.

Thank you for reading

jenis-jenis garisan border

Amy Munirah | Tuesday, May 17, 2011 | 0Comments |
ASSALAMUALAIKUM

Jenis-jenis garisan border :




Solid border




Dotted border




Ridge border




dashed border



double border



groove border



inset border

Thank you for reading

Tutorial text bergerak(marquee)

Amy Munirah | Tuesday, May 17, 2011 | 0Comments |
ASSALAMUALAIKUM

1) Hari ney amy na buat tuto yang paling simple sekali.konfem korang cepat faham.hehe.

2) Mule-mule dashboard->design->page element->html/javascript.
3) Copy code ney ye :
<marquee>ayat sendiri</marquee>
4) Paste dekat html/javascript tadi tu ea.
5) Ayat sendiri tu ikut cita rasa korang na letak ayat apa.
6) Da siap,boleh la save. Senang je kan? try it ! hehe .

Thank you for reading

Tutorial letak divider antara post

Amy Munirah | Tuesday, May 17, 2011 | 5Comments |
ASSALAMUALAIKUM
korang tawu kan divider tu ape,divider tu bende yang kat bawah post tu.untuk hias-hias blog larhh kan.huhu .oke,kite mula sekarang ea.

1) Dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+f and search code ney ye :
.post {
3) Da jumpa?kalau da jumpa copy code ney:
background: url(url divider);background-position: bottom center;background-repeat: no-repeat;margin:.5em 0 1.5em;padding-bottom
4) And paste dekat bawah code yang korang cari tadi tu ye.
5) Url divider boleh dicari dekat SINI .
6) Preview dulu,baru save.

Thank you for reading

tutorial icon tepi post title

Amy Munirah | Sunday, May 15, 2011 | 7Comments |
ASSALAMUALAIKUM
icon tepi title post tu macam kat gambar bawah ney:
kalau na buat,ikut step-step dekat bawah ney ea.
1) Dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+f and search kod ney :
<a expr:href='data:post.url'><data:post.title/></a>
3) Lepas tu,copy code ney:
<img src="url gambar"/>
4) And masukkan di antara code yang korang cari tadi tu ye.macam ney:
<a expr:href='data:post.url'><img src="url gambar"/><data:post.title/></a>
5) Then,save.da siap ! url gambar tu korang boleh cari dekat photobucket.com ataupun dekat SINI.terpulang kat korang larhh ye.
6) Preview dulu ye,baru save
UPDATE : cara nak ambil url icon dari glitter graphic,boleh rujuk SINI
Thank you for reading

tutorial sparkling cursor

Amy Munirah | Sunday, May 15, 2011 | 0Comments |
ASSALAMUALAIKUM
1) Dashboard->design->page element->add gadget->HTML/javascript.
2) Copy code ni :
<script type='text/javascript'>

</script>

<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=100;

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="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
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]=50;
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.backgroundColor=colour;
return (div);
}
// ]]>
</script>
div.style.overflow="hidden";

3) Punye panjang dy punye code kan3?hehe. .then,boleh la save.
4) Code colour boleh ditukar dekat code colour yang dihighlightkan warna biru tu ye.Benda ni boleh menyebabkan blog korang lambat loading:D.

Thank you for reading

tutorial energy saving mode

Amy Munirah | Sunday, May 15, 2011 | 0Comments |
ASSALAMUALAIKUM

1) Dashboard->design->edit html->tick expand widget(penting)
2) Tekan ctrl+f and search code :

</head>
3) Copy code ney :
<!-- save your energy -->
<script language='javascript' src='http://nikbir09.ws/scriptforenergy.js' type='text/javascript'/>
<!-- save your energy end -->
4) And paste dekat atas code yang korang cari tadi tu.
5) Save. Energy saving mode nih kadang-kadang boleh menyebabkan malware detected:)

Thank you for reading