Friday, November 13, 2009

Tutorial : Memasang mini calendar (Bonus November)



hihi. dah terlalu banyak request tutorial mini calendar dekat i. siap tak berani letak link sendiri. message dekat shoutbox request code pun nak takut. i bukan makan orang pun. tapi ip adress kan ada. i tahu lah siapa yang request tu.



so hari ni i rasa baik hati nak bagi you guys code untuk mini calendar tu. cuma you guys kena ingat. calendar tu kena update setiap bulan. kalau you guys tak faham nak baca code tu, memang agak susah sikit lah.


<script type="text/javascript">
</script>

<center>
<p>


<p style="margin-top: 0; margin-bottom: 0" align="center"> </p>

<center>
<table id="wp-calendar" border="1"

bordercolor="#FF99CC" style="border:1px solid #FF62B0; border-collapse: collapse" cellpadding="2" height="115" bgcolor="#FFDDEE">
<tr>
<th scope="col" abbr="Sunday" height="12" title="Sunday" bgcolor="#FFBBDD">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#FFFFFF" size="1">S</font></p></th>
<th scope="col" abbr="Monday" height="12" title="Monday" bgcolor="#FFBBDD">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#FFFFFF" size="1">M</font></p></th>

<th scope="col" abbr="Tuesday" height="12" title="Tuesday" bgcolor="#FFBBDD">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#FFFFFF" size="1">T</font></p></th>
<th scope="col" abbr="Wednesday" height="12" title="Wednesday" bgcolor="#FFBBDD">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#FFFFFF" size="1">W</font></p></th>
<th scope="col" abbr="Thursday" height="12" title="Thursday" bgcolor="#FFBBDD">
<p style="margin-top: 0; margin-bottom: 0">

<font face="Georgia" color="#FFFFFF" size="1">T</font></p></th>
<th scope="col" abbr="Friday" height="12" title="Friday" bgcolor="#FFBBDD">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#FFFFFF" size="1">F</font></p></th>
<th scope="col" abbr="Saturday" height="12" title="Saturday" bgcolor="#FFBBDD">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#FFFFFF" size="1">S</font></p></th>

</tr>
<tr>

<td height="11" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">1</font></p></td>

<td height="11" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">2</font></p></td>
<td id="today" height="11" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">3</font></p></td>
<td id="today" height="11" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">4</font></p></td>
<td id="today" height="11" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">5</font></p></td>
<td id="today" height="11" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">6</font></p></td>
<td id="today" height="11" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">7</font></p></td>
</tr>
<tr>

<td height="12" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">8</font></p></td>
<td height="12" align="center">
<p style="margin-top: 0; margin-bottom: 0" align="center">
<font face="Georgia" color="#848484" size="1">9</font></p></td>
<td height="12" align="center">
<p style="margin-top: 0; margin-bottom: 0">

<font face="Georgia" color="#848484" size="1">10</font></p></td>
<td height="12" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">11</font></p></td>
<td height="12" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">12</font></p></td>

<td height="12" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">13</font></p></td>
<td height="12" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">14</font></p></td>
</tr>
<tr>

<td height="16" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">15</font></p></td>
<td height="16" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">16</font></p></td>
<td height="16" align="center">
<p style="margin-top: 0; margin-bottom: 0">

<font face="Georgia" color="#848484" size="1">17</font></p></td>
<td height="16" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">18</font></p></td>
<td height="16" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">19</font></p></td>

<td height="16" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">20</font></p></td>
<td height="16" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">21</font></p></td>
</tr>
<tr>

<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">22</font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">23</font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">

<font face="Georgia" color="#848484" size="1">24</font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">25</font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">26</font></p></td>

<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">27</font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">28</font></p></td>
</tr>
<tr>

<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">29</font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1">30</font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">

<font face="Georgia" color="#848484" size="1"></font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1"></font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1"></font></p></td>

<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1"></font></p></td>
<td height="20" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Georgia" color="#848484" size="1"></font></p></td>

</tr>
</table></center></p></center>



you guys select all (ctrl+a) code ini and copy (ctrl+c).

• pergi dashboard > layout > add a gadget > html/javascript.
• paste (ctrl+v) code di atas ke dalam html/javascript box tersebut.
• save and view blog.

nombor '1' yang i bold and colorkan dengan warna merah tu, i dah tunjuk contoh. you guys boleh gantikan nombor '1' tersebut kepada berbentuk image. buang nombor '1' tersebut dan gantikan dengan code ini :

<img src="url image yang nak diletakkan" border="0" title="title" alt="title">

ataupun, kalau you guys nak buat image tu beserta link, boleh gantikan nombor '1' tersebut dengan code ini :

<a href="link"><img src="url image yang nak diletakkan" border="0" title="title" alt="title"></a>



i tak minta banyak pun. sekadar credit i guna link entri ni je ; i dah sharing kan, you guys kena lah caring dengan letak link i dekat new entri you guys. kalau rajin, click advert. nuffnang i sekali :P

code ni i akan update setiap bulan. so you guys kena lah be alert heh.

siapa yang guna code i ni, please inform dekat comment heh. penting :D lagi satu, bila dah dapat code ni, and orang tanya dekat mana dapat, bagitahu link entri ni tau. and lagi satu (berapa banyak lagi satu tah) bila dah terror dapat code ni, jangan lupa daratan buat berlagak dengan i hihi. i kenal code i and i boleh kenal siapa yang pakai code ni tau.

55 comments:

queenlyana said...

Wah, rajin nya adik manis ni wat tutorial. Bagus2..!
Kak Lyana tak pnah pon ada orang request wat tutorial. Agagaga. btw..!
Bagus..! Anda blogger prihatin..! chiayok...!

ღnurull.mrs21ღ said...

rara dear..

i nk buat tp xsempat lah sekarang!busy je..:(

Shira said...

Queenlyana

Hihi. Rajin tak rajin, daripada tahun lepas orang minta Rara code untuk calendar tu. Nak kasi tapi macam tak adil so buat entri jelah. Hihi. Harap² diaorang suka =D Terima kasih kakak ! Hee.

Shira said...

Nurull

Tak apa. Nanti u buat masa u free tau. Hihi. Jangan risau. Code ni tak hilang pun. Ekekekeke.

lel said...

yeeehaa!
ingatkan i sorg je yg dok request pasai calendar comel tu
ramai rupanya yea
i dah copy so nnt edit
nnt klu dah jadi i share link entri ni okeh

oh 1 more
blog dah okeh
godek2 buat semua code tu
dah boleh naik blk
hee
btw thanks jugak
:p

Shira said...

Laila

Ramaiiiiiiiii sangat yang request. I rasa macam kejam kalau tak bagi T___________________T

Hihi tapi calendar yang I bagi ni tak sama dengan calendar I tau. Yang I bagi tu lagi comel and lagi cantik tau! Okay nanti buatlah apa yang patut. Haa! Tukar warna jadi black and white pun comel nanti! =P

Welcome my dear hihi

Anonymous said...

Yea ! Kak rara seorang gadis yg rajin ! Thanks ksi tutoral niwh! ;)

Shira said...

Nabilah

Hihi ambil hati lah tu ? =P You're welcome.

M E Z said...

Yeah.. Kak Rara kasi tutorial.
MeZ pun ada minta ajarkan. hehe. ;p
MeZ amik ye.. Thanks. (^3^)/

Shira said...

Mez

Hihi suka dia =P You're welcome dear. Buat calendar comel-comel tau.

Liyana Lunia said...

sedih :( nanti dh rmai pakai calendar comel HAHAHAHAHA

Huda Luna said...

eceh org tuh dh wat tutorial


hee :D

i x amik kot..
mls nk update tetiap bulan

:P

Shira said...

Liyanaa

Hihi i dah agak dah u sedih tapi jangan risau. Calendar I bagi ni lain dari kita punya :) Harap-harap calendar comel macam kita tu hanya kita yang pakai. Ecewah.

Shira said...

Huda

HAHA ambil jelah sebab nanti I tolong updatekan wahahahw. I memang kering gila nak buat tutorial apa. Macam sayang nak lepaskan code calendar ni tapi what to do, I tak nak jadi orang yang selfish! =D

Farahani said...

terimakasih atas tutorial tu kakrara! :]

nanti nak bookmark birth kakrara skali ah :D

Huda Luna said...

hahahah..
xpe..
i xnk kot..
sbb calender tuh kn mcm "kisah cinta u ngn ynn"

hoho :P

yay!
rara gud girl..
x jd "penjual ikan"


hee =P


xpe at liz blog ber-update,,


cewahhhh


cantik secret kt tepi tuh eh?

:P

Fatihah N. said...

thank you kak rara
terima kasih
syukran
toche2

lel said...

apa maksudnya nnt rara updet kan?
kod ni akan berubah bila rara ubah?

dah siap buat
penat tukar ke hitamputih
tp mcm cacat sikit
tatau salah kat mana
xsecomel rara punya
heee

utk bulan depan pun dah siap
haha
thanks again!

Shira said...

Farahani

Baiklah dear. Birthday kak Rara pun lambat lagi. Mana tahu boleh bookmark sekali tarikh wedding kak Rara? Haha =D

Shira said...

Fatihah

Okay jangan lupa link entri ni tau ;)

Shira said...

Huda

Ala ala ala. Janganlah macam tu. Kisah cinta we all lain lah. Ini calendar lain. Ada kotak. Nampak kemas =P

HAHA perlilah tu. Tahulah tadi u yang suruh I buat secret tersebut. Wek.

Shira said...

Laila

Maksudnya nanti siapa yang tak tahu camana nak update calendar ikut setiap bulan, Rara akan bagi lah code untuk setiap bulan. Hihi =D

Tahniah yang sebab dah siap buat untuk bulan depan !

Farahani said...

uhh
itu bisa diatur kak!
bila wedding day akak? :D

lel said...

oh sebab tetiap bulan hari berubah kan
tula i perasan tadi so edit siap2 sementara tengah rajin
huhu :p

Shira said...

Farahani

Ehem. Lambat lagi. Nanti akan diumumkan kalau jadi. Doakan yang baik-baik. Dengan izin Allah, maybe September 2010 =P

Shira said...

Laila

Aah tu lah if dah jadi malas, tambah dengan connection yang lambat. Memang susah sikit hihi.

Bangga sebab u cepat tangkap keadaan code tu and boleh faham macamana nak update =P

BalqisBasri (^^,)v said...

Balqis pun nak try laa :D Kalau jadi nanti Balqis bagi tau Kak Rara oke! ;D Hehehehe..
Thanx banyak banyakk!

Shira said...

Balqis

Hihi balqis timbulllllllll! =D Okay nanti inform tau, kak Rara pergi terjah nanti!

Liyana Lunia said...

oh oh lain dr kita punya ke hihi igt sama hihi hoi maana nak dpt icon comel lagi yunk :(

Shira said...

Liyanaa

Hihi lainnnnn =) I generate kasi yang lain dekat diaorang. Icon comel yang mana ni sayang? Hihi.

♣DYA AL-AIEN♣ said...

salam..
cik rara..
love ur blog lah...
sgt comel...
u pandai bab2 coding ek???
huuuuu...
suke..suke...

Anis Solihin said...

salam..kak rara manis!
thank a lot 4 the tutorial..

sarah :) said...

hyeee kak rara , sarah gune code akk eyh . thx :)

nadcydot said...

hey kakrara . nad dah buat calendar neyh. hehe, menjadi juga. :)
thx ya kakrara . nad dah letak credits skali :)

said...

suke mini clndr tuh. nk jgk. tengs! nt taty link u :)

Lizzy Lee said...

hello kak rara...tira mohon guna code niyh ye...huhuuu...kalau ada apa-apa yang akan diupdate tentang code ni..tolong remind tira...

Anonymous said...

Kak Rara! Thk you !
Abby nak ambil code ni leh x??

Anonymous said...

kak rara,
farah muhun amik code calendar ni eh?
heee~

thanks kak rara manis semanis candyfloss :)

ainnuratirah said...

Salam, hye kak rara (:
ain ambil ea codes nie.
tenks <3

Mrs Poonda said...

hai kak rara..thank u for ut tutorial ..tp sy msh x brapa phm..la kak..cmne akk wat reminder kat dalm calendar akq??2 je thank u..

Anonymous said...

hye kak rara...
kak, aina dah ambik code for mini calender ni..
thanks ye kak..
aina dah link kan blog akak dlm post aina..
tq again..

Anonymous said...

Farah minta kebenaran nak ambil. hehe
Thanks.

@LiYaNNuaR ツ said...

salam Rara.. akak pun mahu belajar juge... dah bjaya nanti akak beritahu, ok!

Izzah Isa said...

kak rara, url image tu macam mane ? maaflah, saya ni x cerdik sangat bab² komputer ni. maaflah

Hanisah said...

Saye pun minta kebenaran nak ambil mini kalendar ni. Hehehe..

FaraLia said...

salam..

akak.. sye dah wat mini calendar tuh.. tp x scomel akak nyer.. syer nyer simple giler jewk.. nnt akak usha2 lah ye.. syer da siap wat bookmark tuk akak..

walaupun wat mende alah ni leceh.. tpi best.. kter leyh edit ikut citerse kiter.. kn kak??

Anonymous said...

sis, nt ownk buat mini calender ni ek?
nk bg faham coding dlu..nk wat calendar gojes cm sis, hihihihi~

nt ownk link sis blik ek?

Aerzee A. said...

hello
i guna code calendar ni
thanx :)

Fyka said...

kak rara..
knape kt blog fyka dye xnaik mcm JANUARY ke ape?

Fauzana Sabri said...

awak,
i nk tnya sket. i budak baru belajar. i've tried to seach everywhere tp x jmpa2 gak cara nk wat title bar for gadget. mcm u punya yg corak2 belang tue. i xtau wats the procedure nk hasilkan something like dat, can u guide me?

Fika Rozaidi said...

sis rara, im using ur calendar k. thanks! lg stu, thanks a lot for all the tips that u've given to us. sgt bagos la sis nehhh! syg sis, agagaga :D

eyna said...

thanks akak :'))

saya ! said...

i guna blog akk..
thanks eh..senang nye buat mini calender ni:)

syafiqah syahirah said...

kak rara;
sy ambek code calender tu
thx kak :)

Silent Screams , said...

kak rara yg comel , grr .
nk calendar march punye bule takk ? hee .