Melicious

Note dibawah setiap post

assalamualaikum . tuto ni ade org request . dan tuto ni saye amik dari dafina .hehe :D jom buat sekarang

1.Design-Edit HTML- expand tick widget
2.Tekan CTRL+F cari code bawah ni

<data:post.body/>

3.Dah jumpe? copy code bawah ni & paste di bawah code <data:post.body/>

<hr/><center>AYAT KORANG</center><hr/>

teka-teki ;
merah tu boleh tuka dengan ayat citarasa korang

4.Preview dulu! Dah puas Save teros ^^

Labels: Tutorial

Link Hover Ada garisan

0 Comment

Assalamualaikum , haii readers . hari ni mila saje je nk wat tuto . borink . ok jom mule

1.Design-Edit HTML-Expand Widget Templates
2.Tekan CTRL+F cari code bawah ni

a:hover

3.Dah jumpe? copy code bawh ni & paste di bawah a:hover tadi

border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;

teka-teki
warna oren boleh tuka
(dotted/dashed/solid)
*pilih mane suke
warna merah ialah utk warna garisan tu
you can find at here

4.Preview&Save

Labels: Tutorial

Welcome Note Image

0 Comment

Assalamualaikum , tuto ni ade orang request , dah lame dah . sian dye menunggu punye lame .dekat 3 hari . hahaha~ okey , tuto ni saye amik dari kak nana tau! ucap thx to her .Oke jom buat sekrang ! sekarang! haha

1.Design-Edit HTML- Expand Widget Templates
2.Tekan CTRL+F cari code bawah ni

]]></b:skin>

3.Dah jumpe? Copy code bawah ni & paste di atas ]]></b:skin> tadi

/* 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=''">
<center><img src="LINK GAMBAR"</center>
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. Preview & Save

[ade freebies tok korang]

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYhlCzdqvFGVnTz-0hvos_ZxBh2JDi9J29oDNUPdKtbf-2lfuva0oHu4uS29TEAA33VzF73UXDXaMHGOirHEy6BmYJTnP5QXu3EE9sTV5Xu2fSLCzXPvCcB4W283OxEoJQSdWiDsMTcKN2/s1600/cats1.png

http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/freebieswelcomenotepurple.png

http://i1112.photobucket.com/albums/k492/sunshinetan96/pink.png

Labels: Tutorial

Cute Icon di About me

2 Comment

Hello , hmm , dah lame tak wat tuto . rase rase dah seminggu xbuat . okey , tuto ni ade orang request dari dulu , so kesian dye tunggu lame lame . tuto ni amik dari kak lysaa . ok jom buat

1.Design - Add a gadget - HTML Javascript
2.Copy code bawah ni & paste dalam ruangan tu

<center><img src="url icon kecik comel"/>AYAT KORANG</center>

Teka-teki ;
merah , url icon kecik yg korang ske
ungu , ayat ape ape je

3.dh puas hati , save !
xtau nk masokkan gamba . tekan ni >>olaaa<< dan ia akn pegi kat belog kak lysaa

Labels: Tutorial

Cantikkan Kotak Comment

0 Comment

Hello guys ! Hari ni mila nak wat tuto cantikkan kotak comment . Tuto ni direquest oleh effa nadia . dan tuto ni saye amik dari kak nana :)) Okey jom buat sekranggggg~~~

1.Dashboard-Design-Edit HTML
2.Tekan CTRL+F dan cari code bawah ni

/* comment

3.Dah jumpe ? Delete code bawah ni

#comments h4 {
margin: 1em 0;
color: #999999;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
Dah delete? Ganti dengan code bawah ni

#comments h4 {
margin: 1em 3em;
font-weight: bold;line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;line-height:1.6em;
background: #ffffff;
color: black;padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background:#ffffff;}
#comments-block .comment-footer {margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em; padding: 20px 10px 10px 10px;
background: #f3a64c url(
URL BACKGROUND
) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}

Teka-teki;
warna merah tu url background kotak komen korang .

Labels: Tutorial

Button Follow&Dashboard Versi Gambar

2 Comment

Hai , malam ni saye nak wat tuto button fllow & dash.b macam saye .. tuto ni ade orang request .. dan tuto ni saye amik dari sis faqihah husni . hehe~ jom buat sekrang!

1.Dashboard-Design-Add a gadget-HTML Javascript
2.Copy code bawah ni dah pastekan ke dalam ruangan itu

<div style="display:scroll; position:absolute; top:0px; right:2px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL gambar untuk FOLLOW" /></a><br /><div style="display:scroll; position:absolute; top:0px; right:150px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL gambar untuk DASHBOARD" /></a></div></div>

Teka-teki
Merah ; masukkan blog ID korang
Ungu ; paham paham je lah~
Mila ade bagi freebies skali , credit to kihah

PINK

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFwZad-RF6vfVTY4acP7EpRSOLkzDSbn73PWrFpOXrA56jIion9EKZsJHWiB-H5oCXz3PqdJVDQdYYZJAyUIg9cGrmstlRC6sdTD34tL87HXXQfh4T3C7cq_pXzC6b8tLp8RgIwqKy57Q/s1600/butangdashboard1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_0lP9VeB8Lg3WrL3rG3QNpiHTTmDWIIccOGqvZyq7-iU9SfgUAd2PDbqOF5tJaxNEef62eQXa5pPdI6PIfs8EkQ7m_WO46dFT10nu0OC19j7C2OFTzxLayBRoLDTXVlnkbGay2STovpQ/s1600/butangfollow1.png

BIRU

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhud9HPpujdLjNCSKKI0Xk6vAsCCkIQhTzARwwaDRHo3noKJRdJo23jsWu7QMLURSNSumk9bpdvt2rMxRbahbRY19aY93QeuVUl8bW3CsiJ4TXuDu0sXDVww8iZPCSUGCVw0Qw5mKR7adI/s1600/butangdashboard1BIRU.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK8iF4APa5yGr2VF4dwefOIBl9us48ZroOPzz9bfRwoOcU7ZmvPmEth6d2sz-YHAQgN2fZIFCppXk9SJdZOZVBl-xTK4pOAmpPsWmPkrEWoh4FA_jzzER7NVc4bQ3VZtTOUE2pvLIECgc/s1600/butangfollow1BIRU.png

HIJAU

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLD0CcCE-NxA78SC6zvv952uC58NZpivtLs6u6A1nkbEqOW9RRvWekzqCTu-xTJx3LKaW3jboPDddmoPv6NzpmikS4ehBIJLbMn3crHgjTmOkq2r9WlkQnHYkQ4Svcq1OZgaMJH_yCFqQ/s1600/butangdashboard1HIJAU.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTAe2krEtwnF_xhsEuY001CskPhqelYmRcUfzBAFBYdFWOY5LNbc4yhw_2OlEmmkYmnykmbaXfSVPeQyRViw_nTQQN_Enu-4UUjLyOPE1Lacg_A_vVxFPY6hvBFurLNsQjeNy4bRtDWA4/s1600/butangfollow1HIJAU.png

Labels: Tutorial

Scrollbar

0 Comment

DAH COPY JANGAN LUPA COMMENT PLAK

Salam . Saye wat tuto ni sebab ade orang request . Saye amik tuto ni dari kak amylia . ok jom buat

1.Design-Edit HTML-tick expand widget
2.Tekan CTRL+F dan cari code bwh ni

]]></b:skin>

3.Dah jumpe? ok . copy code bawah ni dan pastekan di atas code ]]></b:skin> tadi

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #848586;
}
::-webkit-scrollbar-thumb {
background-color: #b0c6e4;
-moz-border-radius: 10px;
border-radius: 10px;
}

[warna merah boleh tukar kat sini]
[warna biru boleh tukar dengan code bawah ini]

background-image:url(URL IMAGE);

[warna hijau boleh cari kat google]

Labels: Tutorial

newer

older