29 April 2011

Tuto: Center Header

Assalamualaikum semua! Kihah suka BW blog orang yang komen kat shoutbox Kihah. Ada la beberapa blog yang header dia tu ketepi. Kihah malas nak tegur, nnti diorang kata apa pulak kan? So, Kihah nak buatkan Turorial Centerkan Header la. Jom la mula!

Firstly,  Pergi  Dashboard, Design, Edit HTML. 
Tak perlu tick expand widget templates.
Ctrl+F serentak , cari code ni .
 /* Content
Dah jumpa? bagus, Selepas tu, Copy (CTRL+C) dan pastekan kod ni diatas atau sebelum /* Content  tadi.

.Header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
Preview dulu sebelum Save k :D

Tutorial : Like Box

Assalamualaikum!
Dengarlah pantun 2 kerat Kihah ni.
Bangun pagi gosok gigi,
Belajar tutorial lagi ini pagi.

Hahaha. Ok tak? 

Belajar Tutorial di pagi harinya,
Like Box button tutorialnya.

Kalau korang tak tahu, apa tu Like Box Button, Tengok gabmbar ini.

Sebenarnya, Tutorial ni, Aini & beberapa orang yang request lama dulu.

Jom buat.
  1. Create Page Kat Facebook dulu . KLIK SINI !!
  2. Pilih Cause or Comunity .
  3. Letak tajuk > Tick Agree > Get Started
  4. Fill In apa Yang patot ! Pergi kat Wall .. Copy URL Address tuh! :)
  5. Then , korang pergi link ini . KLIK SINI !
  6. * Paste Url Fanpage korang tadi tuh !
    * Adjust Width !
    * Tick mana yang patot !
    * Get Code ! (Jangan lupa Copy Code iFrame!)
  7. Dashboard > Design > Add Gadget > Html/JavaScript
  8. Paste Kode yang anda copy tadi di rungan HTML/JavaScript
  9. Da siap. SAVE ! Cuba try view and like! menjadi tak? :) hehe ~
Itulah cara-caranya
Harap bagi 'respond' atau comentnya.
Written By: Faqihah Husni
Credi to:  Kak Lyssa

27 April 2011

Tutorial : Slide Float Widget

Assalamualaikum! Hari ni Tutorial kedua Kihah. Kihah akan menagajar anda cara nak buat Widget yang Terapung or Slide Float Widget.


1. Dashboard > Design > Add Gadget > Html/JavaScript

2. Copy and paste kod di bawah , dan paste di ruangan html tadi tu ;)

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #ff0000;
background:url() #000000 repeat-x bottom center scroll ;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">

kod (shoutbox,livestream Facebook,exchange link,banner dll) anda


</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://3.bp.blogspot.com/_LhHZAifMoFE/TN6myUsdsZI/AAAAAAAAC-Q/VqSys0LrD3o/s1600/close_button.gif" alt="close" title="Close" /></a></div>
<br><div align="right"><font size="3"><a href="http://wanhazel.blogspot.com/"><div style="color: #FF0000;">
<span ></span></div></a></font></div>
</div></div></div>


<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></center>
**#000000 korang leh ubah warna..cari kod HTML warna..

**kod (shoutbox,livestream Facebook,exchange link,banner dll) anda

**Pastikan nilai tidak melebihi width: 580px; height: 380px.

3. Da siap . SAVE ! :)

Tak HABIS Lagi la! Kalau tak letak kod ni, macam mana nak buka Widget tady?.

1. Dashboard > Design > Add Gadget > Html/JavaScript

2. Copy kod di bawah , dan pastekan di ruangan html tadi tuh :

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;F
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:220px; right:-0px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="180" height="180"src="http://s2.kimag.es/share/38953289.png" alt="PUSH" title="KLIK ME"/></a>

</div>
** Yang warna merah tuh , korang boleh tukarkan gambar yang lain oke ?:)

3 . Da siap . SAVE ! :) 

Credit : Akak Lyssa

Tutorial : Link Membesar

Assalamualaikum! Kihah akan 'terbitkan' sebuah cerita nanti! Sure meletop punya! Tutorial hari ni ialah "Link Membesar disentuh cursor!

1. Log in> Design > Edit HTML
2. Cari Kod a:hover
3. Pastekan kode ini dibawah a:hover tadi
font-size: 22px;font-weight: bold;text-decoration: none;}
*Tukarkan warna merah itu kepada saiz yang diinginkan
4. Preview
5. Save!

25 April 2011

Jom Buat Doddle & Gadget Sekali!

Assalamualaikum semua! Hari ni Kihah nak buat doodle la! Sape nak buat juga @_@ ?! Jom Buat sama-sama!  Kihah Harap Ini Akan membantu korang! Enjoylah dengan doodle anda :D Tataa!



Kalau korang nak Letak di blog, Ni caranya

1.Login > Dashbord > Design > Page Elemant > Add A Gadget > HTML/JavaScript
2. Paste Kode ini di ruangan tersebut:

<object data="http://img0.liveinternet.ru/images/attach/c/0//3768/3768733_paint_www.swf" height="340" type="application/x-shockwave-flash" width="480"> </object>
3.Save!

22 April 2011

New Look !

Assalamualaikum! Berubah kan blog ni? Hahaha! Kihah just tukar sikit2 je.. Background, Cursor dan Lain-lain. Ok tak yang baru ni? Ok Kan? Ok kan?

Before:


(YANG NI DIEDIT OLEH CT)
After :

Diedit oleh Faqihah Sendiri!

Bubyeeee! :D

21 April 2011

Extra! Background Ajax!

Assalamualaikum !
Hari ni Kihah punya mode baik., so, Kihah nak kongsi kat korang Backrgound ajax yang Kihah kutip dari blog Mas & Wan..


BACKGROUND

http://4.bp.blogspot.com/_5jbp4DbrUeY/TDBnlHFFSmI/AAAAAAAAASU/AcaNOrr2A-g/s1600/red.png



http://3.bp.blogspot.com/_5jbp4DbrUeY/TDBnkKVoOlI/AAAAAAAAASM/jp2iNB5XEZc/s1600/pink.PNG



http://3.bp.blogspot.com/_5jbp4DbrUeY/TDBnjBuEIMI/AAAAAAAAASE/mD_ZNcoWHho/s1600/orange.PNG


http://3.bp.blogspot.com/_5jbp4DbrUeY/TDBniFO8bbI/AAAAAAAAAR8/noPQ2XiMudM/s1600/lightpurple.PNG


http://4.bp.blogspot.com/_5jbp4DbrUeY/TDBngDOpn7I/AAAAAAAAARs/QU1FKtVLwqE/s1600/lightgreen.PNG


http://4.bp.blogspot.com/_5jbp4DbrUeY/TDBnd8hqw_I/AAAAAAAAARc/PTkAREQbwfs/s1600/lightblack.PNG


http://1.bp.blogspot.com/_5jbp4DbrUeY/TDBnbbUVMHI/AAAAAAAAARM/s-hXLYdU06E/s1600/cloudblue.PNG




https://lh6.googleusercontent.com/-WNT6zu2-gcU/TYBYU_guRCI/AAAAAAAAATY/BOwIJ16i6bo/s1600/mas-hijau.png


https://lh4.googleusercontent.com/-ySivukC2_Sw/TYBYWlBlL0I/AAAAAAAAATo/9AAeen2eHj4/s1600/mas-pink.png


https://lh4.googleusercontent.com/-faxFui5pSXM/TYBYXNbfzAI/AAAAAAAAATs/UFeHv2CL0wA/s1600/mas-purple.png

Tu je.. Papai!

Tutorial: Fieldset

Assalamualaikum wbrt.
Korang macam mana? Sihat? hmm.. Kihah ni tanya soalan tu sebab Kihah pening sikit.. Hehehe.. Selagi berdaya, buat juga! Hari ni Kihah nak ajar korang buat fieldset. Kalau korang tak tahu apa tu fieldset, meh Kihah perkenalkan. tengok sini :-

For Images :

For Text only :
 ForTou Tube Player

For Image
1. Dashbord > Design > Page Elements > Add A gadget > HTML / Javascript 
2. Copy kod ni
<fieldset><legend><img src="URL IMAGE"/></legend>YOUR TEXTS/CODE</fieldset>
3. Pastekan di ruangan HTML/Javascript tadi
4. Save!

For Text Only

1. Dashbord > Design > Page Elements > Add A gadget > HTML / Javascript 
2. Copy kod ni
<fieldset><legend>YOUR TEXTS</legend>YOUR TEXTS/CODE</fieldset>
3. Pastekan di ruangan HTML/Javascript tadi
4. Save!

For YouTube Player
1. Dashbord > Design > Page Elements > Add A gadget > HTML / Javascript 
2. Copy kod ni
<fieldset><legend>YOUR YOUTUBE PLAYER CODES</legend>YOUR TEXTS/CODE</fieldset>
3. Pastekan di ruangan HTML/Javascript tadi
4. Save!



p/s: Kalau dah guna Tutorial ini, Comment & Like la Sekali ^_^
Credit to : Kak Amirah 

17 April 2011

Edit blog Kawan Lagi

Assalmaualikum semua! Penat! Edit blog kawan!
Jom tengok blog diorang sekarang ni macam mana..


 Selepas


Blog Syafiqah (Selepas) http://eqahsygawk4ever.blogspot.com/
Ada banyak lagi orang suruh edit. Tapi, Kihah Sibuk la.. Nanti ada masa, Kihah tolong editkan blog korang cantik-cantik!
Papai!

16 April 2011

Edit blog Kawan

Assalamualaikum semua!
Actually, Kihah baru je edit blog Kawan Kihah, Aini. Sebenarmya, Blog dia, dia guna yang besa je template, Kihah cari kat google, Kihah dah  tahu macam mana nak buat template dia macam Kihah, Kihah pun tolong la editkan blog dia, Semua la Kihah editkan! Background, Template, Design, Header, Dan lain-lain lagi. Check gambar ni -->>

Tak la cantik mana pun Kihah edit. Hehehe.. 


Tata!

My blog CHANGE!


Hahaha! Korang tengoklah gambar tuh! Comelkan? HAHAHA!
Dari blog Kihah yang uduh lagi buruk dulu tu,
Berubah jadi kiut miut + Comel!
Hahaha! Kihah nak berterima Kasih bebanyaklah kepada Ct kerana tolong editkan untuk Kihah.. Menyusahkan Ct je kan? hmm.. Kihah terlalu minat sangat kat Blog Ct sehingga kan, Kihah suruh Ct tolong editkan. Sekarang, Dah cantik da. Kihah tak sangka gilaa tau tak?! Ct tak de wat tempahan edit blog atau apa pon ek just tolong Kihah tukar template je . hehhe . Korang jangan lupa follow blog Kihah kayy ? Sayang koraaaaaaaaaang . bubye. Thanks Ct!

9 April 2011

Sliding Shoutmixt


Assalamualaikum semua!
 Farra ada requestkan Tutorial Kat Shoutmixt Kihah


Dia ask Macam mana nak buat SLIDING SHOUTMIXT. 
 
Macam ni

 

Jom ajarkan!
Before that, Kihah nak creditkan to APIT! for the info!
Semua Kihah COPY dari blog dia! HAHAHA! Jahatkan?
Jom mulakan!

1.Edit layout > Add a gadjet > Html javascript
and sila sila la copy kod kt bawah ni

<style type="text/css">
#at{
position:fixed;
right:300px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #CA226B;
background:url() #000000 repeat bottom center scroll ;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:5px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onmouseover="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url()#000000 no-repeat;">
<div style="text-align: center;">


URL SHOUTMIX / CBOX


<div align="right"><a href="javascript:void(0);" onclick="showHideAT()">CLOSE</a></div>
<br /><div align="left" float: right;><a href="http://wanhazel.blogspot.com/">by WAN HAZEL</a><div style="color: #FFFFFF;">
<span ></span></div></div>
</div></div>


<script type="text/javascript">
var at = document.getElementById("at");
at.style.bottom = (-200-at.offsetWidth).toString() + "px";
</script>


<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;F
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:150px; right:5px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://i1180.photobucket.com/albums/x416/Ila_Nabilah/shouthere-blue.png" alt="PUSH" title="KLIK ME" /></a>

</div></div></div></div>

Okay ? da paste ,
Listen
Merah:Boleh tukar jadi dashed , dotted and sebagainya
Orange:Color boleh carik kt sini
Blue:Url shoutmix atau cbox
Purple:Icon shoutbox
Then save !
Klau nk tukar kedudukan dye sila la main koding sendiri :)

My Sister


Ehh! tu sape sebelah Kihah tu?
HAAA.! Tu la sister Kihah. Comel bukan?

Nak tegok lagi gambarnya?
Nah 1 lagi!

Kak Kihah ni lah yang jar Kihah entang Blog.. Tanpa dia, Kihah tak akan ada di sini.. HEHEHE..


Sebelum ke situ, makesure that you're understand English!

Blog dia simple je.. Kak Kihah la ni Belajar kat UIAM di Gombak. Nama dia Fatin binti Mohd Husni. Umur? Ala.. ni yang leceh ni! dalam 20-an je.. Dia ni Minat sangat dengan Shah Rukh Khan! Dia punya idol  la katakan.. Beliau seorang yang Happy person. Can her speak English? HAHA! Of course can! Pergi la blog dia. Semua entrynya dalam bahasa English. Hahaha. Dulu Kakak I belajar kat SKSD, selepas tu, dapat tawaran untuk masuk ke Sekolah Menengah Kebangsaan Sultanah Asma (SMKSA). Dah tamat, Pi la Beliau kat UIAM. Dia ambil jurusan English. Tak kisahla kalau dia pandai english..

Ok. Selamat Malam semua!