Header Main Blog Saya Cool Tak?

Mendapat pertanyaan dari sahabat mengenai header saya yang ini.

Header tu saya tak letak di bahagian header pun. Dibahagian header adalah ini

tetapi tetap dipanggil header.Ye tak? hee~ Beliau menghantar pertanyaan melalui Emailform yang terletak pada button pertanyaan. Persoalannya adalah sama ada saya menggunakan adobe photoshop atau tidak. Siap ada sparkle2 lagi kan. Jawapan saya adalah tidak sama sekali. Hanya menggunakan paint. Haha. Korang caye tak? Mesti takkan. hee~ Saya pun tak percaya. 90% adalah paint dan 10% untuk sparkle tu. Yang paling penting anda perlu bijak bermain dengan tona warna. Macam mekap pun ada. Pastikan konsep yang anda mahu. Seperti header di main blog saya ni menggunakan gambar serikandi atau pahlawan wanita Islam dan kitab suci Al-Quran. Kemudian sebagai tambahan saya meletakkan kata aluan atau jemputan. Akhir sekali baru la letak sparkle dengan menggunakan perisian Easy GIF Animator. Mudah je kan.

So, pointnya adalah tentukan:

1.Saiz: lebar dan tinggi.

2.Warna latar

3.Gambar.

4.Perkemaskan lagi header anda.

5.Save gambar.

6.Menggunakan perisian GIF animator dengan upload gambar tadi dan sama ada untuk letakkan sparkle atau gambar berslide.

So,terjawab tak Mus? haha.

Tutorial Letak Video di Sidebar

Kali ni atas permintaan jugak dari Kak Jaja. Erm..yang saya tahu untuk sidebar, dari youtube.Kalau dari pc, tak tahu.
wahaha.Tapi ada hati nak wat tutorial eh. Mungkin perlu upload di you tube untuk dapatkan url.
Ok, untuk yang paling mudah.
1. Buka/ Browse web YouTube. Pilih mana video yang anda mahukan.

Klik 'Embed'

Copy code html seperti di atas

2. Kemudian di bahagian dashboard blog anda, klik 'Design' dan klik 'Add A Gadget' seperti di bawah:

3.Klik + sign pada 'HTML/Javascript' dan 'paste' kan code tadi di bahagian content. 

4.Untuk bahagian sidebar, sila kecilkan saiz dengan mengubah saiz pada code yang tertulis width="_" height="_". So, letakkan la unit yang sesuai pada blank tersebut ye. Nak lebih mudah, ubah siap-siap sebelum copy code di you tube tadi.

5.Setelah selesai, klik 'save'.

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.