Check Speed Blog atau Website Anda

Ini saja2 untuk simpanan disebabkan saya malas untuk membuka blog tutorial orang lain. Pemalas bab mencari ni. So, saya letakkan di blog ini sebagai koleksi. Anda hanya perlu melihat di bahagian saiz sahaja kerana speed dan load time selalu berubah-ubah. Make sure cache juga sudah di'delete' okey. Jika saiz website anda melebihi 150kb, gamaknya anda kena kurangkan widget-widget yang tidak penting. Kebiasaannya yang memberatkan lagi blog atau halaman kita adalah bilangan entri yang terlalu banyak dalam satu halaman. Seeloknya jangan melebihi 7entri.
Jom semak!

Your domain(s): Enter each address on a new line (Maximum 10) (eg. iwebtool.com)

Powered by iWEBTOOL

Shoutbox Gantung

Kali ni permintaan datang daripada Zahidah lagi melalui kotak email.
Baiklah shoutbox gantung ni kebanyakan blogger sudah menggunakannya dan sangat mudah untuk menjimatkan space di sidebar. Walaubagaimanapun, anda perlu concern seandainya shoutbox anda itu memanjang ke bawah, ianya agak sukar bagi pengguna netbook untuk meninggalkan jejak. Seperti yang berada di blog cahayamylife itu. [Dah tahu, masih tak repair.hee~] Sebaiknya anda menggunakan shoutbox yang melebar.
1) Shoutbox anda boleh dapatkan di sini.
2) Jangan lupa tukarkan date & time okey.
Anda boleh setting sama ada background atau emoticon.

petak-yang perlu ditukar jika anda mahu kelihatan lebih menarik.

bulatan- untuk ubah saiz kotak shoutbox.

3) Seperti biasa buka bahagian Design/Layout -> HTML
Dan masukkan code di bawah

<style type="text/css"> #gb{ position:fixed; top:120px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('URL GAMBAR') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style><br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent">'PASTE'KAN CODE SHOUT,IX ANDA<br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [close]<br /> <br /> </a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

4)'Paste'kan URL code shoutbox atau shoutmix anda tu ke ruangan yang saya nyatakan.
5)Bagi perkataan URL GAMBAR itu adalah untuk gambar seperti ini.

Gambar seperti itu anda boleh buat sendiri dan dapatkan url nye di sini dengan meng'upload' gambar yang telah anda buat.

height:100px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url
*code ini terdapat dalam kotak code di atas.

Height dan width itu adalah untuk saiz gambar anda.
6)Seperti biasa, setelah settle, save.

Link List

• Ilham Azalea (Telekung)
• Coklat Zatie
• Mytee T-Shirt
• Busana Muslimah
• Maratussolehah Hijab
• cahayamylife
• ~Tutorial~
• bride-to-be cahaya

Anda pastinya selalu jumpa di mana-mana halaman blogger lain. Rasa berkenan di hati?
Jom kita buat.
1.Macam biasa Design -> Add A Gadget
2.Masukkan link ini



<center><div style="border: 1px solid; color: #cccccc; height: 100px; overflow: auto; padding: 15px; width: 223px;"><ul><li><a href="http://LINK PILIHAN ANDA/" target="_blank">NAMA LINK</a></li> <li><a href="http://LINK PILIHAN ANDA/" target="_blank">NAMA LINK</a></li> <li><a href="http://LINK PILIHAN ANDA/" target="_blank">NAMA LINK</a></li> <li><a href="http://LINK PILIHAN ANDA/" target="_blank">NAMA LINK</a></li> </ul></div><div class="clear"></div><span class="widget-item-control"> <br /> <span class="item-control blog-admin"> <br /> <a class="quickedit" href="http://www.blogger.com/rearrange?blogid=5546273707908953925&widgettype=linklist&widgetid=linklist3&action=editwidget" onclick="return _widgetmanager._popupconfig(document.getelementbyid("LinkList3"));" target="configlinklist3" title="edit"><br /> <img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" /></a></span></span></center>
3.Tukarkan LINK PILIHAN ANDA & Nama Link. Mengikut kesukaan anda.Saiz juga boleh diubah.4.Save dan Siap.

Template Menarik

Most of you pastinya datang dari main blog cahayamylife bukan?

Dan ramai tertanya-tanya bagaimana ataupun di mana saya mendapatkan template sedemikian.

Sebenarnya template itu hanyalah template yang biasa anda jumpa di mana-mana halaman yang menawarkan template. Sebagaimana yang anda semua lihat blog cahayamylife itu terdiri daripada 3columns. Jadi, email yang datangnya daripada Farlin

Terima kasih atas kiriman email anda itu. Tetapi untuk makluman anda semua, setiap template yang anda download, anda masih lagi boleh ubah background dan sebagainya sehingga menjadi warna seperti di blog cahayamylife itu. Cuma sejak menggunakan draftblogger.com, saya sudah tidak boleh mengeditnya lagi dengan mudah.

Walaubagaimanapun,untuk menjawab pertanyaan anda itu, anda hanya perlu ke halaman shiny ini.

Sekian, terima kasih.

Link berwarna-warni/Colourful Link

Agak lama juga cahaya tak buat entri untuk tutorial. Banyak tergendala sebab banyak sangat blog.[Padan Muka!]
Okey, kali ni datangnya dari permintaan Zahidah.

1.Design -> Add A Gadget
2.Masukkan link di bawah ini

<script src="http://bloggerhosting.appspot.com/serve/fwzynn.googlepages.com/rainbow.user.js" type="text/javascript"> /*********************************************** * Script edited by http://cahayamylife.blogspot.com/ * Please keep this notice intact ***********************************************/ </script>

3.Save dan siap.

Terima kasih dear.

Tutorial Sticky Post

Maybe korang ada buat apa2 announcement yang memerlukan korang untuk buat sticky post. So, harini cahaya akan tunjukkan cara2 yang simple sahaja untuk korang buat sticky post/entry ini.

1.Buat new post dan publish seperti biasa. Korang memang wajib publish dulu.Kalau tak, tak menjadi la kan.

Sebab nanti dia akan jadi schedule entry and bukan sticky entry even nama je dekat2.^-^

2.Dah published, click Edit Post [blogger.com] atau Post Option[draft.blogger] sebagaimana No. 1 pada gambar.

3. Dan korang tetapkan tarikh pada kotak No 2. itu. Agak-agakla anda nak letak entry tu sebagai sticky post sampai bila.

4.Publish post dan finish.

Tutorial Scroll Text

Hah, permintaan ni dah lama dah. Dah pernah ajar melalui conference pun. Permintaan member saya iaitu Ninie.
Beliau berminat dengan scroll box yang kat sidebar blog ni.
Contohnya kat bawah ni

Teks korang di sini. :)

So, amacam? Kalau home cahayamylife pulak saya letak tazkirah. Panjang mana pun ikut selera anda la. Ok, meh saya tunjuk camne caranya.
1) Sign in blog -> Design/Layout -> Add A Gadget ->
2) Masukkan code di bawah ni

<div class="fw-text"><p></p><marquee id="comments_scroll_container" class="genmed" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" direction="up" loop="true" scrollamount="2"><br /> <center>Teks anda di sini.</center></marquee>

3)Tukarkan 'Teks anda di sini.' dengan ayat anda.
4)Anda boleh mengubah kelajuan bergerak pada scrollamount="2". Tetapi bagi saya dah cukup ok la tu. Kalo letak "1" slow sangat la plak macam blog ni punya yang kat sidebar tu.
5)Kalau nak kurangkan sket saiz atau besarkan saiz, anda hanya perlu tambah code di bawah ni

width="berapa" height="berapa"

selepas scrollamount="2".
6)Save dan siap.

Tutorial Like Button

Hmm..dah lama tak dapat request untuk tutorial blog ni dan sebelum ni memang tak pernah wujud tutorial kat blog ni sebab cahaya tak pandai ajar.hihi. That's why dulu ada YM box kat sidebar sebab mudah lagi conference tapi lama2 cahaya buang jugak sebab penuh sangat dengan widget. Then sekarang cahaya letak link kat atas ni untuk pertanyaan yang mana terus ke kotak email cahaya. Tapi request dari cik Lala ni pulak wujud kat chatbox.

Beliau mintak share melalui email dan agak menyulitkan untuk cahaya tunjuk. So, kat blog pun jadilah ye.

1.Pergi ke bahagian layout --> Edit HTML

2.Tandakan pada kotak Expand Widget.

3.Cari kod di bawah ini

<div class='post-header-line-1'/>

4.Untuk lebih mudah Ctrl + F

5.'paste'kan kod butang 'like' di dalam scrollbox di bawah selepas kod di atas 

<b:if cond='data:blog.pageType == &quot;item&quot;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></b:if>

6.Akhir sekali, klik Save Template.

Maaf kalau agak kurang faham sebab cahaya memang tak pandai nak menerangkan bende yang tak pakar ni.hee~