Tukar perkataan kepada gambar di sidebar

Assalamualaikum. Sihat? Pergh.  *Aku* baru balik dari Pasar Malam. Best siot!

Psstt.. pstt. Nak tahu tak macam mana aku letak gambar minah bertudung comel kat situh? Jom buat!

1. Dashbord > Design > Add a gadget > HTML/JavaScript

2. Pastekan HTML code (image) yang korang upload dari Photobucket.

3. JANGAN letakkan title. Kalau korang nak bagi gambar tuh ada kat tengah (center) copy kod ini.

<center> HTML CODE disini </center>

4. Save. Contoh gambar.

Nah. Ni sedikit Freebies tok korang. Tak Perlu Letak <center> sebab dah ada dah! Komen kalau amik 

<center><a href="http://www.faqihahhusnipinky.blogspot.com" target="_blank"><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/tepifrebies6.jpg" border="0" alt="Photobucket"></a></center>

<center><a href="http://www.faqihahhusnipinky.blogspot.com" target="_blank"><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/tepifrebies5.jpg" border="0" alt="Photobucket"></a></center>

<center><a href="http://www.faqihahhusnipinky.blogspot.com" target="_blank"><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/tepifrebies4.jpg" border="0" alt="Photobucket"></a></center>

<center><a href="http://www.faqihahhusnipinky.blogspot.com" target="_blank"><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/tepifrebies3.jpg" border="0" alt="Photobucket"></a></center>

<center><a href="http://www.faqihahhusnipinky.blogspot.com" target="_blank"><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/tepifrebies2.jpg" border="0" alt="Photobucket"></a></center>

<center><a href="http://www.faqihahhusnipinky.blogspot.com" target="_blank"><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/tepifrebies1.jpg" border="0" alt="Photobucket"></a></center>

<center><a href="http://www.faqihahhusnipinky.blogspot.com" target="_blank"><img src="http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/tepifrebies7.jpg" border="0" alt="Photobucket"></a></center>

Thats all. Wassalam.

p/s: Jangan LUPA Daratan

Tutorial : Buang Underline bawah Link

Assalamualaikum. Wajib Jawab. Kalau tak, sekeh kang! HAHA. Melawak je. Ok. Tuto ini ada orang yang request. Btw, Tak ingat sapa. Sapa yang perasan, Dia lah orangnya! :D



1. pergi Dashboard > Design > Edit HTML.2. Silakan Ctrl+F serentak. Bila keluar kotak find tu sila masukkan code ni :

a:link {

nanti dia terus jumpa code tu kan? Takyah susah-2 cari :p3. Lepastuuu, paste code ne bawah a:link { tadi kay.

text-decoration:none;

4. And than, save. jeng jeng jeng, sudah jadi. Most welcome!Credit:Sis Nana

Freebies : Sparkle Link Hover

Assalamualaikum. :D Ada la seorang member Kihah, Dia tanya Kihah apa Link Hover yang Kihah pakai sekarang ni. Aalahh. Yang bintang2 banyak kat header tu. Nah la. Credit to Tok Apit :D

http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1

P/s: Kalau guna, Comment dulu atau tinggalkan kat Shoutbox TAU! :D

Tutorial : Scrollbar (Scroll tepi blog) II

Assalamualaikum. Ok. Sebelum ni, Ada juga Tutorial ni. >Tengok Sini<  Kalau sesiapa yang guna Tutorial tu tah jadi, Try Tuto ni, InsyaAllah jadi :)
Denim ONLY!
Dashbord > Design > Edit HTML Ctrl+F search kod ini. 

/* Header

Dah jumpa? Bagoss. Pastekan kod bawah ini diata /* Header tadi ok?

#navbar-iframe {display: none;}
::selection{color: #FBFBFB background: #FBFBFB;}
::-webkit-scrollbar { width: 10px; background-color: #FBFBFB; border-right:5px solid white; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 1px; display: block; background: #FBFBFB;}
::-webkit-scrollbar-track-piece { background-color: #FBFBFB; }
::-webkit-scrollbar-thumb{ background-color: #EEDCFF; -webkit-border-radius: 400px; border-radius: 400px; }
}

Merah : Color Background. Cari kat SINI

Pink : Colour benda yang bergerak tuh. Cari kat SINI

Biru : Kelebarannya.

Preview dulu, Baru SAVE TEMPLATE jika puas :)

Credit to ;

capital N's

Tutorial :Blockquote Hover Keluar Icon Comel Dihujung

Assalamualaikum. Sihat? Maafla, Kihah bukannya pandai macam korang nak buat kata aluan yang meletopss. Nanti, korang kata Kihah tiru korang pulak. HUAAAAAA! >,,< 
Okla. Jom la buat Tutorial kat atas. Ehh. CHOP! Korang tahu tak nak buat ape ni? Aduii. Tengok gambar ni.

Nampak tak? Ada burung tomey tu? Hahaha. Blockquote ni kalau korang hover nanti keluar icon kecil kat hujung blockquote. Perhatian ia hanya berfungsi pada blockquote yang Berwarna dan tiada background or whatsoever :p
1. Dashbord > Design > Edit HTML2. Ctrl + F cari kod ini.

.post blockquote {

4. Dah jumpa? Gudd. Kalau ada kod Blockquote yang lama, DELETE OK? =D Sudah delete? Copy kod dibawah dan pastekan dibawah .post blockquote { tadi. 

background-color: #FBEFEF;
border:1px solid #F78181;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL ICON KECIL ANDA);
background-position:bottom right;
background-repeat:no-repeat;
}

Hijau- Warna Border
Pink - Warna Background Blockquote
Biru - Icon Kecil. Cari kat sini

5. Preview, SAVE!.

Credit to,
Nazihah A.

Tutorial : Scrollbar (Scroll tepi blog)

Assamualaikum. Cantik tak Scrollbar Kihah? Mesti gempakk kan? HAHA. Btw, kalau korang tak nampak, Mesti korang tengah guna Mozilla Firefox kan? What? Betul? SEE. Pandai tak Kihah teka. Kuangx3. Acc, Scrollbar Kihah ni, Boleh nampak jika Kita menggunakan GOOGLE CHROME. So, Mozilla Firefox kena buang dalam dustbin sekali lagi lhaa. Korang tahu tak scrollbar tu apa? 

Hihihi. Cantik tak? Mesti korang jeles kan? Alolo. Janganla. Korang pun boleh buat juga. Jom buat! Anyway, Thanks a lot to sis Nana. <3 u!
UNTUK PENGGUNA GOOGLE CHROME SHJ!
Dashbord > Design > Edit HTML.CTRL+F cari kod ini

]]></b:skin>

Dah jumpa? Bagus. Copy kod ini, dan pastekan diatas atau sebelum kod ]]></b:skin> tadi. Paham?

::-webkit-scrollbar {
height: 12px;
width: 12px;
background #F6CEF5;
}
::-webkit-scrollbar-thumb {
background-color: #B2C0C6;-moz-border-radius: 10px;
border-radius: 10px;
} 

Tulisan yang berwarna Blue tu, Tukarkan dengan background lain kalau nak. Rujuk disini.
Warna merah tu, kalau nak gambar macam Kihah, Gantikan kod yang berwarna merah diatas dengan kod ini.

background-image:url(URL IMG);

Macam biasa, URL IMG tu, tukarkan dengan gambar yang korang nak. Cari la kat mana2 pun. Atau pun boleh cari kat sini.

Kalau nak bagi lagii gempakk, Tambah border. Letak kod ni selepas kod border-radius: 10px; diatas.

border: 1px solid #000000;

Preview dulu, kalau jadi save! Kalau tak jadi, tanya kak Nana. HAHAHA. XD! Wassalam

p/s: Comment la sikit kalau jadi/guna. Kalau tak jadi pun, Komen Whahaha.!

Tutorial : Widget Era di Blog (Dengar Radio Era)

Assalamualaikum :D
This Tutorial. Credit to sis Lyssa. :)Mesti korang nak dengar radio secara Live aka On air kan? Baru best. Tak payah buka radio. Jimat la sikit 'Karen' . Nak tak letak kat blog? Jom.
1. Dashbord > Design > Add A Gadget > HTML/JavaScript 2. Copy kd kat bawah ni.

<div></div><div><object type="application/x-shockwave-flash" data="http://ads.era.fm/inc/app/shared/dvrplayer/capsules/radioactive/amp_flash/era/era.swf" width="200" height="170">                   <!--<![endif]-->                   <param name="quality" value="high" />                   <param name="wmode" value="transparent" />                   <param name="swfversion" value="9.0.45.0" />                   <param name="expressinstall" value="Scripts/expressInstall.swf" />                 </object>
</div>

3. Pastekan di ruangan HTML/JavaScript tadi.4. Save.
Sekarang, Boleh la korang dengar radio secara Livee! :) Good Luck k? Papai! Wassalam.
Much Of Love,FaqihahHusni