//ƒ α к ε ▲▼ Þ ε ε þ s . <link rel="me" href="https://www.blogger.com/profile/15509671174320442824" /> <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> <!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head> <body onkeydown='return false;'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/3543377218717945122?origin\x3dhttp://misswhiteblack.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Maybe I'm trying. trying too hard,
with nothingness to do.
i'm sorry you, but it's empty.

entries about chat links

Tutorial : Cara Nak Letak/Tukar Smilies Dalam Chat Box
Monday, July 18, 2011 // Monday, July 18, 2011


Aku mule-mule pun tak tauw macam mane nak letak and tukar smilies chomel - chomel dekat chat box , coz aku gune cbox . shoutmix aku tauw la sbb dulu pun aku pernah gune shoutmix :)
ni untuk sape yang gune cbox je larhh , kayy ;)

First , log in cbox .

(click gambar untuk lebih jelas)


then , kalau dah dye keluar cam gamba dekat atas niyy kan ? pastu tekan dekat Options lepastu tekan Smilies macam gambar dekat atas tu ..

(click gambar untuk lebih jelas)


Lepas dah click , dye akan keluar macam gambar dekat atas niyy . then padam larh smilies yang korang tak nak tu jadi korang punye smilies sendiri . korang boleh buat smilies yang chomel-chomel dekat photoshop or korang boleh cari dekat sini ! tempat biaser larh kan ~

lepastu , copy code gambar tu .. paste kan dekat ruang URL .

Maksud :

Code : symbol gambar smilies tu . contoh " :) "
Alt. code : same macam ruang Code cume symbol tu tukar laen sikit . contoh " :-) "
URL : URL gambar smilies yang korang nak !
Del : yang ade symbol " x " tu kan ? maksudnyer .. pangkah lah smilies yang korang tak nak . or maksudnyer delete smilies .


Labels: ,


Tutorial : Accordian Tab Menu
Wednesday, July 13, 2011 // Wednesday, July 13, 2011


Haloooo :) harini nak buat tuto laen pulak . hihi ;) kalini nak buat tuto accordian tab menu . alaa ~ yang boleyy slide tu . macam dekat bawah niyy :

Okayy , sekarang dah tauw kan , kan ? ;) so , care nak buat dyerr tak susah sangat :)
First .... :

Dashboard >> Design >> Add Gadget >> HTML/JavaScript

then ,

<style type="text/css">
h5 {
font-family: trebuchet-ms, arial, tahoma;
font-size: 13px;
padding: 0 0 1em;
font-weight:bold;
color: #000000;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color: #000000;
margin:1px;
-moz-border-radius: 35px;
border-radius: 35px;
}
.msg_body {
padding: 5px 10px 15px;
background-color: #000000;
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/tabmenuaccordion.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".msg_body").hide();
//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked
$("#firstpane h5.msg_head").click(function()
{
$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");
});
//slides the element with class "msg_body" when mouse is over the paragraph
$("#secondpane h5.msg_head").mouseover(function()
{
$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
});
});
</script>
<div class="msg_list" id="secondpane">
<h5 class="msg_head"><center>Tajuk 1</h5></center>
<div class="msg_body">
<center>
code untuk tajuk 1 #045FB4
</div>
<h5 class="msg_head"><center>Tajuk 2</h5></center>
<div class="msg_body">
code untuk tajuk 2 #045FB4
</div>
<h5 class="msg_head"><center>Tajuk 3</h5></center>
<div class="msg_body">
code untuk tajuk 3 #045FB4
</div>
</div>

pastekan code diatas niyy dekat HTML/JavaScript :) macam biase tak payah tulis title dye kayy .

Meaning :

Hijau : warne tulisan yang korang nak .
Coklat : warne background .
Purple : warne background isi .
Bold : Tajuk/title
Merah : isi dyer . ikut suke lar ~ nk tulis ape ..

DONE ! :) dah siap , save !

P/s : Tak faham tanya ! nak copy macam biasa :) (CTRL + C)


Labels: ,


Tutorial : Tukar Newer , Home & Older Post Jadi Image
Monday, July 11, 2011 // Monday, July 11, 2011


Hello , kawan-kawan . heheh .. huh , lamenyer tak update blog . satu bulan baru niyy . hahaha .. :) kalini nak buat tuto pasal nak tukar Home , Newer and Older post tu jadi gamba macam aku punye ;) Mehehheh .

First ,

Dashboard >> Design >> Edit HTML*tick expand wigdet templates

search code :

expr:title='data:newerPageTitle'><data:newerPageTitle/>

lepastu buang code yg aku bold tu then paste code bawah niyyy :)

<img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png'/>

dah kan ? lepastu , home pulak ;) same jugak :

serch code niyy :

expr:href='data:blog.homepageUrl'><data:homeMsg/>

then , buang code yg aku bold tu then paste code bawah niyyy :)

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials
/home1.png'/>

dah kan , dah kan ? last skali older :)

search code :

expr:title='data:olderPageTitle'><data:olderPageTitle/>

buang code yg aku bold tu then paste code bawah niyyy :)

&lt;img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/&gt;

hihi , DONE ! senang kan , kan ;)

P/s : copy klick (CTRL + C) :D





Labels: ,


Tutorial : Image Animation Shadow
Tuesday, May 31, 2011 // Tuesday, May 31, 2011


Adoihhh ! letih meyh buat tuto ni ! tapi disebabkan ade orang - orang yang mintak aku buat tuto aku buat lahh :) hrmm .. tuto ni sha yang mintak ;)

Mula - mula pegi dekat :

Dashboard >> Design >> Edit HTML

lepastu , cari code bawah niyy :

.post-body img, .post-body .tr-caption-container

dah ? kalau dah , copy code bawah niyy :

-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=100); opacity: .1.0; -webkit-box-shadow: 0px 0px 50px #FFFFFF; -moz-box-shadow: 0px 0px 50px #FFFFFF; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=80); opacity: .80; border: 1px dashed #FFFFFF; border-radius: 50px; -moz-border-radius: 50px;}

then , paste kan code diatas niyy dekat .post-body img, .post-body .tr-caption-container

#FFFFFF : korang boleh tukar colour yang korang nak dekat sini


SAVE ! dah siap :DD

P/s : nak copy codes ( CTRL + C ) keyy ? ^.^


(credits : Amylia )


Labels: ,


Tutorial : Back To Top Button
// Tuesday, May 31, 2011

Bosannyerrrrrrrrrr .. so , kalini nak buat tuto back to top ! Sesiape yang minat dengan tuto ni , tengok betul - betul yerr ? hihi .. kalau tak faham or tak tahu tanya , kayy ?

hrmm , first korang kene pegi dekat :

Dashboard >> Design >> Add a Gadget >> HTML/JavaScript

then , copy the code below :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL GAMBAR" /></a>

lepastu , paste kan code diatas ni dekat ruangan tu ! but tak payah tulis ape-ape tajuk p0n keyyy ?
urmmm , gambar korang boleh cari dekat photobucket or mana-mana ! but , kalau dah malas sangat nak cari gambar .. dekat bawah ni ade dua gambar aku bagi free ^.~


 
http://i947.photobucket.com/albums/ad318/hannacrazee/gfgfhnfhf-1-1.png?t=1287452175
SAVE ! dah siap :) lepastu boleh lah tengok blog korang menjadi kew tak ;)


P/s : nak copy codes click ( CTRL + C ) ^^ jangan copy sembarangan keyyy ? -,-

Labels: ,


Tutorial : Centerkan Snow Effect
// Tuesday, May 31, 2011


To dayah :)

nak centerkan snow mudah jea .. i p0n mula - mula tak center jugak snow i , but i cube lah buat sampai dye jadi center !


So , nampak gambar diatas ? kalau tak jelas click untuk besarkan gambar ! Okay , korang dah buat snow kan ? pastu biler preview blog korang dye tak center , kan ?
untuk nak centerkan snowy .. move gadget yang kite dah buat tu dekat atas sekali .. biar dye jadi center :)

Contoh :


lepastu SAVE je ! faham tak ? kalau tak faham tanya jangan duduk diam jer kay ;)
kalau sesiape yang gune blogskins pulak - copy codes snowy then paste dekat bawah

<head>

kayy ! :) Selamat Mencuba !

Labels: ,


Tutorial : Border Blog Shadow
Sunday, May 29, 2011 // Sunday, May 29, 2011

Hihi , buat tuto lagi ! ni nak tanya ! haritu aku dah buat tuto ' Border Sekeliling Blog ' kan ?
and now , nak buat dia punya shadow ! kalau nak taruk shadow pun boleyy ~ ^^ tapi kalau tak nak letak pun tak pe :) sebenarnya aku pernah buat bende niy dulu but sekarang dah buang ;)

First , pegi dekat :

Dashboard >> Design >> Edit HTML *tick expand widget

pastu search code bawah niyy :

.content-inner {

kalau dah jumpe copy and paste kan code bawah ni dekat bawah .content-inner {

-moz-border-radius: 35px;
border-radius: 35px;
-moz-box-shadow: 0 0 6px 6px #FFFFFF;
-webkit-box-shadow: 0 0 6px 6px #FFFFFF;
box-shadow: 0 0 6px 6px #FFFFFF;

dah kan , dah kan ? urmm , lepastu :

#FFFFFF : colour shadow ! boleh pilih dekat sini
6px : tebal shadow ! ikut suke hati korang lah nk tebal kew tak kew

SAVE ! dah siap dah :) kalau nk tgk jadi or tak preview dulu .

P/s : nak copy codes click ( CTRL + C )

Labels: ,


Tutorial : Double Underline
// Sunday, May 29, 2011

Heyy ! harini aku nak buat tuto -,- bosan lah katekan ? Kay lah kay lah ! let's start :)
korang tauw kan double underline tu ape ? urmm , kalau tak tau tengok ni :

Miss White Black

dye macam ade underline kan ? itu lah double underline ! kalau ade sesiape yang minat nak buat tengok lah tuto niyy ^_^

Mula - Mula , pegi dekat :

Dashboard >> Design >> Edit HTML *tick expand widget template

lepastu search code bawah niyy :

/* Header

kalau dah copy and paste code bawah niyy dekat atas /* Header

u {
text-decoration:underline;
border-bottom: 2px dotted #FFFFFF;
padding: 0px;
}

yg #FFFFFF tu korang boleh tukar colour yg korang nak dekat sini

DAH SIAP ! save lah ! hihi .. senang right ? ^.~


P/s : nak copy codes click ( CTRL + C ) tauw tauw !

Labels: ,


Tutorial : Blog Bersalji / Snow Effect
Tuesday, May 24, 2011 // Tuesday, May 24, 2011

Hello friends , followers and all blog walkers :) yeah , i know korang dah bosan tengok my blog asyik bende yang same jea kan ? hihi , so kalini aku terlebih rajin nak buat tuto coz sian kt korang :/ btw , aku habis perikse lagi 2 hari so lepas dua hari .. i continued update my bloggie ;)

Tuto ni ade yang mintak sejak minggu lepas but aku tak buat-buat p0n tuto ni ! so harini ni terlebih rajin nak buat :D

Cara pertama :)


Macam biasa ! mula-mula pegi dekat :

Dashboard >> Design >> Add a Gadget >> HTML/JavaScript

pastu pastekan code dekat bawah ni :

Black Snow :

<script src="http://fwzynn.googlepages.com/snowblack.js" type="text/javascript">

/***********************************************

* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript

* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/

* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/

* Please keep this notice intact

***********************************************/
</script>


Pink Snow :

<script src="http://fwzynn.googlepages.com/snow.js" type="text/javascript">

/***********************************************

* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript

* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/

* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/

* Please keep this notice intact

***********************************************/
</script>


Dah ? hihi , kalau dah SAVE ! tapi tu cara pertama , but kalau still tak jadi jugak ! ade care kedua :)

Cara kedua :)

Firstly ,

Dashboard >> Design >> Add a Gadget >> HTML/JavaScript


then , paste code niyy :

<script>

//Here you can add your own picture for snow. Just change the url
var snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"
//how many snowflakes there will be (currently 12)
var no =40;
//How fast will the snow disappear (0 is never)
var hidesnowtime = 0;
//The height the snow will reach before it disappears ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////////////////////////End of Settings///////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (ns6up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i)
{
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ie4up||ns6up)
{
if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
}
else
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6()
{
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i)
{
yp[i] += sty[i];
if (yp[i] > doc_height-50)
{
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow()
{
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up)
{
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>


Dah :) ? If dah , step seterusnya .. nampak tak tulisan yang aku bold kan tu ? Okay .. yang tulisan yang aku bold tu korang boleh tukar snow and colour dye nak macam mana ! ni ade siket colour snow yang korang boleh ambik codes dye :





http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png




http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png




http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png


P/s : Nak copy codes click ( CTRL + C ) :) Selamat Mencuba !!


( credit : Adira Jamal )

Labels: ,


Tutorial : Border Sekeliling Blog
Monday, May 9, 2011 // Monday, May 09, 2011

Hi ! disebabkan dah lama tak buat tutorial , ni nak buat larr ni .. heheh..
Tutorial ni memang saje - saje nak buat tapi tak silap aku .. To Irdina Farahani : ni kew yang kau nak tuh ? "Border Keliling Blog ?" ermm kalau bukan .. ta tauw larr ..

Firsly , macam biasa :

Dashboard >> Design >> Edit HTML *tick expand widget templates


Lepastu .. kalau dah tekan CTRL + F serentak cari code niyy :

.content-inner {

adekan code tuhh ? :) kalau da , paste code dekat bawah niyy dekat bawah .content-inner {


border: 3px solid #045FB4;

tulisan yang diwarnakan dengan warna merah tu korang boleh tukar !

3px : tebalkan border

solid / dashed / dotted : bentuk border :)

#045FB4 : colour border . nak tukar ? click sini !


last sekali .. SAVE ! kalau tak yakin menjadi preview dulu kayy ? ;)

P/s : nak copy ? click (CTRL +C) serentak , kayy ? thanx :)

Labels: ,


Tutorial : Tukar Cursor Mouse
Tuesday, May 3, 2011 // Tuesday, May 03, 2011

Permintaan dari Asyura :)
Tutorial ni cara yang paling senang pernah aku buat and aku yang fikir sendiri macam mane yang tukar cursor heheh .. then aku cube , cube , cube .. dah menjadi ! ;)

Macam biasa .. Firstly ,

Dashboard >> Design >> Add a Gadget >> HTML JavaScript


lepastu kalau dah , korang boleyh cari cursor yang korang suke .. search larr dekat google ! lepas dah dapat code cursor yang korang nak , SAVE ! then dah siap !! tapi ingat jangan tulis ape- ape dekat ruang Tajuk/Title :) kalau korang dah malas sangat nak search , search ni .. nah aku bagi larr siket cursor and code dyer .. ;) *sekali dengan website dyer sekali aku bagi Bhahaha.. nahh :



- Domo Kun
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1092.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/20/domo-kun-staring.html" target="_blank" title="Domo-kun Staring"><img src="http://cursors-4u.com/support.gif" border="0" alt="Domo-kun Staring" style="position:absolute; top: 0px; right: 0px;" /></a>


- Robot Rainbow Heart

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-5/mec409.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/06/robot-rainbow-heart.html" target="_blank" title="Robot Rainbow Heart"><img src="http://cursors-4u.com/support.gif" border="0" alt="Robot Rainbow Heart" style="position:absolute; top: 0px; right: 0px;" /></a>


- Mushroom Comel




<style>body {cursor:url(http://ego-box.com/cursors/51.ico), url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/51.gif), auto;} </style>
<a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;">Â </div></a>


Kalau nak yang lain boleh clik disini :


ataup0n kalau tak nak jugak search sendiri yerr :)

P/s : Nak Copy ? click (CTRL + C) serentak ! thakie you ;)

Labels: ,


Tutorial : Nak Letak Lagu Dalam Blog and Hide Music Player
Monday, May 2, 2011 // Monday, May 02, 2011

Hihi , ade orang tanye macam mane nak letak lagu dalam blog and macam mana nak hide kan music player :) Permintaan dari Joy :) .. heheh , aku dah pernah buat dulu but aku dah bosan so buang larr .. yang aku tauw music player yang boleyh buat bende nih Music Dumper jea , yang laen ta tauw :/

Tutorial : Nak Letak Lagu Dalam Blog

Urmm , kalau nak masukkan lagu dalam blog senang jea :

Dashboard >> Design >> Page Elements >> Add a Gadget >> HTML JavaScript


Lagu boleyh cari dekat music dumper or lain2 ..

Tutorial : Hide Music Player

yang ni pulak :

Dashboard >> Design >> Page Elements >> Add a Gadget >> HTML JavaScript

lepastu pastekan code dekat bawah niyy and jgn tulis ape2 tajuk/title p0n

<style> EMBED {width:0px;height:0px;} div table table table td font
{visibility:visible;} table table embed {display:block; position:absolute;
top:11px; left:0px; visibility:visible;} table table table embed
{position:static;} .herpe td td object {position:absolute; left:40%;
margin-left:-150px; top:300px;}</style><style type="text/css"> embed, object
{display:block; width:0px; height:0px;}</style>
<div id="makems" style="position: absolute; top:100px; left:0px;"> </div>

dah kan , dah kan ? xD kalau dah pastekan code lagu yang korang nak tuh dekat bawah code yang atas niyy .. save , dah siap ! :)

P/s : nak copy ? click (CTRL + C) serentak tauw ! ;D

Labels: ,


Tutorial : Tumblr Follow/Dashboard Icons
// Monday, May 02, 2011

HelloWello , hihi .. buat tutorial lagi ! Tutorial ni sebenarnyer permintaan Irdina Farahani .. kan dina kan ? hihi .. but sorry for late buat tutorial ni ! Senang jea nak buat .. bace betul-betul kayy ? ;)

First , pegi dekat :

Dasboard >> Design >> Page Elements >> Add a Gadget >> HTML JavaScript
Kayy , dah ? kalau dah , pastekan code bawah ni :

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=1557635096970850428" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><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="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

Dah kan , dah kan ? hihi .. lepastu , tukar code yang dah di-bold kan tuh kepade blog ID korang sendiri :)

P/s : untuk copy sila click (CTRL + C) serentak kayy ? ;) lagi satu kalau tak paham sila tanya :)

Labels: ,


Tutorial : Link Berpelangi / Rainbow Link
Sunday, May 1, 2011 // Sunday, May 01, 2011


Hihi , harini sungguh bosan .. so i ingat nak buat tutorial for you guys :) Tutorial ni ta de sape-sape p0n yang request but actually memang i saje jer nak buat ! Berbalik kepada tutorial ni .. tutorial ni senang je nak buat .. kalau ta tauw ape tu rainbow link , cube pegi dekat i punyer link dekat atas nihh .. dia macam ade raibow kan ? tu larh dia :)

Firstly , pegi dekat :

Dashboad >> Design >> page elements >> add gadget >> HTML/JavaScript


dah kan ? hihi .. kalau dah , paste code yang ada dekat bawah niy :

<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">

/***********************************************

* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/

* Please keep this notice intact

***********************************************/
</script>

lepas dah paste , tak payah nak tulis ape-ape tajuk/title p0n .. biarkan kosong ! then save ..

DONE !!!!!!!! :)

Labels: ,


Tutorial : Remove Navigation Bar Completely
Wednesday, April 27, 2011 // Wednesday, April 27, 2011

Permintaan dari Irdina Farahani :)
Okayh , for this tutorial senang sangat nak buat ! For your information kalau nak buang Navigation Bar nihh bace betul-betul kayy ? ;) *terutama for Irdina ;D

Firstly , pegi dekat :

Dashboard >> Design >> Edit HTML *tick expand widget templates

Lepastu click ctrl + F then search ]]></b:skin>
kayy , kalau dah jumpe paste code dekat bawah ni dekat atas ]]></b:skin>

/* Remove the navigation bar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Dah paste , last sekali save ! Dah Siap !!! :D tapi kalau tak yakin dah menjadi try preview dulu okay ? :)

P/s : kalau nak copy sila click ( ctrl + C ) serentak ! Thank You ;)

Labels: ,


Tutorial : Blockquote
Saturday, April 9, 2011 // Saturday, April 09, 2011

Permintaan dari my HoneyBunnyMummy ♥

Sebenarnyer aku ta berape tauw camne nak buat Blockquote ni sebab aku dah cube banyak kali p0n tak menjadi jugak , ni p0n baru buat Blockquote semalam , tu p0n baru menjadi ! haiyoo , hahah , LOLyp0p ! OkayhWokayh lah , ni nak ajar nihh :

Tengok kotak ni cantek tak ? My Mummy suke kotak ni ..
and my Mummy yang suruh buat tutorial pasal Blockquote ni .. Aku dah cube cara ni banyak kali but still tak menjadi ! So , kali ni i nak ajar cara yang menjadi HEHEH .. btw , thank you for Kak Syazana Syazreen coz tolong ajar :) !

Caranyer :

Dashboard >> Design >> Template Designer >> Advanced >> Add CSS

Pastu paste kan code di bawah ni dekat ruang Add CSS tuh , kayy ?

.post blockquote {
background:url(URL GAMBAR);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;
margin:1em 20px;a:hover {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

then klik APPLY TO BLOG , lepastu DONE ! dah siap :) sekarang nih nak ajar pulak camne nak buat dotted [.......] or
dashed [-----] and background !

Okay , kalau nak taruk background macam aku punyer boleyh tengok yg ade tulis
(URL GAMBAR) tuh tukarkan code gambar yang korang nak .. boleh cari dekat sini , Okayh ? yang ade tulis ( Border: 1px solid #ff0d62; ) boleyh tukar ! kalau nak jadikan dyer dashed [------] tukarkan solid tuh kepada dashed , kalau nak tukar dotted , dotted larh yang dye
jadi .. setakat ni FAHAM tak ? kalau FAHAM meh aku sambung ! kalau korang nak tukar warne dyer tengok dekat yg ade tulis #ff0d62 tuh ! Kalau nak tukar warne boleh klik dekat sini , macam-macam warne ade ! :) tapi ingat copy code warne dye je tauw ?

-----------------------------------------------------------------------------------------------
CONTOH :

Korang cume ambek yg ni je #FFFFF !
and gantikan code warne yg korang nak tu dekat yg ni #ff0d62

------------------------------------------------------------------------------

Then , dah siap !!

UNTUK COPY SILA KLIK 'CTRL + C' SERENTAK !

P/S : Kalau tak FAHAM sila comment di bawah ni , tauw ?

Labels: ,


Tutorial : Favicon
Wednesday, April 6, 2011 // Wednesday, April 06, 2011

Harini aku nak buat tutorial pasal Favicon :) senang jea nak buat tuh , tapi sesetengah orang ta tauw Favicon tu ape .. meh aku bagi tau tu kat atas tu ade logo blogger warne oren kan ? pastu ade title blog korang kan ? yang logo blogger tu lah orang panggil Favicon .. lagi satu korang nak tuka tak bende tu jadi gambar korang atau bende comey-comeyy macam dekat blog aku ? (perasan hihi..) nak tukar boleyh aje .. camni ,

Ni untuk sesiape yang gune Blogskins :

Dashboard >> Template

pastu paste kan code dekat bawah ni dekat bawah <head>


<!-- iconj.com favicon code --></div><div style="text-align: center; "><link rel="shortcut icon" href="URL GAMBAR" type="image/x-icon"></div><div style="text-align: center; "><!-- -- end of iconj.com favicon code ---->

Untuk sesape gune yang template biase :

Dashboad >> Design >> Edit HTML >> #Sebelum paste kan code sila tick expand widget template dulu Okayh ? sebab nanti tak menjadi .. >> CTRL + F carik </head> ataupun paste kan dekat bawah <head> sahaje ..

Bila dah jumpa paste kan code di bawah ni dekat atas </head>


<link href='URL GAMBAR' rel='shortcut icon' type='image/x-icon'/>
  <link href='URL GAMBAR' rel='icon' type='image/x-icon'/>


Kalau nak carik gambar yang comeyy comeyy macam dekat blog aku (hihi) sila klik
di sini ataupun kalau nak letak gambar sendiri boleyh klik di sini kalau ta reti caranyer :

Untuk taruk gambar sendiri :

Klik dekat link tu >> Upload gambar korang >>yg Email tu biarkan kosong >>
Image resize 100 darab 75 (avatar) >> Upload Now !

pastu ade banyak code kan ? ade Forum code , Link and lain-lain tu kan ? korang pilih HTML Code , tengok contoh dekat bawah ni :

<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img683.imageshack.us/i/41188784774a6bafa75db.jpg/'><img src='URL GAMBAR' border='0'/></a>

Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a>

Korang jangan ambek semua code tu , but korang cume kene ambek yg URL GAMBAR tu jer , kay ?


UNTUK COPY SILA KLIK 'CTRL + C' SERENTAK !

P/S : Kalau ade ape-ape masalah , comment dekat bawah ni yer ?

Labels: ,


Tutorial : Follow Using Manage
Tuesday, April 5, 2011 // Tuesday, April 05, 2011

To Asyura my classmate :)

Okay nak follow gune manage nih senang jea .. but untuk orang yang tak tahu lagi ni boleyh tengok dekat sini :) Caranyer :

Dashboard >> Reading List >> Add >> Letak URL Blog >> Next >> Follow >> Done !

senangkan ? :) Bagi sesape yang tak reti boleyh cube and nanti u tak payah susah-susah nak follow dekat followers tu .. To Asyura my classmate , try lah okay .. ;)

Labels: ,