18 May 2011

Check berat Blog

Assalamualaikum. Tak jawab automatik dosa. blink-blink. Haha. Esok ada majlis perpisahan Guru SKSD. Banyak jugakla yang pinda. 4, 5 orang gitulah Haha.

Berbalik kepada tajuk. Hari ni Kihah nak share kat Korang sebab apa blog korang LAMBAT LOAD. Salah satu puncanya , Blog makan banyak means Berat lorh! Haha. Korang check tengok korang punya blog beratnya berapa. Kalau lebih 150KB(size), blog korang memang lambat.

Tekan sini untuk check

*Isikan URL Blog kat dalam tuh!
Kihah punya Sikit je tak sampai 100!

Sikit kan? Lalala. 

Kalau lebih, Korang kena buang gadget yang tak perlu. Wasslam

17 May 2011

Tutorial : Calendar blog Archieve Berbackground



Assalamualaikum. Tadi buka Facebook, Naik la notification. Kak KATY IFAH   Tanya "macam mana nak buat background calender tuh? macam Faqihah Husni tuh." Ni adalah Jawapannya. Tutorial  memeningkan kepala pun sebab semuanya serba lengkap :) Okay jum mulaaa (!)




First , Pergi design>Add a gadget>Html/Java script

Copy code kat bawah ni then pastekan dekat Html/Java scipt tadi :
<div id="blogCalendar"></div>


<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
<script type="text/javascript">
Calendar.base="URLBLOGKORANG";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {
display:block;
text-algin:center;
border:3px double #F5A9A9;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
width:90%;
background: url(URLIMG);
}
#CalendarCaption a {
text-decoration:none;
}
#CalendarCaption {
border-bottom: 3px solid #F5A9A9; -moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
width:85%;
margin:auto;
}
#CalendarTable a {
font-weight:bold;
color: #FA5858;
}
.Today {
background: #F5A9A9;
font-weight:bold;
text-decoration:none;
}
#CalendarFooter {
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
background: #F5A9A9;
}
.yearInput {
color: #000000;
background: #F6358A; }
.monthTable {
color: #000000;
background: #F5A9A9;
}</style></center>

Change-ing time :
Hijau : Ganti dengan url blog korang
Biru : Ganti dengan url gambar kesukaan korang :)
Merah : Boleh tukar code warna dekat >SINI<
Free:

http://i404.photobucket.com/albums/pp128/Original_Kiddss/background.
Dah siap , save jelah terus :) Dah amek , tolong komen yaa :P Don't be naughty (!)
Credit bulat-bulat 

Freebies : Cute Background

Assalamualaikum. Hari ni berkabus sangat. Sejuk kot :)

Hari ni Kihah nak kasi cute background fo alls. Credit to : Loveely. Suka tak? Haha.
P/s: Kalau dah amek tu, komen la sekali :)
 http://i630.photobucket.com/albums/uu21/ReginaLovaSweet/31.gif

http://www.dolliehost.com/dolliecrave/myspace-layouts/flowers/225.gif

http://www.dolliehost.com/dolliecrave/myspace-layouts/plain/13.gif


http://signatures.mylivesignature.com/54489/115/C919D852CBABC03C78EE07FC9E6EF6F6.png


http://signatures.mylivesignature.com/54489/115/C919D852CBABC03C78EE07FC9E6EF6F6.png


http://signatures.mylivesignature.com/54489/115/C919D852CBABC03C78EE07FC9E6EF6F6.png


http://signatures.mylivesignature.com/54489/115/C919D852CBABC03C78EE07FC9E6EF6F6.png


http://i630.photobucket.com/albums/uu21/ReginaLovaSweet/Teaparty-2.gif

http://i1228.photobucket.com/albums/ee453/xCuteSmilesx/171.gif

http://i154.photobucket.com/albums/s256/Alina31174/pink-background.gif


http://i943.photobucket.com/albums/ad271/doucehirondelle/pink_background.png


http://i732.photobucket.com/albums/ww326/German19Girl/2.gif
Ok. yang tu je ek. Papai :) Wassalam

P/s Jangan lupa komen >_'

15 May 2011

Tutorial: Jquery Accordian Tab Menu Bergerak.


-CODES CURRENTLY NOT AVAILABLE-
Boleh guna tutorial >>ini<<

Assalamualaikum. Kali ni nak buat tutorial Jquery Accordian Tab Menu Yang bergerak. Yang Ni

Request by : Kak Iqa
Credit to : Kak Nazihah

slide sidebar.

1. Log in > Dashbord > Design > Page Element > Add A gadget > HTML/JavaScript
2. Copy this code :

style type="text/css">
h5 {
font-family: trebuchet-ms, arial, tahoma;
font-size: 13px;
padding: 0 0 1em;
font-weight:bold;
color: #ffffff;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#FFB6D6;
margin:1px;
-moz-border-radius: 35px;
border-radius: 35px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#FFFFFF;
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/tabmenuaccordion.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".msg_body").hide();
//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked
$("#firstpane h5.msg_head").click(function()
{
$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");
});
//slides the element with class "msg_body" when mouse is over the paragraph
$("#secondpane h5.msg_head").mouseover(function()
{
$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
});
});
</script>
<div class="msg_list" id="secondpane">
<h5 class="msg_head">Tajuk 1</h5>
<div class="msg_body">
<center>
Isi dalam tajuk 1</div>
<h5 class="msg_head">Tajuk 2</h5>
<div class="msg_body">
Isi dalam tajuk 2
</div>
<h5 class="msg_head">Tajuk 3</h5>
<div class="msg_body">
Isi dalam tajuk 3</div>
</div>


  • Merah tu warna tulisan kat tab menu tu.
  • Warna oren ialah background tab menu.
  • Warna biru pulak untuk background isi tab menu tu. 
  • Tajuk 1, Tajuk 2 & Tajuk 3 tu isi ikut suka hati korang.
  • Isi-2 tajuk 1, 2 & 3 pulak ikut tajuk korang tu lah.
3. Paste di ruangan tersebut.

Code-2 warna pula boleh rujuk di SINI. Lepastu Save. JANGAN preview melalui Rich Text. Nanti tak jadi. Dah siap :]

4. Save

14 May 2011

Tuutorial : Gadget Terantung Di Tepi

Assalamaualaikum.
Follow me on tumblr :) >>CLICK SINI<<

Hari ni Kihah nak buat tutorial yang direquestkan oleh Cik Hanis . Dia request di Request Here di SINI . Kalau tak tahu ape tu Gadget tergantung tepi, tengok ni.



Untuk Makluman semua, Tutorial tidak ada di blog orang lain. Kihah yang buat sendiri. *bangga*. So, Please respect me. :) Jommulakan!

1. Log In -- Dashbord -- Design --Add A Gadget
2. Choose HTML/JavaScript
3. Copy code ini dan pastekan di Ruangan tersebut.

<style type='text/css'>a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5;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:140px; left:-12px;'>
<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL GAMBAR" /></a><br /> 

<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="URL GAMBAR" /></a><br /> 

<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL GAMBAR" /></a><br />

</div>

4. sAVE!

5 May 2011

YouTube Player (Like me!)

Assalamuaalikum semua! Hari ni Kihah nak memenuhi permintaan Adik Sofia kite Ni. Dia hantar request kat kat SINI. Tengok sini.


For your information, Tuto kali ni Tak de kredit pun. Sebab? sebab, Yang ni, Kihah reka sendiri. :D 
So, Sesiapa yang nak ambil tutorial ni, Tolong Buat 'Credit To: Kihah' on your post nanti. Boleh kan ? Ok. Jom buat!

1. Dashboard - Design - Page Elemant - Add a Gadget
2. HTML/JavaScript. 
3. Copy kode ni :
<object width="210" height="25"><param name="movie"
value="URL LAGU ANDAfs=1&amp;hl=en_US&amp;color1=0xffffff&color2=0xffffff&autoplay=1"
/><param name="allowFullScreen" value="true" /><paramname="allowscriptaccess" value="always"
/><embed src="URL LAGU ANDAfs=1&amp;hl=en_US&amp;color1=0xffffff&color2=0xffffff&autoplay=1"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="210" height="25"></embed></paramname="allowscriptaccess"></object>
*nOtA Penting!
Tukarkan URL LAGU ANDA tu kepada lagu yang korang suka. Korang boleh cari di YouTube Copy semua URL kat atas tu.
Warna Merah Pulak tu, tukarkan mengikut kehendak anda k? Tak tukar, Lagi perfect!
Tadi no. berapa ek? 
Ok. Sambung.

4. Pastekan di ruangan HTML/JavaScript tadi.
5. Save!
Selamat mencuba!
Ingat! Sesiapa yang nak ambil tutorial ni, Tolong Buat 'Credit To: Kihah' on your post nanti. Boleh kan ?

4 May 2011

Cara tukar URL blog

Assalamualaikum. Kihah nak ajar koranng macam mana nak tukar URL blog. Actually, Turorial ini direquestkan oleh Iqa di Facebook Kihah. Tengok ni.

*Klik untuk tumbesaran*

So, Kali ni, Kihah tak buat tulisan, Kihah buat dalam bentuk gambar pulak. Rujuk gambar ni bebeh!

*KLIK UNTUK MEMBESARKAN GAMBAR*