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..:(

Rara 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.

Rara said...

Nurull

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

Noorlaila Mohamed Nor 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

Rara 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

nabilah said...

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

Rara said...

Nabilah

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

MeZ said...

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

Rara said...

Mez

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

Liyanaa. said...

sedih :( nanti dh rmai pakai calendar comel HAHAHAHAHA

♥miszluna™ said...

eceh org tuh dh wat tutorial


hee :D

i x amik kot..
mls nk update tetiap bulan

:P

Rara 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.

Rara 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

♥miszluna™ 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 Ory said...

thank you kak rara
terima kasih
syukran
toche2

Noorlaila Mohamed Nor 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!

Rara said...

Farahani

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

Rara said...

Fatihah

Okay jangan lupa link entri ni tau ;)

Rara 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.

Rara 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

Noorlaila Mohamed Nor said...

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

Rara said...

Farahani

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

Rara 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

nurulbalqis said...

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

Rara said...

Balqis

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

Liyanaa. said...

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

Rara said...

Liyanaa

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

♣dya aien♣ said...

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

♥Anis_Chan♥ said...

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

sarah :) said...

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

Nad.Cydot said...

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

izz4tiee said...

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

*Fatira* said...

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

Amira Syabihah ® said...

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

farah said...

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

thanks kak rara manis semanis candyfloss :)

101096 said...

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

E!ra 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..

aina nabillah nadya 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..

Farah Haziqah said...

Farah minta kebenaran nak ambil. hehe
Thanks.

@LiYaNNuaR said...

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

chizah desu said...

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

Hanisah bt Ahmad Zabidi 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??

♥ Buk@n S!ndAreLa ♥ 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 fathenee said...

hello
i guna code calendar ni
thanx :)

fyka said...

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

mrs hatta ;) 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 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 :'))

mi$h kautsar 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 :)

ALGEBRAICmai ツ said...

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