Raracandyfloss » Tutorial http://www.raracandyfloss.com Wed, 01 Feb 2012 03:18:18 +0000 en hourly 1 http://wordpress.org/?v=3.1.4 http://www.raracandyfloss.com http://lh4.ggpht.com/_Zm_hN-emoxo/TGzT5F2PNoI/AAAAAAAADK4/e_Glh7pDZtQ/2-7.png Raracandyfloss Tutorial : Cara membuat watermark comel http://www.raracandyfloss.com/2010/06/tutorial-cara-membuat-watermark-comel.html http://www.raracandyfloss.com/2010/06/tutorial-cara-membuat-watermark-comel.html#comments Wed, 09 Jun 2010 07:01:07 +0000 Rara http://www.raracandyfloss.com/?p=1203

Siapa yang rekues tutorial watermark?

Hai semua. Hari ini I nak tunaikan rekues beberapa readers yang minta ajar macamana nak buat watermark comel. Kalau watermark tulisan tu memanglah semua orang pun boleh buat dengan senang kan? Nak buat tutorial cantik comel sikit (ehem) bolehlah baca dan fahamkan tutorial ni. Mula-mula sekali, tutorial ini memerlukan dua software penting. I sertakan sekali link untuk download dua software tersebut heh.

Adobe Photoshop – Download
Photoscape – Download

Lepas dah download dua software tersebut, korang semua dah boleh senang hati pergi buka Adobe Photoshop. Actually, I guna Adobe Photoshop CS4, tapi link download yang I bagi tu adalah Portable Adobe Photoshop CS5. I rasa lebih kurang je. Kot. Hihi.

1) Buka Adobe Photoshop. Pilih Menu > File > New dan popup window seperti gambar dibawah akan keluar.

Pada ‘Width’ dan ‘Height’, boleh tentukan saiz watermark korang. Jangan lupa, pada Background Contents tu mesti pilih ‘Transparent’ tau. Click OK.

2) Pilih icon ‘T’ pada toolbar untuk meletakkan text. Contohnya; Image by;.

Pergi pada Layers box dan double click pada layer ‘Image by;’ tersebut (seperti gambar dibawah).

Window popup akan keluar dan sila ikut arahan. 1,2 dan 3.

Ini adalah text yang telah ditambah ‘Stroke’.

3) Pilih icon ‘T’ pada toolbar untuk meletakkan text. Contohnya; abc.com

Pergi pada Layers box dan double click pada layer ‘abc.com’ tersebut (seperti gambar dibawah).

Windows popup Layer Style muncul. Ulang cara-cara untuk tambah ‘Stroke’ dan setelah selesai, double click pula pada layer ‘Gradient Overlay’. Pilih jenis warna yang dikehendaki. Jangan tutup window popup dulu.

4) Double click juga pada ‘Drop Shadow’ dan tukar % ‘Spread’ dan ‘Angle’ mengikut citarasa korang. Click OK. Well, dekat Layer Style ni ada macam-macam style yang boleh dilakukan pada text korang tu, ikut kreativiti lah okay?

Dan ini adalah contoh watermark yang terhasil.

5) File > Save as.

Make sure buat format as .png.

6) Sekarang dah boleh tutup Adobe Photoshop dan buka pula software Photoscape. Pilih Editor, cari gambar yang mahu di edit. Click pada tab ‘Object’ dan cari icon seperti gambar di bawah, pilih More. Cari watermark yang telah di saved sebagai .png tadi.

Done.

P/S: Tutorial ni banyak sangat step tapi sekali je, lepastu bila nak update post baru, bolehlah guna Photoscape je untuk tambah watermark dalam gambar.
P/S/S: Ingat, baca dan fahamkan. Jangan cakap susah, susah, susah je.

]]> http://www.raracandyfloss.com/2010/06/tutorial-cara-membuat-watermark-comel.html/feed 60 Tutorial: Tukar warna highlight text dan plugin facebook ‘like’ button http://www.raracandyfloss.com/2010/06/tutorial-tukar-warna-highlight-text-dan-plugin-facebook-like-button.html http://www.raracandyfloss.com/2010/06/tutorial-tukar-warna-highlight-text-dan-plugin-facebook-like-button.html#comments Mon, 31 May 2010 16:00:37 +0000 Rara http://www.raracandyfloss.com/?p=1075 Hai. Hari ini I ada hati yang baik (perasan) nak buat tutorial. Tutorial kali ini simple sahaja. I dah tanya dekat friendpages Facebook, tapi ada beberapa orang je yang request tutorial dekat situ. Niat nak buat tutorial ni bila ada orang email dan minta I ajarkan cara nak tukar color bila highlight text. Contohnya macam gambar ni:

Text selection color

Cara tukarkan warna highlight text.

Untuk pengguna Blogspot, macam biasalah you guys kena pergi Dashboard > Layout > Edit HTML. Then letakkan code dibawah ini pada mana-mana saja dalam HTML code tersebut.

::-moz-selection{
background:#000000;
color:#FFFFFF;
}

Pengguna WordPress juga boleh gunakan code di atas dan letakkan code tersebut dimana-mana pada style.css. By the way, you guys boleh tukar color code tu ikut warna favourite lah ye. Untuk color code, I suka pergi sini.

Plugin ‘Like’ button

Tutorial ini pula request daripada Ayong. Disebabkan Ayong adalah wordpress self-hosted user, I ajar cara untuk wordpress user lah eh? Kalau blogspot user tu dah banyak sangat tutorial sana sini, tapi I nak recommend tutorial dekat blog kawan baik I ni.

Actually, ada cara manual tau untuk ‘Like’ button ni. Tapi I dah tak ingat camana entah Cik Chokilala ajar dekat shoutbox. So I bagitahu nama plugin yang I guna jelah ye? Hihi.

like button

Nama plugin button ‘Like’ ni adalah FBLikeButton. Click sini untuk install. Credit untuk Liliana Mardiana sebab bagitahu I pasal plugin ni. UPDATE ; Ini tutorial untuk buat secara manual :)

Simple kan tutorial I kali ni? Siapa suka atau tak suka, boleh LIKE. Tak kira, I paksa :P Siapa nak request tutorial, bolehlah contact I dekat friendpages Facebook I.

]]> http://www.raracandyfloss.com/2010/06/tutorial-tukar-warna-highlight-text-dan-plugin-facebook-like-button.html/feed 25 Meningkatkan google rankings cara mudah dan berkesan http://www.raracandyfloss.com/2010/04/meningkatkan-google-rankings-cara-mudah-dan-berkesan.html http://www.raracandyfloss.com/2010/04/meningkatkan-google-rankings-cara-mudah-dan-berkesan.html#comments Mon, 19 Apr 2010 17:11:05 +0000 Rara http://www.raracandyfloss.com/?p=670

First of all, sebenarnya tutorial ni I nak buat dah lama dah since I tengok ramai blogger yang menggunakan cara tersendiri untuk improve google rankings. Google rankings adalah penting bagi blogger tegar macam I heh. Kiranya tegar jugalah I ini sebab obses dengan blog sendiri. Siapa tak sayang blog dia maknanya dia tidak tergolong dalam blogger tegar dan entri ini tidak sesuai dengan dia sama sekali ya. Okay camni, semalam adalah hari kerajinan I untuk blogwalking. And I print screen untuk tunjuk contoh, harap owner blog sangat tidak kisah.

Google rankings #1

Google rankings #2

Okay. Ini adalah contoh daripada Eyriqazz dan Ynaaohynaa. I betul-betul harap diaorang tak kisah bila I bagi contoh blog diaorang ni. Please no hurt feeling tau. Kedua-dua owner blog ini menambahkan tanda ‘|’ pada title blog masing-masing. Cara itu memang boleh, tapi bukan untuk google ranking. I pun bukanlah pandai sangat bab-bab macam ni tapi bila I ada info macam ni, I akan bantu blogger semua.

Google rankings #3

I tak ingat bila I ajar Ynn buat benda ni. Tapi dah lama jugak lah. Selama I menggunakan blogspot, I memang pakai cara camni untuk google rankings. So bila I dah share benda ni dengan Ynn, memang ternyata berkesan lah. Sekarang I nak share dengan uols pulak sebab I sayang uols semua tau. Cepat sayang I balik. Hehe.

Step #1
Pergi dashboard blogger.com dan click pada Layout > Edit HTML

Step #2
Gunakan CTRL+F dan search

<title><data:blog.pageTitle/></title>

Biasanya code tersebut ada di dalam barisan 5-10 paling atas templates.

Step #3
Gantikan

<title><data:blog.pageTitle/></title>

tersebut dengan code ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Step #4
Save templates dan view blog. Click pada single title untuk lihat hasil.

Kalau dah berjaya jangan lupa datang sini balik dan sayang I banyak-banyak tau. Tutorial kali ini penting untuk blogger yang menggunakan platform blogspot. Walaupun I dah pakai WordPress, tapi I tetap sayangkan blogspot sebab dari situlah I bermula :’)

Asal dari kampung. Assalamualaikum. Haha.

]]> http://www.raracandyfloss.com/2010/04/meningkatkan-google-rankings-cara-mudah-dan-berkesan.html/feed 126 Tweet via SMS Anytime Anywhere! http://www.raracandyfloss.com/2010/02/tweet-via-sms-anytime-anywhere.html http://www.raracandyfloss.com/2010/02/tweet-via-sms-anytime-anywhere.html#comments Sat, 20 Feb 2010 02:45:00 +0000 Rara http://www.raracandyfloss.com/?p=376

Siapa bertwitter menggunakan gladlyCast SMS? I think kalau Maxis user, sangat berbaloi-baloi lah kalau dia guna gladlyCast SMS kan? Tapi Celcom user, kalau RM1 boleh send cuma lebih kurang 16 tweet sahaja. Agree? Tapi berita baik untuk Celcom user, dengan hanya RM1 seminggu, uols boleh tweet sebanyak mana uols suka! Unlimited! Best kan? Macamana nak buat? Okay jom follow I, I pun dah start guna Channel X Twitter since malam tadi.

Berbaloi-baloiiiiiii kalau Celcom user guna Channel X Twitter ni. RM1, murah saja kan? Daripada setiap tweet kena caj sebanyak 10sen err atau 6sen? T____T Sangat rugi kan? Tapi sekarang Celcom dah buat Channel X Twitter, no regret, mesti kena sign up! Jangan lupa. Account twitter jugak mestilah kena ada!

First thing uols kena buat adalah ambil handphone dan type macamni.

Lepas tu Celcom akan bagi SMS terus ke handphone uols. Uols pergi sini -> Channel X Twitter. Dekat website tu ada button Click here to link your account now macam dekat bawah ni;

Click button tu and proceed/allow to your Twitter account. After done, masukkan mobile phone number. Dekat situ boleh masukkan sebanyak lima nombor. Kot lah kalau uols pakai lima handphone kan. Kalau ada satu number je macam I, letak satu cukup. Lepas tu click save.

Haaaa sekarang uols dah boleh tweet macam nak gila. Unlimited dengan hanya RM1 seminggu. Berbaloi-baloi kan? Macamana nak update status? Nanti Celcom akan terus hantar SMS dekat uols cara-cara nak update status Twitter. Senang je caranya. Text your message and send to 29800.

Selain tu, uols boleh jugak follow memana Twitties. Contohnya lah, uols tengah tengok Trek Selebriti lepas tu artis favourite uols bagi ID Twitter dia, haaaa time tu uols terus lah follow dia through SMS saja. Senang kan?

Apalagi? Jom lah follow I dekat Twitter sekarang!

]]> http://www.raracandyfloss.com/2010/02/tweet-via-sms-anytime-anywhere.html/feed 16 Menjawab persoalan anda http://www.raracandyfloss.com/2009/12/menjawab-persoalan-anda.html http://www.raracandyfloss.com/2009/12/menjawab-persoalan-anda.html#comments Wed, 23 Dec 2009 02:47:00 +0000 Rara http://www.raracandyfloss.com/?p=335

hari rabu yang kurang kasih sayang ni, i ingat nak menjawab semua persoalan adik-adik, kakak-kakak manis semua yang selalu sangat tanya i, dekat mana nak dapat layout macam ni, dekat mana nak buat header macam i ni, macamana itu macamana ini. karang kalau tak jawab, sure nanti kena maki dekat shoutbox macam budak ni buat dekat i. dah lah email i, lepas i tak boleh nak tolong dia, dia mengamuk dekat shoutbox i pulak. memang nak kena lah kan. ip adress dah lah terpampang. tapi tak apa, i maafkan je dia, manalah tahu hari tu adalah hari kurang kasih sayang dia kan? T_______T
  • macamana nak buat layout 3 column?

jawapan i yang sebenarnya memang tak tahu. sebab coding asal layout i ni dibagi oleh liyanaa.com sebab dia suruh i tukar daripada classic templates ke xml layout ni. tapi bila i dah buat entri private hari tu, dayah yang baik hati pulak bagi link untuk layout 3 column ni. haaa. kira beruntung lah you guys sebab dapat link tu. sekali zassss je dah dapat 3 column. lepas tu pandai-pandai lah edit kasi cantik. i pun mula-mula belajar jugak baru pandai. pelan-pelan kayuh lah. kalau nak tutorial apa-apa, i recommend blog kak ceera.

  • macamana nak buat header macamni and transparent?

i buat header ni dekat adobe photoshop cs4. mana nak dapat photoshop tu tolong lah jangan tanya i banyak-banyak kali. i marah nanti. you guys beruntung gila tau sebab dapat download photoshop secara percuma dekat sini. kalau i dulu kan masa still study, macam nak pengsan cari adobe photoshop yang full version tapi yang local punya. nak beli original memang tak mampu lah kan. mencari ke sana sini, sanggup download guna ares sampai berhari-hari.

buat transparent tak adalah susah mana. masa nak create tu, siap-siap lah tick dekat transparent lepas tu nak save tu save la dengan cara save for web & devices. jangan lupa letak format as .gif atau .png sahaja.

  • macamana nak buat site stats?

hello. i pun mula-mula susah sangat cari benda tu. tapi if you guys betul-betul nak, please jangan malas untuk google. ni takkkkk. baru google sekali tak dapat, terus tanya i minta coding. bukan tanya kat mana dapat, terus minta coding dia T______T itu i tak kisah lah. tapi bila dah bagi, i bagilah yang sebijik macam i punya, malaslah nak tukar warna font dia. eh sekali dia pakai font color yang sebijik macam i jugak. at least tukarlah

  • macamana buat ‘hello candyfloss‘ macam dekat dalam entri?

100% menggunakan adobe photoshop cs4. tutorial nak buat animation pun you guys boleh google. i memanglah tak google sebab i ada memang dah ada basic since form 4. siapa budak multimedia pun mesti tahu nak buat animation kan?

  • macamana nak dapat domain .com macam i?

jawapan dia, senang je. register dekat mana-mana web yang jual domain. ada duit, bank in. selesai. mana ada domain .com free? kalau ada, kat mana? meh bagitahu i? kalau ada, i pun nak lah. siapa tak nak free, kan? bwheheheheh.

  • macamana nak buat blog macam ni?

hahahahaha soalan ni memang mintak kena cium agaknya. you guys, bila orang tanya macam ni dekat i, apa jawapan yang sesuai agaknya heh? i kena bagi dia coding blog i ke? soalan dia sebenarnya meminta jawapan yang macamana? T________T



and please heh. kalau nak tanya something, reveal lah link blog.

okay dah. lepas ni, no more merengek-rengek heh? i dah penat sangat nak jawab (-______-”)

]]> http://www.raracandyfloss.com/2009/12/menjawab-persoalan-anda.html/feed 2 Tutorial : Memasang mini calendar (Bonus November) http://www.raracandyfloss.com/2009/11/tutorial-memasang-mini-calendar-bonus-november.html http://www.raracandyfloss.com/2009/11/tutorial-memasang-mini-calendar-bonus-november.html#comments Fri, 13 Nov 2009 05:05:00 +0000 Rara http://www.raracandyfloss.com/?p=302

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.

]]> http://www.raracandyfloss.com/2009/11/tutorial-memasang-mini-calendar-bonus-november.html/feed 12 Bonus : Outdoor and craft http://www.raracandyfloss.com/2009/11/bonus-outdoor-and-craft.html http://www.raracandyfloss.com/2009/11/bonus-outdoor-and-craft.html#comments Tue, 03 Nov 2009 07:30:00 +0000 Rara http://www.raracandyfloss.com/?p=290

you guys ni memang manja betul. minta tutorial dekat i, minta buatkan header, minta buatkan banner, padahal i bukan terror mana pun. cuma sikit-sikit je berdasarkan basic yang i ada. i pun tak terror photoshop sangat tapi bila godeh-godeh, so far okay lah. tapi still ada benda yang i tak tahu lagi. hihi. okay sekarang i nak manjakan you guys lagi sebab i nak bagi bonus untuk you guys kesayangan i semua. i nak bagi image yang comel-comel. i dah siap transparentkan image tu dah. tengok betapa sayangnya i dekat you guys ni?

you guys tinggal nak download, extract files (jangan tanya extract tu macamana, pergi google sendiri) tu and upload ke image hosting masing-masing. ataupun guna image tu untuk buat header atau apa saja mengikut kreativiti you guys. senang, kan? untuk hari ini, i cuma akan membagi dua files sahaja; outdoor and craft. setiap satu files ada 10 jenis gambar.

selamat mendownload. i tak harap apa-apa pun. kalau rajin bagilah credit. kalau malas pun tak apa. bagilah comment. heh. click nuffnang i pun kira dah tergolong dalam perbuatan manis dah.

eh hello : next time i tambah lagi yang baru. kalau you guys nak tengok contoh header yang i buat, boleh view blog mieyabubbletalk. dia upah i untuk buat header dia :B memandangkan dia tengah berjuang untuk spm, i buatkan header berbentuk alat tulis. hihi. you guys pun boleh buat header comel² menggunakan image yang i dah suap dekat you guys. tetttttttttt. masa habis. bye.

]]> http://www.raracandyfloss.com/2009/11/bonus-outdoor-and-craft.html/feed 0 Tutorial : Sparkle Cursor http://www.raracandyfloss.com/2009/11/tutorial-sparkle-cursor.html http://www.raracandyfloss.com/2009/11/tutorial-sparkle-cursor.html#comments Mon, 02 Nov 2009 10:13:00 +0000 Rara http://www.raracandyfloss.com/?p=288

actually tutorial ni bersepah pun dekat mana-mana. tapi adik abby request tutorial ni. so why not i buat tutorial ni kan?
  • firstly copy code dibawah dengan cara highlight all diikuti dengan ctrl + c
<script type=”text/javascript”>
</script>

<script type=”text/javascript”>
// <![CDATA[
var colour="red";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor=”transparent”;
rats.style.visibility=”hidden”;
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top=”3px”;
rlef.style.left=”0px”;
rdow.style.top=”0px”;
rdow.style.left=”3px”;
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+”px”;

star[c].style.top=(stary[c]=y)+”px”;
star[c].style.clip=”rect(0px, 5px, 5px, 0px)”;
star[c].style.visibility=”visible”;
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout(“sparkle()”, 40);
}
function update_star(i) {
if (–starv[i]==25) star[i].style.clip=”rect(1px, 4px, 4px, 1px)”;
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+”px”;
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+”px”;
}
else {
star[i].style.visibility=”hidden”;
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+”px”;
tiny[i].style.left=(tinyx[i]=starx[i])+”px”;
tiny[i].style.width=”2px”;
tiny[i].style.height=”2px”;
star[i].style.visibility=”hidden”;
tiny[i].style.visibility=”visible”
}
}
function update_tiny(i) {
if (–tinyv[i]==25) {
tiny[i].style.width=”1px”;
tiny[i].style.height=”1px”;
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+”px”;
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+”px”;
}
else {

tiny[i].style.visibility=”hidden”;
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility=”hidden”;
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)==”number”) {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)==”number”) {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement(“div”);
div.style.position=”absolute”;
div.style.height=height+”px”;
div.style.width=width+”px”;
div.style.overflow=”hidden”;
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

  • pergi dashboard > layout > edit html. (bagi xml layout)
  • pergi dashboard > templates. (bagi classic templates)
  • cari <head> menggunakan ctrl + f pada keyboard.
  • paste code di atas sebelum <head>
  • save templates, view blog and lihat hasil.

red yang telah di bold boleh di tukar kepada warna lain contohnya #000000 atau #FFFFFF dan sebagainya.

]]> http://www.raracandyfloss.com/2009/11/tutorial-sparkle-cursor.html/feed 9 Memasang code html dalam entri blog http://www.raracandyfloss.com/2009/10/memasang-code-html-dalam-entri-blog.html http://www.raracandyfloss.com/2009/10/memasang-code-html-dalam-entri-blog.html#comments Sat, 17 Oct 2009 03:15:00 +0000 Rara http://www.raracandyfloss.com/?p=264

hello hello loves.

selamat sabtu dan ahad. selamat berehat. selamat berjalan. selamat beli belah. selamat dating.

you guys ada niat nak buat tutorial? tapi taktahu macamana nak masukkan codes dalam entri? yelah. contohnya kalau you guys nak letak codes, ajar readers you guys cara-cara nak letak image dalam entri atau apa-apa lah kan. you guys tak yah guna cara manual gantikan simbol-simbol tu.

sekarang ada cara lebih mudah. tepat. dan jitu. heh :P

  • cuma letakkan codes you guys tu dalam input box
  • format tags tu tak payah usik ya you guys
  • kalau boleh untick dekat keep spaces tu
  • kalau nak letak codes tu dalam blockquote, boleh tick pada blockquote
  • click button convert
  • copy semua dalam output box.
  • paste codes dalam entri you guys.

okay dah boleh publish and tengok hasil. ini cara paling senang tau you guys. kalau nak guna cara manual tu boleh tapi kalau coding tu panjang macam dari india ke russia macamana pulak kan? hekhek.

]]> http://www.raracandyfloss.com/2009/10/memasang-code-html-dalam-entri-blog.html/feed 1 Memasang fungsi tooltips pada blogspot http://www.raracandyfloss.com/2009/10/memasang-fungsi-tooltips-pada-blogspot.html http://www.raracandyfloss.com/2009/10/memasang-fungsi-tooltips-pada-blogspot.html#comments Fri, 16 Oct 2009 02:43:00 +0000 Rara http://www.raracandyfloss.com/?p=263

you guys nampak tak tooltips box warna biru tu? cubalah you guys pergi mana-mana link dekat raracandyfloss.com ni. bila hover on the link, mesti keluar tooltips tu. smart kan bila ada fungsi tooltips macam ni. blogspot pun tak nak kalah. and blogspot pun bukan ketinggalan zaman. blogspot tetap mantap walaupun wordpress lagi mantap tapi blogspot pun apa kurangnya betul tak you guys? wordpress dengan blogspot sama je sebenarnya, platform untuk berblogging. yang lainnya cuma cara seseorang tu praktikkan je. kan? okay sorry kalau i silap. itu pendapat je. eh bukan nak cerita pasal platform bas transnasional eh eh platform blogging tapi nak cerita pasal tooltips.

you guys yang guna blogspot and nak pasang tooltips yang mengancam ni boleh follow tutorial ni ya jangan malu jangan segan jemput-jemput pakai beramai-ramai.

  • you guys pergi dashboard > layout > edit html > expand widget templates
  • tekan ctrl+f pada keyboard.
  • cari codes ini :
    <body>

  • copy (CTRL+C) code ini dan paste (CTRL+V) di atas <body>

    <!– SweetTitlesTooltips Plugin –>
    <link href=’http://www.stormpages.com/rojakamoi/sweet.css’ media=’screen’ rel=’stylesheet’ type=’text/css’/>
    <script src=’http://www.stormpages.com/rojakamoi/tooltips.js’ type=’text/javascript’/>
    <script src=’http://www.stormpages.com/rojakamoi/sweettiles.js’ type=’text/javascript’/>

  • save templates and view blog.
  • selamat bertooltips you guys! B-)

credit : amoi

]]> http://www.raracandyfloss.com/2009/10/memasang-fungsi-tooltips-pada-blogspot.html/feed 2