Candie Blossom.

Tutorial : Sweet Tooltips

Tuesday, 31 January 2012 | 20:32 | 0 candie blossom

Okey, caranya pergi ke

Dashboard / Design / Edit HTML

Cari kod </head>
Gunakan ( Ctrl + F ) untuk memudahkan pencarian kod

Copy & Paste kod warna pilihan anda dibawah kod </head> tadi

Preview & Save kalau ok.

Antara warna pilihan.

<link href='http://www.mykawaiistore.com/mommypinky/sweet/pink.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/tooltips.js' type='text/javascript'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/sweettiles.js' type='text/javascript'/>

Please kredit & inform kalau ambil tutorial dari blog ini ye. Terima kasih.

Tutorial : Letak Hello Kitty Di Sebelah Kiri Blog

| 20:19 | 0 candie blossom

Asalamualaikum.. buat ape tu? oh! tgh nk wat tuto niey! okey Hari niey Zubaidah Nak shere sket tutorial niey! jgn nk tiru plk key? okey sekarang ikut step niey :

1.Dasboard > Design > PageElmete > Add a Gidget > Html
2.Copy Code dibawah :

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="133" src="https://7798906383872440485-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex68/hellokitty1animation.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

3.then korang bly save jer..
4.spe jd bgy thu Zubaidah okey?

Tutorial : Accordian Tab Manu

| 05:15 | 0 candie blossom

.Assalamualaikum ! :)

Hi , Lama nyer , rasa tak buat tutorial ni .

Ok , kali ini , Zubaidah nak ajar , macam mana nak buat ..

Accordian Tab Menu ..

Bagi , new bloggers . pasti korang tak tahu kan , apa itu

"Accordian Tab Menu"..

Ok , Cuba Lihat kat bawah ni ..

Bila cursor sentuh yang ini ;

Automatik dia akan keluar macam ini ;

Orait ! Nak tahu tak , macam mana nak buat ni ?

Ikot step di bawah ..

1. Dashboard > Design > Add Html > Html/Javascript

2. Copy , and paste kod bi bawah ini di ruangan html/javascript

<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:#FFB6D6;
margin:1px;
-moz-border-radius: 35px;
border-radius: 35px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#FFFFFF;
}
</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">
<center>
Isi dalam tajuk 1</div>
<h5 class="msg_head">Tajuk 2</h5>
<div class="msg_body">
Isi dalam tajuk 2
</div>
<h5 class="msg_head">Tajuk 3</h5>
<div class="msg_body">
Isi dalam tajuk 3</div>
</div>

Nota kaki :

. Warna hijau , untuk tulisan Tab Manu

. Warna oren , untuk background Tab Menu

. Warna biru , untuk background isi tab menu

. Warna pink , korang tulis tajuk Tab itu

. Warna merah , korang paste kan kod korang . (e.g : kod shoutmix , kod about me , dll)

Tutorial : Letak Gambar Di Footer (Thanks For Reading , Leave Your Comment)

Sunday, 29 January 2012 | 23:28 | 0 candie blossom

.Assalamualaikum !

Peacee ^_^v

Heyyy . Baru je Zubaidah letak

"Thanks For Reading , Leave Your Comment"

tu kan , ada je orang terus request dekat Zubaidah kan ? hehe~
Memang pantas and effisien betul lah korang nehh .

Bukti :

Tahu ke tak , apa yang Zubaidah maksudkan tuh ? Alahai . Benda ni ler ^_^v

Tahu kan ? Pandai punss . ehee :)

Nak tahu caranya ? Boleh godek step di bawah :p

1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl F Serentak , dan cari kod ini :

<div class='post-footer-line post-footer-line-3

3. Dah jumpa ? Copy Kod ini pulak :

<center><img src='URL GAMBAR DI SINI'/></center>

4. Dan paste DI BAWAH kod yang korang cari tadi tu .

5. Gantikan warna merah dengan URL GAMBAR yang korang suka .

*Pstt . Zubaidah ada kasik FREE URL GAMBAR . Kalau berkenan , rembat jerk ! Doodle tu , Zubaidah lukis sendiri , maaf burukk ! hehe~

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjww2CbxkOYUO8nAmxIhNpUaFiAnhrPyye7LxItdEzS2uefN_JFWFDkTXgvtr3RSk1_MM30ONAUa9p2iNgLY2rb4CATstrl_5xA_cnYJPhtZUgovleo1c64zlEgIT8yvTF6MY1HfktivOk/s1600/thnx+for+reading.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGyIX4hDvfZUf31tpuH00FJCTHU2ZuCC5PWajOQsuJ9mXUC1__4dIvOZfEsMqk0BigV24FRt-Jv1qy7pXYc3vr4oTL30kkEd9FbkwJj_6BigL6jOuF1r8O9p7BNykezsxw0YHIFqzysFA/s1600/thnx+for+reading1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEill78scakk6dywb9KnA9S3wZoZ0oepf_g_RmRdK58yWRoBh84ndgxZmImgKK8c2vDqRXFR3r8zeQMQmpHvRiiIAjbBlyH0O09bFPQ6C0twGY7Erg_rCAEG_eXFfIle5rMoyNN68l8vHKM/s1600/thnx+for+reading2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigD7AFvbUe78jAHPlnRIsiIRr45womcVq_Z5OkMVKCfzyQlqGvwP8gEKMBZMEO3OWm7pC7ug0VfHNSWdO5n8HPuMCDYBbPMzXcMQ3CaIyuJ44loX_6j8Iquli6HUsnN2w-OyskFt2C6bY/s1600/thnx+for+reading3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHsOxe3KDRaOQM88EXxVU2jdbaBnqZXhMfY1EywYjg0KYjaXVKGB2WYnxcXfCKkWJ4oiwjwcofQy6IjI5oH2s3uTviGwwk_IkNATy7s11jYz-NDWVQWUM9O_I6DVg9iw-f3wJCjU0vZM/s1600/thnx+for+reading4.png

Tutorial : Kelopak Bunga Berguguran Di Blog

| 00:42 | 0 candie blossom

Ha? cuba tengok bunga2 yg berguguran dari blog sy ni...?
nmpk mcm seronokkan...
so sy nk buat tutorial kelopak bunga berguguran di blog...ok..
cuba tengok gmbr di bwh ni sma kan seperti di blog sy ni kan.?

Tengok dan belajar...

1.Log In > Dashboard > Design > Add a Gadget > Html/JavaScript

2.Copy kod di bwh ni dan pastekan di ruangan Html/JavaScript...

<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
.css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
.css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>

3.lepas tu dh siap pun...save la dan lihat hasilnye,cantikkan ?..:)

Freebies : Doodle #Sajasukasuki

Saturday, 28 January 2012 | 23:36 | 0 candie blossom

.Assalamualaikum !

Peacee ^_^v

Hai korangg . Haaa ~ Hari ni , seriusly Zubaidah memang bosan gilerrr# dah tak tahu nak buat ape dahh . Ishk . Alek - alek macam mana ntah ter-gatai tangan nak kasik FREE doodle dekat korang neyy . Tapi , kejap ! Zubaiah nak berpantun sikit : (Chewaaahh)

Doodle Zubaidah memang tak cantik ,

Kalau ada yang suka , NAHH ambik !!

Kan ?? Zubaidah dah kata , tak berapa nak cantik . Nama pun #sajasukasuki .

Awak suka , awak ambik . Tak suka , boleh berambus ~ ( Ceh , kasaq ayat kau noh Zubaidah)

#sorry ~ hee~

Tutorial : Hujan Turun Dengan Lebat

| 23:32 | 0 candie blossom

hujan? bile mase ade hujan kat blog? okey! ade sebenarnye... okey Zubaidah Nk share ngan korang niey ,
nk x?
klu nk ikut step niey

Dashbord > Disign > Add A Gidget > Html
korang copy code di bawah :

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="https://2713604333882420535-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex11/rain.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

3. ukey bly save!
4. jd x?. kepada sesiape yang x jd comment kat shoutbox ukey?

Tutorial : Icon Bergaris Di tepi Blog

| 23:18 | 0 candie blossom

hah ? Ape maksud icon bergaris? ukey , meh sini Zubaidah Aja
ikut Step Ini

Dashbord > Disign > Add A Gidget > Html
korang copy code di bawah :

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="https://3715858991571922434-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex14/verticalline2.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

3. Then Korang save
4. dah siap?
5. spe jd bgy thu Zubaidah Okey?

Ade Siesiape Nak Tempah Header?

| 22:55 | 0 candie blossom

okey! spe nk tempah header bly isi brg @ shoutbox ukay? urm.. korang nk borang kerw? okey lah jp tau
Nama :
Nak Tulis Ape :
Gambar :
Nak Stiker Ape? :
Nk Bacgrounds Warna Ape? :

senang aje kan? hah klu korang nk tempah.. tempahla! :)

Cursor Baru Zubaidah

| 22:48 | 0 candie blossom

ASSALAMUALAIKUM
hah! cusor baru? korang nk kew? okey klu korang nk pilih kat bawah niey ambik jerw key?

Rainbow

ambik lah , jgn malu2 okey? hurm agaknye klu nk agy klik > > > Sini!! < < <
okey x? haha ! cantik kan?

Tutorial : Cursor Cute and Comel

| 06:33 | 0 candie blossom

.Assalamualaikum !

Peacee ^_^v

Haii . Hari ini , Zubaidah nak bagi Freebies Cursor Yang Cute lagii Cunss untuk korang . Sebab ada yang teringin sangat nak cursor comel neyy . Untuk memudahkan korang , korang just copy URL di bawah dan paste . Ikot Step di bawah :) Chill yea ~

1. Log in > Dashboard > Design > Add a Gadget > Html/JavaScript

2. Copy kod di bawah :

<style>body {cursor:url(URL CURSOR 1), url(URL CURSOR 1), auto;} </style>
<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

3. Paste kan kod tersebut di ruangan Html/JavaScript tadi tu

*Warna merah : Korang boleh COPY URL di bawah ini .

*Warna biru : Korang punya link blog .. Contoh : inilinkblogsaya.blogspot.com

http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/04.gif

http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/06.gif

http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/07.gif

http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/05.gif

http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/03.gif

http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/01.gif

Tutorial : Tulisan Membesar

| 05:30 | 0 candie blossom

Helow . Helow . Helow ! :61:

Hari ni , Zubaidah nak nak share ngan korang ciket , mcm mana nak bagi tulisan besar..

bila cursor tuh , sentuh LINK korang :)
Zubaidah try2 je tadi , tgk2 menjadi jugak ! haha :132:

Ikut Step Zubaidah oke ?:))

Then , korang cari code di bawah : (Tekan Ctrl + F serentak utk memudahkan pencarian !)

a:hover

Then , korang paste pulak code kat bawah ni , kat bawah kod yang korang cari tadi k ?:)

font-size: 22px;font-weight: bold;text-decoration: none;}

*Yang warna merah tu , korang boleh tukar dengan SAIZ kebesaran tulisan yang korang nak ok ?:)

:73:

Da siap . SAVE dengan hati yang tenang ok ?:)

:73:

Oke ! Cepat pegi VIEW blog korang ! menjadi tak ? :)

Kalau jadi , bagitau Zubaidah ^_^

Tutorial : Mencantikkan blogger

| 02:50 | 0 candie blossom

hey korang! wat ape tu? korang nk cantikkan blog lah tu! jgn nk kerje keras klu
korang nk sgt!
nnti cpt tua!
urm .. nk sgt kerw? okey klik niey --->Sini!<---
haha korang bly klik jerw
n klu nk lgy best bly klik niey --->Klik Sini!<---

Tutorial : Hilangkan Tarikh Kat Atas Post Title

| 02:35 | 0 candie blossom

Sayang kuu .!

hahaha.!

Eh , Zubaidah , mcm mana tuh , kmoo hilangkan Tarikh kat atas tuh ?

hee~

Nak thu ye ?

Caranye, senang, simple , and mudah saje :)

1.Dashboard > Design > Page Element

2.Dekat bahagian post tuh , korunk tekan edit auh ??

Nanti , dia akan keluar macam niyh ;)

3. Pastuh , kat anak panah tuh , korunk "Untick" tawu ?!

4. Then , lepas 'Untick , korunk tros save.

5.And lastly , try view bleg korunk!

Comfirm jadi ! haha ;)

Senang en ? =)

Permintaan : Promote Blogspot Sye

| 01:32 | 0 candie blossom

ASSALAMUALAIKUM.
hy korang , bly promotekan blog sye? :) kepada sesiape yang dah promote blog sye , terima kasih tau,
:)
ha.. klu korang promote sye bgy hadiah :),
best tau!
klu korang promotekan jerw ,
klu x nk hadiah sudah ,
best..... ,
bende niey ade empat hadiah!!
so? ape lgy korang nk x? ,
ha.. kene promote sampai beribu2 pon bly :) ,
promote klu nk dpt! ,

Tutorial : Cute Music Icon (Di Sebelah Blog)

| 00:07 | 0 candie blossom

hey ASSALAMMUALAIKUM. wat ape tu? mesti nk tunggu cara nk wt Music Icon kan? haha senang jerw!
tpi ade syarat syaratnye ialah.. haha tipu je lah! klu korang nk wt ikut step2 niey!

1. Dashbord > Disign > Add A Gidget > Html
2. copy code dibawah :

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="https://3715858991571922434-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex14/musicblossom.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

3. then korang bly save :)
4 . senangkan? :)

Tutorial : Kesan Salji pada blog

Friday, 27 January 2012 | 23:50 | 0 candie blossom

ASSALAMUALAIKUM

haha.. tgk cerita house alone x?. klu x haha x ape korang ikut jerw :) atau tgk @ youtube
Zubaidah Thu yg korang ~~tak~~ suka ngan blog Zubaidah Niey kan? kemas cantik!
ok jgn buag masa nnti habis masanye okey? haha ok ikut steap niey

1. Dashbord > Disign > Add A Gidget > Html
2. copy code dibawah :

<div style="position: fixed; top: 0px; middle: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="https://3534036885991089359-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex10/snow1.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

3. Then korang bly save :)

= Selamat Mencuba =

Tutorial : Love Icon

| 23:28 | 0 candie blossom

hye... buat ape tu? ha.. ade ramai org ckp kat fb mcm mne nk wt love icon?

hah?! love icon to ape?

haha senang jerw , ikut step niey :)

1. Log in > Dashboard > Design > Add a Gadget > Html/JavaScript

2. Copy kod di bawah dan paste pada ruangan Html/JavaScript tersebut :

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="https://64950086948050205-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex13/love.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

3. then korang bly save :)
4 . senangkan? :)

OLDER POST | NEWER POST