Letak Cute Emoticon dalam post.

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. Lepas tu,sini untuk download cute-cute emoticon.

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.

5) Pastikan korang gunakan old editor dekat blog korang.

dashboardsettingglobal settingold editorsave.

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 toolsextensions.kalau tak faham rujuk gambar kat bawah

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'

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.

---

Thank you for reading

---

Tweet

Tutorial Hide Shoutbox

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

---

Tweet

Tutorial double underline

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

---

Tweet

Tutorial favicon

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

---

Tweet

Tukar warna highlight

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

---

Tweet

Tutorial Wishlist

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

---

Tweet

tutorial facebook like button

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

---

Tweet

Tutorial border blog melengkung

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

---

Tweet

Buang border image

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

---

Tweet

Cara Tukar Warna Mata Guna Photoshop

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

---

Tweet

Tutorial note under post.

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

---

Tweet

Cara buat link hover(simple)

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

---

Tweet

jenis-jenis garisan border

ASSALAMUALAIKUM

Jenis-jenis garisan border :

Solid border

Dotted border

Ridge border

dashed border

double border

groove border

inset border

---

Thank you for reading

---

Tweet

Tutorial text bergerak(marquee)

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

---

Tweet

Tutorial letak divider antara post

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

---

Tweet

tutorial icon tepi post title

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

---

Tweet

tutorial sparkling cursor

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

---

Tweet