1 May 2011

Said Cik EPAL to me.

Assalamuaalikum. Hujan lebat tau tadi. Guruh, kilat dan lain2 lagi. Kihah gembira sangat ! Dan tak sangka Orang 'kenamaan' ini membalas tweet Kihah kat twitter! @_@ Hahaha! Dia kata :

"@ ok dah tu. cute blog :)

Korang percaya tak? tak pe la kalau tak percaya. Korang boleh tengok gambar ni.


Hahaha! Masih lagi tak percaya ? Lantakla! Janji Kihah Happy hari ni :D

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvWcH2npLW8rTGpHi66-MM1jGdlSDVZSXH8TZdy7q4qbUp7pAjzBeP56pmzN47RzlNfEjTkrXs_WStgyvG0AQHsy0ufdXkTHt9y8u4aDPI4JOTTPG7wrwjPQ4FYjNoMd_d7eFrk495bJY/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