30 May 2011

Tutorial : Background Post Title


Assalamualikum. Selamat Pagi. Dulu ada juga kan Kihah buat Tutorial ni. Tapi, ada yang kata tak jadi. So, nak buat lain la. Kod ambik dari sys Hani. Diedit aka di'extra' kab oleh Kihah sendiri, Jom la Kita mulakan.

1. Login -> Dashbord -> Design -> Edit HTML
2. CTRL + F (serentak) dan cari kod .post h3 {
3. Copy code dibwah kemudian, pastekan dibawah .post h3 { .


Tajuk Post Center


border:0px dashed #cc99cc;
text-align: center;
margin:.5em 0 .5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.2em;
background:url(URL BACKGROUND);
color:$titlecolor;
}
Tajuk post di tepi (KANAN)



border:0px dashed #cc99cc;
text-align: right;
margin:.5em 0 .5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.2em;
background:url(
URL BACKGROUND);
color:$titlecolor;
}
Tajuk post di tepi (KIRI)

border:0px dashed #cc99cc;
text-align: left;
margin:.5em 0 .5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.2em;
background:url(
URL BACKGROUND);
color:$titlecolor;
}

Nota Tangan:


  • Tukarkan tulisan berwarna merah, URL BACKGROUND. 
  • Tukarkan tulisan berwarna purple, jenis border. dashed, solid, dotted.
  • Tukarkan tulisan berwarna biru, warna border. Cari di sini.
  • Tukarkan tulisan berwarna Hijau. Ketebalan Border. If tak nak border, tak yah tukar. Tapi, kalau nak kemas, lebih baik letak border. pesan nenek. Haha



4. Preview dulu.
5. Puas hati dah? Save. 


CTRL+C untuk copy. Disini tiada Right Click. Harap Maklum. ^_^


Simple je kan? Selamat mencubaa!


Jangan Copy Tutorial ini TANPA KEBENARAN. Sila letakkan Nama I kat tutorial tu. *_*

29 May 2011

Malware Detected?


Assalamaualikum Warahmatullahiwabarakatuh. Assalamualikum earthlings:116: Perbicaraan bermula. (bunyi hammer diketuk 3 kali )



Hakim : Apa itu Malware Detected:s:

Pesalah : Errr. Mana la saya tahu. Hakim kan arif. :93:

Hakim : Cepat jelaskan :119: Apa itu Malware Detected. Kalau tak gantung sampai hidup! ehh. Mati:r:

Pesalah : Err. Baik-baik. Malware Detected tu ialah virus komputer, worms, trojan, spyware, dishonest adware, crimeware, rootskits dan software yang tak dikehendaki. Kalau korang tak rupa Malware ni, Kalau kita BW blog orang, Tengok gambar ini *sambil angkat tangan* :65:


Hakim : Ohh. Macam mana nak atasi benda tu?

Pesalah : Sapa ada pasang 'Energy Saving Mode' ? Kena buang.:30: HAHA. Bankrup la orang
yang reka tu.

Hakim : Hahaha. Ok. Awak dibebaskan. :)

Perbicaraan tamat!. Sekian. :102:

28 May 2011

Tutorial : YouTube Player.


Assalamualaikum semua. Salam Sabtu. Salam hujung Minggu. Salam cuti sekolah! Hahaha. Sebelum ni, Kihah ada buat Tutorial You Tube Player, Tapi tak jadi. So, Kihah buat lain. Yang ni wajib jadi. Kalau tak jadi, salahkan Mr. YouTube!. Haha

1. Go to YouTube
2. Search your song.
3. Tekan Button Share dan tekan Embade. Tak tahu? Rujuk gambar buruk bawah ni.


4. Copy code.
5. Dashbord > Design > Add a Gadget > HMTL/JavaScript
6. Pastekan. *jangan save lagi!*
7. Jom kita edit kod.

Contoh kod ni.
Sebelum edit :

<object width="425" height="349"><param name="movie" value="http://www.youtube-nocookie.com/v/7M76rbFJ0yc?fs=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/7M76rbFJ0yc?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>

KataKunci :
*Merah - tukarkan width -200. Height - 20.
*Biru - Ok. Ini adalah untuk autoplay. kalau tak nak autoplay, tak yah tukar. Kalau nak, tukarkan jadi &autoplay=1&loop=1
*Pink - tukarkan jadi false


Contoh kod.
Selepas edit.


<object width="200" height="20"><param name="movie" value="http://www.youtube-nocookie.com/v/7M76rbFJ0yc?fs=1&amp;hl=en_US&autoplay=1&loop=1"></param><param name="allowFullScreen" value="false"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/7M76rbFJ0yc?fs=1&autoplay=1&loop=1" type="application/x-shockwave-flash" width="20" height="20" allowscriptaccess="always" allowfullscreen="false"></embed></object>


8. Save.


p/s : kalau tak jadi, komen tau!

19 May 2011

Backgorund di dalam entry

Assalamualaikum. Ikha tanya I macam mana nak buat background kat dalam entry. "tau tak macam mane nak ltk background dekat post?­ ­" . Ikha tanya cam tu la. Credit to : Sis Lyssa


1. Log in > Dashbord > New Post


2.Pastikan semasa kod ini di paste, dalam keadaan Edit HTML BUKANNYA Compose.

 <div style="background:url(Link gambar disini) no-repeat;">Taip segala entri untuk blog anda disini. </div>



 Letakkan link gambar pada tulisan biru
Jika anda menggunakan gambar bersaiz kecil, sila buang no-repeat. 
Taip apa sahaja entri anda seperti biasa dalam kawasan merah
   Atau kalau hendak lebih mudah, buat apa sahaja entri, tetapi ending mesti ada </div>  
 *Sudah siap, publish n lihat hasilnya oke? :)


3. Preview, SAVE!


Ok. Papa!

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 1Tajuk 2 & Tajuk 3 tu isi ikut suka hati korang.
  • Isi-2 tajuk 12 & 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*

2 May 2011

Tutorial: Bubbles Cursor(Cursor Ada Buih)

Assalamaualikum. Kihah penat sangat sebab baru balik dari KAFA. Malam satgi ada Tusyen pula. hmm.. Ok la. Kihah ada la bw blog orang. Sekarang ni kan ada 'trend' pula. Dulu sparkle cursor, sekaran ni, buih-buih pula. Hahaha. Kihah cari kat google, Kihah jumpa tutorial ni. Jom buat! credit to:Lyssa. 


1. Dashbord->Design->Page Elemant-> Add a Gadget-> HTML/Javascript.
2. Paste code bi bawah ini di dalam ruangan tersebut.


<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
        // <![CDATA[


        var colours=new Array("#ff0080", "#ff0080", "#ff0080", "#ff0080", "#ff0080"); // colours for top, right, bottom and left borders and background of bubbles


        var bubbles=12; // maximum number of bubbles on screen




        /****************************


        * JavaScript Bubble Cursor *


        * (c) 2010 mf2fm web-design *


        * http://www.mf2fm.com/rv *


        * DON'T EDIT BELOW THIS BOX *


        ****************************/


        var x=ox=400;


        var y=oy=300;


        var swide=800;


        var shigh=600;


        var sleft=sdown=0;


        var bubb=new Array();


        var bubbx=new Array();


        var bubby=new Array();


        var bubbs=new Array();




        window.onload=function() { if (document.getElementById) {


        var rats, div;


        for (var i=0; i<bubbles; i++) {


        rats=createDiv("3px", "3px");


        rats.style.visibility="hidden";




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.top="1px";


        div.left="0px";


        div.bottom="1px";


        div.right="0px";


        div.borderLeft="1px solid "+colours[3];


        div.borderRight="1px solid "+colours[1];




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.top="0px";


        div.left="1px";


        div.right="1px";


        div.bottom="0px"


        div.borderTop="1px solid "+colours[0];


        div.borderBottom="1px solid "+colours[2];




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.left="1px";


        div.right="1px";


        div.bottom="1px";


        div.top="1px";


        div.backgroundColor=colours[4];


        div.opacity=0.5;


        if (document.all) div.filter="alpha(opacity=50)";




        document.body.appendChild(rats);


        bubb[i]=rats.style;


        }


        set_scroll();


        set_width();


        bubble();


        }}




        function bubble() {


        var c;


        if (x!=ox || y!=oy) {


        ox=x;


        oy=y;


        for (c=0; c<bubbles; c++) if (!bubby[c]) {


        bubb[c].left=(bubbx[c]=x)+"px";


        bubb[c].top=(bubby[c]=y)+"px";


        bubb[c].width="3px";


        bubb[c].height="3px"


        bubb[c].visibility="visible";


        bubbs[c]=3;


        break;


        }


        }


        for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);


        setTimeout("bubble()", 40);


        }




        function update_bubb(i) {


        if (bubby[i]) {


        bubby[i]-=bubbs[i]/2+i%2;


        bubbx[i]+=(i%5-2)/5;


        if (bubby[i]>sdown && bubbx[i]>0) {


        if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {


        bubb[i].width=bubbs[i]+"px";


        bubb[i].height=bubbs[i]+"px";


        }


        bubb[i].top=bubby[i]+"px";


        bubb[i].left=bubbx[i]+"px";


        }


        else {


        bubb[i].visibility="hidden";


        bubby[i]=0;


        return;


        }


        }


        }




        document.onmousemove=mouse;


        function mouse(e) {


        set_scroll();


        y=(e)?e.pageY:event.y+sleft;


        x=(e)?e.pageX:event.x+sdown; }




        window.onresize=set_width;


        function set_width() {


        if (document.documentElement && document.documentElement.clientWidth) {


        swide=document.documentElement.clientWidth;


        shigh=document.documentElement.clientHeight;


        }


        else if (typeof(self.innerHeight)=="number") {


        swide=self.innerWidth;


        shigh=self.innerHeight;


        }


        else if (document.body.clientWidth) {


        swide=document.body.clientWidth;


        shigh=document.body.clientHeight;


        }


        else {


        swide=800;


        shigh=600;


        }


        }




        window.onscroll=set_scroll;


        function set_scroll() {


        if (typeof(self.pageYOffset)=="number") {


        sdown=self.pageYOffset;


        sleft=self.pageXOffset;


        }


        else if (document.body.scrollTop || document.body.scrollLeft) {


        sdown=document.body.scrollTop;


        sleft=document.body.scrollLeft;


        }


        else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {


        sleft=document.documentElement.scrollLeft;


        sdown=document.documentElement.scrollTop;


        }


        else {


        sdown=0;


        sleft=0;


        }


        }




        function createDiv(height, width) {

        var div=document.createElement("div");

        div.style.position="absolute";

        div.style.height=height;

        div.style.width=width;

        div.style.overflow="hidden";

        return (div);

        }


        // ]]>

        </script>

 NOTA KAKI : Tukarkan yang warna MERAH  itu kepada warna bubbles pilihan anda. >>DISINI<<

3.Pastekan
4. Save.

Hihihi. Just simple je kan?

Tutorial ini berguna? LIKE please!