Selamat Menyambut Maulidur Rasul

Assalamualaikum semua. Hari ni saya nak kongsi music video sempena Maulidur Rasul ni. Tajuk lagu ni ialah The Chosen One nyanyian Maher Zain. Enjoy!

 

Selawatlah banyak-banyak, Insya-Allah, Rasulullah akan memberi syafaat kepada kita di akhirat nanti. 

Favicon

Assalamualaikum semua. Hari ni kita akan belajar cara nak masukkan favicon. Tahu tak favicon tu apa? Ni lah dia....

Yang dibulatkan itulah yang dipanggil Favicon.

1. Mula-mula pergi ke website ni www.freefavicon.com

2. Lepas tu klik Object Favicons.

3. Lepas tu klik huruf pertama favicon yang bloggers suka. 

    Contoh :  F untuk Flower.

4.  Bila dah jumpa gambar yang bloggers suka, klik Download this favicon.

5. Dah download? Kalau dah... Sign In > Layout > Favicon 

6. Klik Choose File dan masukkan gambar favicon tadi.

7.  Dah masukkan gambar? Klik Save. Favicon ni ambil masa sikit nak bertukar. Masa saya buat      favicon saya, 2 minggu baru dia bertukar. Harap bloggers bersabar untuk menunggu. 

Selamat Mencuba!!

Cara buat Rainbow Link

Assalamualaikum semua. Setelah lama tak update blog, akhirnya dapat jugak update hari ni. Okeylah, hari ni kita nak belajar cara buat rainbow link macam saya. Perasan tak? Tak perasan? Cuba hover dekat mana-mana link. Haa.. dah nampak kan?

1. Sign In > Layout > Add A Gadget > HTML / Javascript
2. Masukkan kod ni :

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

3. Kosongkan ruang title.
4. Save.

Selamat Mencuba!!

Cara Buat Kotak Blockquote yang Cantik

Assalamualaikum semua. Tadi kita dah belajar macam mana nak buat blockquote. Sekarang kita nak belajar macam mana nak cantikkan blockquote tu. Nak belajar? Jom..

Cara 1 :
1  Pergi ke Template > Edit HTML > Proceed > Tick Expand Widget Template.
2. Cari kod ini (tekan "ctrl + F) : 

.post-body {

 3. Copy dan paste kan kod  ini di atas kod tadi :

.post blockquote { background-image:url(URL GAMBAR BACKGROUND BLOCKQOUTE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }

 4. Yang warna merah tu gantikan dengan apa yang patut.(URL Gambar Background, Saiz               Border dan Kod Warna)
5. Preview dulu. Save kan kalau dah jadi.

__________________________________________________________________________________________________________________________________________________________

Cara 2 :
1. Login ke Blogspot, klik design/ layout > Edit HTML 
2. Lepas itu, sila cari code di bawah.. gunakan Ctrl F untuk memudahkan pencarian.

.post blockquote {

3. Kalau dah jumpa, copy dan paste kan pula kod ini di bawah kod tadi :

 background: url(URL image);

border-top: 1px dashed #000000;

border-left: 1px dashed #000000;

border-right: 1px dashed #000000;

border-bottom: 1px dashed #000000;

4. Tukarkan URL image tu kepada URL image yang dipilih.
5. Dah siap? Preview dulu kalau jadi save kan! (1 px , dashed dan #000000 tu boleh tukar         sendiri.)

__________________________________________________________________________________________________________________________________________________________

Cara 3 :
1. Sila Klik Dashboard - Design - Edit HTML.
2. Tick pada kotak Expand Widget Templates.
3. Tekan "ctrl + F" dan cari kod ini :

.post blockquote {

    margin:1em 20px;

    }

 4. Gantikan kod tadi dengan kod ini :

 .post blockquote {
    background: #F430C0;
    -moz-border-radius-topleft: 10px;    -moz-border-radius-bottomright: 10px;    padding: 6px;    Border: 1px solid #020202;    margin:1em 20px;    }

 5. Warna merah tu boleh gantikan dengan kod warna lain atau kalau nak letak gambar       background, gantikan kod merah tu dengan kod ini :

 background-image:url(URL GAMBAR BACKGROUND BLOCKQUOTE);

Tutorial ni kredit to Anis Syazwani . Kalau tak faham tolong beritahu saya di kotak comment. Kalau ketiga-tiga cara tu tak menjadi, saya minta maaf sebab saya memang betul-betul dah tak boleh nak tolong. Kod warna boleh dapat di SINI. Background yang cantik boleh dapat di SINI. Sekian, terima kasih.

Cara Buat Blockquote

Assalamualaikum semua. hari ni saya nak kongsi dengan pembaca cara membuat blockquote. Dah tahu ke belum blockquote tu apa? Inilah dia.. Yang saya ajar ni basic dulu. Nanti bab menghias saya akan buat tutorial.

Yang berbulat merah tu adalah blockquote.

1.  Tulis ayat yang pembaca nak.

2.  Highlightkan ayat tu dan tekan simbol blockquote.

Dah jadi.. Senangkan?

Selamat Mencuba!!

Letak Button Follow dan Dashboard Ala-Ala Tumblr

Assalamualaikum semua. Hari ni saya nak ajar pembaca semua macam mana nak buat button follow dan dashboard macam saya. Nampak tak mana button tu?

1.  Sign In >  Layout  > Add A Gadget > HTML / Javascript
2.  Masukkan kod. Buat button follow dulu. Lepas tu ikut step yang sama untuk button dashboard.      Tak payah tulis apa-apa pada ruang title.
3.  Save.

Button Follow

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=LETAKKAN BLOG ID ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a></div>

Button Dashboard

<div style="display:scroll; position:fixed; top:5px; right:90px;"><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

Nota

ABC : Blog ID. Tak tahu apa itu blog ID? KLIK SINI.

Kalau tak faham tolong beritahu saya di kotak comment. Selamat Mencuba!!

Cara Dapatkan Blog ID

Assalamualaikum semua. Hari ni nak kongsi macam mana nak cari blog ID. Nak tahu blog ID tu apa? Inilah dia.

Dalam bentuk oval tu ialah blog ID.

Cara nak dapatkan Blog ID

1. Sign In >  Layout 

2. Seterusnya dah tahu macam mana nak buat kan? Copy ID tersebut.

 Kalau tak faham beritahu saya di kotak comment atau shoutbox ye. Selamat Mencuba!

Header Transparent Guna Microsoft Powerpoint

Assalamualaikum semua. Lama tak update blog. Yelah, waktu sekolah mana sempat nak update sebab banyak kerja sekolah. Ok lah, hari ni saya kongsi dengan pembaca cara-cara buat header transparent guna Microsoft Powerpoint. Senang je caranya. Tak payah nak beli Photoshop, tak payah nak install Photoscape, cuma guna Microsoft Powerpoint. Saya pun buat header pakai Powerpoint juga. Baiklah tanpa berbual panjang, jom kita buat!

Cara Buat Header

1.  Mula-mula buka Microsoft Powerpoint.

2. Cut Text Box yang ada kat slide tu.

3. Klik Insert > Clip Art dan masukkan gambar yang pembaca suka. Saya menggalakkan ambil gambar daripada Clip Art sebab kalau ambil daripada internet, kita kena transparentkan dia. Kan dah susah tu. Boleh juga ambil di website mycutegraphics.com

4. Masukkan Word Art atau Shape dan hiasan yang korang suka.

5. Tekan Ctrl + A

6.  Right Click pada header dan klik Save As Picture.

7.  Siap!! Senang kan?

                                        

Contoh yang saya buat

Tutorial ni kredit to Anis Syazwani. Kalau ada yang tak faham, tolong bagitau saya di kotak comment atau shoutbox ye. Kalau jadi, bagitau saya jugak tau. Selamat mencuba!