♥ tutorial floating icon
meera ajar untuk facebook je la eh ?
copy code kt bawah nie and paste dkt html javascript :)
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:140px; left:-12px;'>
<a class='linkopacity' href='
http://www.facebook.com/nabilameera.kz' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="
http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br /></div>
save , dh siap :D
* tulisan yang meera sengetkan tu jangan lupa tukar eh .
** url gmbar tu pulak , boleh pkai yg tu atau pun cari dekat
sini
*** kalau nak cari untuk twitter dan selebihnya boleh pergi
sini
ha dh puas , byebye :P
Labels: tutorial
♥ tutorial buang navbar
okay tadi
kak amalina ada tanye meera mcm mane nak buang navbar .
die cakap menyemak je , haha memang pon :P
kite straight to the point la eh ,
meera pun sbenarnya sibok , meera terus buat nie tkt trlupa :D
nnti mrh pulak kak amalina :D
hee , okay jum start .
first korang prgi edit html > scroll ke bawah sikit ada nmpk mcm yang meera kotakkan wrna kuning tu kan ?
paste code kat bawah nie dekat bawah code kotak kuning tuh :)
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
tu je :D
NYTE ♥
Labels: tutorial
♥ tutorial mister linky widget
okay , hari tu
dyana ada tanya meera macam mana nk buat yg dekat link link linky tu .
tau tak ape benda ?
tktau korang boleh scroll ke bawah , nnti korang jumpa :)
ha jum buat :D
- mulamula korang pergi sini
- lepas tu dia ada tulis macam nie kan -
If you have not yet registered for Mister Linky's Magical Widgets, please click here.
hah korang click here tu , and register dulu .
kalau dah register korang sign in ,
tekan wizard > blogger > button linkies (fomerly image-linkies) > generate code
*rujuk gambar kat bawah untuk lagi terperinci :D
okay lepas korang dah generate code tu dia akn kluar code macam kat atas kan ?
jangan ambil code tu lagi , tekan auto linky macam step no 5 tu .
*tapi kadang kadang dia terus keluar mcm gmbr kat bawah . jd tk perlu la tekan auto linky lagi :)
copy je code tuh and paste dekat html javascript .
done :D
*bangga bangga ;P
sape yang dh buat tuh sila lah comment , boleh meera tgglkn link kt blog comel korang tu ♥
Labels: tutorial
♥ tutorial letak cursor sendiri di blog
okay setakat nie dh ada 2 3 orang tanya pasal nieh .
jum jum kita buat :D
- edit dulu gmbr yang korang nak tu tapi make sure transparent tau .
- nie contoh gmbar cursor meera .- korang download dulu dkt photobucket ntuk dptkn url . byk lg web lain tp meera pkai photobucket :)
- make sure korang dah ada acc photobucket , kalau tkda buat dulu kayh :)
copy paste code kat bwh nie and letak dkt html javascript .
<style type="text/css">body, a, a:hover {cursor: url(url gmbar anda)_, progress;}</style><a href="URL GAMBAR ANDA" target="_blank" title="Cool Cursor!"><br /></a>
<style type="text/css">body, a, a:hover {cursor: url(url gmbar anda), progress;}</style>
tu je :)
* jangan lupa untuk letak url gambar korang kayh :D
Labels: tutorial
♥ tutorial effect marquee
hah , kaka gedik meera ad tanye mcm mana nak buat contest yg gerak gerak tu . tau tak yg mane ? cuba korang usha dkt blh kanan blog meera . tgok tajuk contest . ade kan ?
nak buat ?
jum ~
copy paste code nie dkt tmpt biase - html javascript .
<marquee direction="up">
text atau code korang
</marquee>
* up tuh untuk direction - boleh tukar down , left or right
*** kalau nak bagi dia brhenti bila disentuh boleh tmbh code nie
onmouseover="this.stop()" onmouseout="this.start()"
nanti jadi macam nie :-
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()">
text atau code korang
</marquee>
** sebenarnya byk lagi cara tp meera lupa , and disebbkn computer still rosak ,
ini je yg meera dpt tolong .
sorry :(
nnti meera update blk tuto nie :)
***kalau nak masukkan gmbr , blh ambik code die , paste kt situ .
****nak link kan gmbr tu boleh tekan rich text , highlight gmbr trsebut dan tekn link :)
tu je , bye :]
Labels: tutorial
♥ tutorial profile widget twitter
okay nie ada pmintaan dr
fasihah . korang tau kan ape bnda yg dia tanye tu ?
ha contohnya mcm kt bwh nie :D
sebenarnya meera baru je buat twitter nie smlm :D
meera godekgodek jumpelah bnda alah nie .
meera tk pndai mcm blogger lain buat status kt header tu ,
jd nie kira cara ke2 lah :D
nak cara prtama pegi blog
nie ,
tp yg tu complicated bg meera -.-
nie meera ajr yg simple je :D
eh jum start ;)
korang sign in acc
twitter korang ,
tkda ? mcm mne nk buat kalau tkda -.-
lepas tu prgi setting > profile
kan ad bhagian untuk web tu kan ?
tekan tu ,
lepas tu click website > profile widget
korang edit la mngikut citarasa masing masing :D
dh puas hati tekan finish & grab code .
copy code tu pstu korang tau kn nak cmpk mana ?
hee , paste dkt html javascript :D
tu jea , senang kan ? :)
Labels: tutorial
♥ tutorial measure blog weight
sap prnh ,
time korang blogwalking .
ad bberapa blog lmbab gile loading ?
tu dsbbkan blog dorang tu dh masuk thp obesiti .
hehee , kejam ohh -.-
okay , nk tahu brape berat blog korang ?
make sure tk lebih dr 100kb tau ;)
* kalau korang rase blog meera dh gemok , ckp cptcpt tau :D
Labels: tutorial
♥ tutorial energy saving mode
hey ,
dh lama meera tak buat tutorial kan ?
disebabkn computer meera rosak , ap pun tk blh buat :(
menyesal tk save folder meera dlm pendrive -.-
menyesal menyesal menyesal :(
okay meera buat tuto yg senang je dulu ,
yg meera ingat :)
eh korang tahu tk ap tu energy saving mode nie ?
ala tkkn tktahu ?
klau tk tahu jugak tgok gmbr kt bwh :)
bnda alah tu akn muncul kalau anda biarkn blog anda selama bberapa minit :D
nk buat ?
jum start ~
mula2 pegi dashboard > design > edit html
copy code kt bawah nie and paste dkt atas code search <head>
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
save . done ! :D
Labels: tutorial
♥ cara buat tab menu macam meera
maksod anis yg nie kan ?
hah jum mula :D - nie cara meera kayh ? actually , byk lagi cara . kott la . hihi -
anis edit dulu tulisan tu , boleh edit dkt
picnik , kalau ada photoscape pun boleh . photoshop lagi lah boleh ;P
lepas dh edit tu , upload dulu dekat
photobucket untuk dptkan url .
copy html punya code . em mcm kt bwh nie ,
okay lepas tu prgi dekat html javascript . paste dekat situ .
hah nie kena fokus sikit .
korang tekan rich text , nnti dia kluar gmbr .
hah highlight gmbar tu .
pastu tekan link dan letk link anda .
contoh : korang buat 'home' - tulis lah url blog korang , kalau meera
sukasukihidupsaia.blogspot.com
kalau buat tutorial , korang letk lah link tuto tuh .
hah pening dah ? jum tengok gmbr nie :D
abaikan gmbr tutorial tu . tu cuma contoh kayh ?
tu jea ~ tak faham tanye kayh ? comment je . nnti meera tlg :]
bye !
Labels: tutorial
♥ tutorial dashboard and follow button
hah , sebelum meera trlupa baik meera buat cepat cepat .
lagipun meera sibok gila skrg -.-
mane nk urus psl contest lg , blog meera lagi , edit blog sayang meera lagi .
karang otak dah sakit , lupa semua :O
haha ngekk . tkpe2 , anything for you bloggers :D lgpun bnda nie tk susah pun :]
okaylah , meh tok guru ajar kayh ? *cehh ! pasan la ko nie meera :D
hah korang tahu tak apa yg
kak fara tanye tu ?
hah tk tau tengok gmbr kt bwh ;]
ha dh tau kan ? jum tryy ~
mula2 korang pegi dashboard > design > page elements > html javascript .
<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=910599201601564071" 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" target="_blank" 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>
paste dkt html tu . save , dh jadi dah :D
bye !
*jangan lupa tukr blog id tu kpd blog id korang okay :)
Labels: tutorial
♥ tutorial background dekat comment box
okay mula2 korang prgi edit html > tick expand widget templates
ctrl f , cari code
<div class='comment-form'>
delte code tu dn gantikan dengan
<div id='comment-form'>
okay lepas tu cari pulak code
dan paste kan code kt bawah nie dkt ats code
]]></b:skin>
tu .
#comment-form iframe{
background:#ffffff url(url background korang) ;
border:5px solid #FFFFFF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#FFFFFF;
width:450px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
}
#comment-form iframe:hover{
background:#000000 url(url background korang);
border:2px solid #FFFFFF;
}
#comment-form a{
color:#FFFFFF;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
}
save , dh siap :]
* jangan lupa letk url background korang , yang code tu untuk warna line kt luar kotk korang ~
code warna boleh curik dekat
sini
tu jea . em bye :]
** mood masih tunggang langgang :'(
Labels: tutorial
♥ tutorial close window
tuto kali nie psl close window , err tktau nk letk nama apa :D
tkpelah , ni kan tuto meera ? ;P
bnda nie senang je.
cuma copy paste code kt bawah nie and letak dkt html javascript :]
<a href="javascript:window.close();">tak suka saya ? tekan sini ;]</a><br /><br />
* yang tak suka saya ? tekan sini ;] tu boleh tukar dengan ayat korang :]
save dh liht hasilnya .
bye~
Labels: tutorial
♥ tutorial link membesar apabila disentuh
okay meera nk buat tuto link membesar apabila disentuh oleh cursor.
hmm korang fhm tak.. tk fhm buat jela dulu, nnti korang tahu lh..
pegi edit html > tick expand widget templates
cari code
dh jumpa? copy code dkt bwh and paste dkt code ats .
a:hover {
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
15px tu boleh tukar .
save. tu jea :']
*soryla , meera sbenarnya tkda mood. buat tuto nie pun sbb nk hilangkn sedih.
doakn meera sntiasa kuat untuk mghadapi semua nie :'(
Labels: tutorial
♥ tutorial link pelangi
okay tnpa mlengah lengah kn masa meera terus buatla . lgpun meera tkt trlupa .
senang jea , pegi design > page elements > hmtl javascript
copy code kt bwh nie and paste dkt situ .
<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>
save , dh siap .
meera nk offl dh , bye .
anything yg tk fhm boleh comment :]
Labels: tutorial
♥ tutorial back to top button
hari nie meera nak buat tuto psl button back to top .
kbetulan pulk meera tgh bosan ,
and tggu si dia txt ,
hmm .
bila la kan :(
i miss you la ..
eh sbelum meera masuk bab2 sedih nie ,
baik meera start .
grr .
hah tahu x apekebenda nya back to top nie ?
mstilah tahu kan?
ramai dh bloggers yg dh buat tuto psl nie .
tp bagi sesape yang taktahu tu ,
boleh la rujuk nie gmbar kt bwh nie .
okay dh tahu kan ?
jum mula~
cara pertama :
pegi design > page elements > html javascript
paste code kt bwh nie dkt html tu .
<a href='#' style='position: fixed; right: 1px; bottom: 260px;' title='back to top'><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLVTgus9vzLpdNyjPil7wI2yXGTbjMOVHceGCZ4kHub5d7xk122DTAPH8za7M1dqKQWcq-hJ8Q9ZMic7uI0PUlr85pkGZn26k-ro1dfks_CYMv4s7i-3nbmY_MlDlGl_OCGLSVYUeyAE/s320/up.png" width="21" /></a>
save . done :]
cara kedua ;
yang nie , korang bolehla letak gmbar comel korang tu .
cume copy paste code kt bwh nie , and letak kt tmpt yg same ~
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL GAMBAR COMEL KORANG?t=1287452175"
/></a>
save . done !
eh jgn lupe letak url gmba korang taw . nanti tak jadi , nangis korang :D
nananana ~ jadi tak jadi tak ?
bagi sesape yang jadi tu ,
jum joget ngn meera ;D
bagi sesape yang tak jadi tu ,
tolong la penuhkn ruang comment kt bwh ;P
hah , jadi ke x jadi ,
dh amek je tuto nie .
korang WAJIBB comment okayh ?
hoho , kejamsnye meera ;O
dhla , bye !
Labels: tutorial
♥ tutorial bagi comment box kachak sikit . *sikit jea
okay , meera rajin nak buat tuto lagi . hee , sekarang mood meera memg nk buat tuto je memanjang ;D
kali nie , meera nk ajar mcm mne nk cntikkan comment korang . nak bagi kachak sikitt . ha , korang paham tak ap bndanya yg meera merapu nie ? ala mcm kt bwh nie ,
ha nak cube tak ? okay jom kte usha step die .
1. dashboard > design > edit HTML
*download full template dulu , takut nt xjadi . hah , mule la tak senang duduk :D
3. copy code kt bwh nie and paste dkt ats code
]]></b:skin>
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#FBBBB9 !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:12px;
font-weight:bold;
border:1px solid #ffffff;
}
#comments-block .comment-body{
margin: 0;
font-size: 12px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
margin-top: -5px; /*position*/
padding: 5px;
}
#comments-block .comment-footer{
margin:0;
font-size: 10px;
font-weight: normal;
margin-bottom: 10px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
-moz-border-radius-
bottomright: 10px;
-moz-border-radius-bottomleft: 5px;
margin-top: -12px; /*position*/
padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color: #F52887 !important;
}
#comments-block .comment-footer a, .comment-body a{
color: #F52887 !important;
}
okay , code #F52887 tu untuk wrna . mcm meera punye tu pink .
nak code warna pegi usha
sini
huish , da bepeluh peluh nampak . hoho .
bace bismillah , save ye ~
tu jea . byebye
Labels: tutorial
♥ tutorial flash blockquote
okay meera tetibe rase rajin lagi nak buat tuto . hoho , padahal homework sedang menunggu -.-
okay kali nie pasal flash blockquote , dulu kan meera ada buat tuto
blockquote je , tapi kali nie ad flash pulk . flash tu ape ?
try move cursor korang kat sini . haa , nie la flash . paham tak ? tak paham buat je la dlu , nanti korang paham ;]
okay mula2 korang pegi edit html > ctrl+f
search code >
.post blockquote {
nanti kt bwh die korang akn jmpe code mcm kt bwh nie kan ?
.post blockquote {
background: url(http://i1187.photobucket.com/albums/z393/nabilameera/white.png );
border-top: 2px solid #FFFFFF;
border-left: 2px solid #FFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
lebih kurang la , haa korang just paste code kt bwh nie dkt bwh code atas .
blockquote:hover {
background:url(url background anda)repeat left bottom ;
border: 2px solid #FFFFFF;
}
hah paham tak ? okay contoh , nanti die jd mcm kt bwh nie ;
.post blockquote {
background: url(http://i1187.photobucket.com/albums/z393/nabilameera/white.png );
border-top: 2px solid #FFFFFF;
border-left: 2px solid #FFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
blockquote:hover {
background:url(url background anda)repeat left bottom ;
border: 2px solid #FFFFFF;
}
preview , kalau jadi save :)
background boleh cari dekat
photobucket . jgn risau , byk yg cantik ;D
warna pulk boleh usha dekat
sini
tu jea , jadi ke tak jadi ke korang wajibb comment okkay ? cehh , nak comment , amat dialu alukn , xnk xpe . takde paksaan dalam blog nie .
nyte !
Labels: tutorial
♥ cara untuk membuat tab menu drop down
okay , disebabkan
akak nabila , err akak kot . hihi[ woo , name same tu *wink ] hah disebabkn die tanye so meera buat la tuto nie . tp sbenanye xde mse cume meera xnkla lmbt lmbt kan . actually , yg nie senang kacang je . hoho .
tahu kan ap tu tab menu ? tuu , kt bwh tu ;]
okay okay . here we go ~
mcm biase la , design > page elements > html javascript
paste code kt bwh nie dlm html tu .
<center><style type="text/css">
h5 {
font-family: trebuchet-ms, arial, tahoma;
font-size: 13px;
padding: 0 0 1em;
font-weight:bold;
color:#FFFFFF;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#FA58AC;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#9A2EFE;
}
</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">tajuk 1</h5>
<div class="msg_body">
masukkan code anda atau pape jela ;]
</div>
<h5 class="msg_head">tajuk 2</h5>
<div class="msg_body">
masukkan code jugak ~
</div>
<h5 class="msg_head">tajuk 3</h5>
<div class="msg_body">
err , anda tahu kan nak buat ape ? ;D
</div>
</div></center>
save . senang je kan ? :]
*info
-13px tu untuk size font anda , jadi bolehla ubah ikut kesesuaian .
-code warna #FFFFFF tu untuk warna tajuk anda .
-code 100% tu untuk menentukan kelebaran
-code #FA58AC tu untuk warna background tajuk anda .
-code #9A2EFE tu untuk warna background code anda .
tu jea . harap korang faham . tak paham tanyela :)
hah lupe , code warna cari dekat
sini
Labels: tutorial
♥ border keliling blog
okay , smbil meera tggu die txt , meera rase nk buat tuto lagi . heh hw dh la xstart lagi . hehee .
oh my godd . lupe nak agkt kainn . hish kejp lg la .
em kali nie meera nk aja mcm mne nk buat border keliling blog .
ala die lebih kurang same je dgn
tuto shadow yg meera buat hr tu :)
macam biase , pegi design > edit html > tick expand widget templates
ctrl + f and cari code kt bwh nie :
dh jmpe kan ?
copy paste code kt bwh nie and letk dkt sbelah code ats .
jadi macam nie >
.content-inner { border: 3px solid #000000;
done .
korang boleh tuka warna tu . nak code nye pegi
sini
ehh , lupe pulk , kalau korang xjmpe code >
.content-inner {
korang cari >
.main-outer
dan paste mcm step kt ats :)
kalau xjd jugk xtahu dh nk buat apee -.-
saba , bismillah . try buat balek . *winkwink
Labels: tutorial
♥ tutorial shadow keliling blog
haa . tuto lagi .
meera buat time meera bosan jela .
lgpun xde sp nk tgok ;D
tuto nie meera baru je khatam tadi . hehee
thanks to
shahidah sbb sudi melayan kerenah meera ;D
em ada dua cara .
cara yang ptame ;
- prgi design > edit html > tick expand widget templates
- ctrl + f code ;-
.content-inner { atau #outer-wrapper { aatau #content-wrapper {
then korang paste kan code yg bawah nie dekt bwh code kat ats . paham kann ?
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
tu jeaa . dh siap :]
eh belum la . korang tak tahu ke shadow tu kt mane ?
ohh sory , cube usha gmba kt bawah nie ;)
sekian ;]
Labels: tutorial
My boyfriend ♥
okay lepas korang dah generate code tu dia akn kluar code macam kat atas kan ?
hah , sebelum meera trlupa baik meera buat cepat cepat . 
sbb tolong meera ^^
