Faqihah Husni ��

28 March 2011

Cara nak tulis pesanan sebelum orang komen.

Assalamualaikum semua!

Tadi balik KAFA angin kuattt sangat! masa nak balik tu, sebatang pokok tumbang. Ianya menghalang jalan. Kena la guna jalan lain. Bergelimpangan dahan2 pokok! HAHAHA! adakan ini petandanya?

Nanti Kihah akan tulis ceritanya..sebab hari ni Kihah nak ajar korang

Macam mana nak tulis pesanan sebelum komen. Tak tahu yang mana? check gambar ini!

Terima Kasih kepada Afira / Afira kerana mengrequestkannya. Buktinya :

Jom buat!

Hanya tiga langkah! Siap!

p/s: Kalau tak nampak? Klik gambar itu! Tuto ini Kihah godek2 sendiri!

27 March 2011

Tutorial : Combine Shoutbox & Follower!

Assalamualaikum dan salam sejahtera diucapkan. Pada malam Isnin ini Kihah nak ajar macam mana nak buat Combine Shoutbox & Follower sekali. Tak tahu? Sila Check Shoutmixt Kihah yang tergantung tu. Ada Follower sekali kan? Nak buat macam tu tak? Jom Kihah ajarkan!

Sebelum tu, Kihah nak berterima Kasih bebanyak pada Kak Sholehah!

PERHATIAN!

Tutorial ni untuk Autohide shoutbox sahaja! Ajax Float shoutbox TIDAK BOLEH! HARAP MAKLUM!

LANGKAH 1

mula mula.sediakan koding folower box & cbox/shoutmix korang.kode shoutmix/cbox.senang je nak dapat kan?kan? kod folower??ha..meh Kihah bagitau kat sapa2 yang belum tau .
masuk google.search GOOGLE FRIEND CONNECT.pastikan sign in tu menggunakan email yang di gunakan untuk blog anda.. :)
dah jumpa GOOGLE FRIEND CONNECT.tengok kat list left sidebar.ada nama blog korang.klik blog korang tu & klik ADD THE MEMBERS GADGET kat right sidebar.faham ke tak?haha..nie.contoh. Kihah bagi gambar..

dh klik.korang adjust laa apa yg patut..
Width:
. rows of face.. color.. semua tu lah.hehe
klik generate code.korang akan dapt kod untuk folower box korang.

LANGKAH 2

okeh.dah dapat kode shoutmix/cbox & folower korang kan??simpan baek baek kat ctu jap.sekarang,kita nak combine dua dua benda tu dalam satu shoutbox.

LANGKAH 3

pegi DASHBOARD > DESIGN > PAGE LEMENT > ADD GADGET > HTML/JAVASCRIPT. ambik koding nie.paste kt dalam gadget tu okei. :)

LANGKAH 4

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:74px;

width:99px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4NBNc9S0qwpp-9fqcQSreOUxBtUREWxI4GNQPTtAaKDyDsGfvs6q-93gII9RmnyLV-mSYv8ROdAPktTRNia0CmPkaOEFLcWy7NZQb6hLrr3UW0sPmwSMoWcqbE-fqnX9WpYOvk5Mvrar/s1600/button.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #000000;

background:#ffffff;

padding:10px;

}

</style>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 99-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

KOD FOLLOWER BOX ANDA

KOD SHOUTMIX / CBOX ANDA

[close]

</a>

</div>

var gb = document.getElementById("gb");

gb.style.right = (99-gb.offsetWidth).toString() + "px";

</script>

LANGKAH 5

make sure korang adjust la ckit size height & width shoutmix/cbox korang tu.nnti kalu dh nmpak besar sangat.mcm kurang cantek la ckit kot.hehe..

LANGKAH 6

dah siap copy & paste?save gadget..tengok menjadi ke tak??

p/s : sapa yang bejaya buat,.tepuk tangann..hehe :)

AutoHide Follower Box!

Assalamualaikum semua!

Hari ini korang akan belajar macam mana nak buat Hide Follower Box! Maknanya, ianya tergantung la.. Macam Shoutmixt/Cbox korang. Jom Mulakan!

LANGKAH 1

mula mula.pegi DESIGN > PAGE ELEMENT > ADD GADGET > HTML/JAVASCRIPT

LANGKAH 2

copy koding nie..masuk dlm gadget tu okei. :)

LANGKAH 3

<style type="text/css">
#gb{
position:fixed;
top:150px;

z-index:+1000;
}
* html #gb{position:relative;}
}
.gbtab{
height:138px;

width:46px;
float:left;
cursor:pointer;
background:url('URL GAMBAR KORANG') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 46-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

KODING FOLLOWER BOX KORANG

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (46-gb.offsetWidth).toString() + "px";
</script>

LANGKAH 4

Dah buat??biarkan dulu..kita nak ambik koding untuk folower okei. :) masuk google. Search google friend connect . Dah jumpa??klik. Pastu pilih ADD THE MEMBERS GADGET.
Pandai lh korang adjust smua wrna.height..width kotak folower korang kat ctu :)

LANGKAH 5

dah siap?korang klik GENERATE CODE.pastu copy & paste kat LANGKAH 3 tadi okeh.. yang ada Kihah buat "KODING FOLLOWER BOX KORANG"

LANGKAH 6

sila tengok kode yang berwarna merah.korang mesti pastikan kode bewarna merah tu ikut size width gambar atau icon yang korang nk pakai okeh.kalau takk.ada yg nampak half..terlebih nampak..hehe..
kode warna biru tu pulak.jarak kotak folower korang dari atas oekeh..nak bawah lagi..korang tambah je nilai px tu.

LANGKAH 7

okei.dah siap.. :) sapa yang berjaya buat tu..tepuk tangan tiga kali..yeye.. hehe

EXTRA! Freee!

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_QanlUza33hyoxZfZ3rmz52687rGDGo23Fym_ER60igimvq2lUFuMKZtAlXQkI0Qt0r_eqau5rraaSeT5I8dVX8Zz20PGEyrR4nYcKjFkNw3Vbcnu0DTPcsLPQZiOYpGtip62SAemcHqw/s1600/folo.png
height :77px
width : 99px

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLEfqtjNCXAXYDK0nyBy5EluN6vbnOCjNxnMNtTd7uWaj3IdyCSV0qm0JA3z5HO_5CwSYnW0-dJs1cI1nEz5mswa5A5UfedT2mmZNUcCXTOUrnRw_IA_Tv7WDFh0NjJ_lIPre5aqEaZgYR/s1600/folopurple.png
height : 138px
width : 46px

Ingat pesan Kihah tadi.kod yang berwarna merah tu..jangan lupa :)

Credit to : Kak sholehah

Hidekan Lagu anda!

Assalamualaikum! Hari ni Kihah nak teach macam mana nak hidekan Music anda! Ada dua pilihan! Yang first ni Khas untuk pengguna Gratisan Music. Yang second punya untuk Selain dari Pengguna Gratisan Music! cth: Music Dumper, You tube DLL.(Yang ni kalau tak jadi, Abaq tau!)

Cara pertama (GRATISAN MUSIC ONLY!)

1. Bagi sesiapa yang belum ada lagu kat blog .. korang boleh pergi kat sini >>>Gratisan Music

2. Then , seacrh lagu yang korang nak ! Tak tahu nak search macamana ? KLIK SINI

3. Nanti , korang copy code tuh , akan jadi macam ni kan ? Ini contohnya! :)

<center><a href="http://fullmusik.co.cc" target="_blank"><img src="http://fullmusik.org/guci.gif" border="0" /><br /><img src="http://fullmusik.org/music.gif" border="0" /><br /><embed src="http://ghucy.info/fullmusik/1/Black_Eyed_Peas-The_Time.swf" autostart=true loop=true width=0 height=0 align="center"></embed><br />Gratisan Musik</a></center>

4. Bila dah paste , yang warna biru tuh , korang DELETE!!

5. Da siap kan ? Cepat SAVE ! Dan lihat hasilnya! hehe :))

Cara Kedua!

Selain dari Pengguna Gratisan Music! cth: Music Dumper, You Tube. (Yang ni kalau tak jadi, Abaq tau!)

1. Apabila korang dah copy codenya, Buang code dan hanya ambik

<embed src="URL Music" autostart=true loop=true width=0 height=0 align="center"></embed>

2. Yang warna URL Music tu, Korang gantikan dengan URL Lagu yang korang suka!

for YouTube! Korang boleh ambik yang ats sekali

Yang tu je ek! Cara kedua tu Kihah rasa You Tube boleh juga ! Ok. Yang tu je!

NAK COPY? CREDIT TO KIHAH OK!

Nak tahu sebab? ini adalah tutorial yang Kihah edit sendiri!

Remove Powered by Blogger

Hi! Hari yang baik untuk belajar Tutorial! Hari ni Kihah akan teach macam mana nak Buang

Powered by Blogger

Benda tu ada kat Bawahhhh Sekali. Jom Buang!

Sebelum tu, Kihah nak creditkan to Kak Lyssa sebab ajarkan tuto ini!

1. Dashboard > Design > Edit Html > Tick Expand Widget

2. Lepas tuh , tekan Ctrl F dengan serentak dari search kod ini :

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

3. Bila korang dah jumpa kod tuh . korang tukar kat warna merah kar atas dengan perkataan false.

4. Da siap ? Save oke!

5. Tapi , tunggu dulu ! Tak habis lagi lah ! :)

6. Sekarang , pergi bukak blog korang.. Tekan spana Attribution(Powered by Blogger) kat bawah tu.. Nanti korang akan nampak Remove button. Tekan Remove tuh.. Dah tekan kan ? Haaa!~ Hasil nyer berkesan !:) kan?:))

Papaiii!

26 March 2011

Tutorial : Letak Background

Assalamualaikum semua! Hari ni Kihah nak teach korang macam mana Kihah Buat background sendiri! Jom mulakan!

Cara pertama.

1- Korang buka design->edit html

2. Cari kod dibawah ini. Nak senang tekan CTRL + F ( Serentak Yer ) .

body { atau body{

3.Copy dibawah, code Pastekan Dibawah body { tadi.

background-image:url(URL/LINK IMAGE);
background-repeat: repeat;
background-position:Center center;
background-attachment:Fixed;

4- url image tu, gantikan dengan URL image atau background yang anda suka.. Kalau tak tahu macam mana nak amik URL/Link itu, boleh rujuk TUTORIAL INI

Cara kedua .

1. Dashboard > Layout > Add A Gadget > HTML/JavaScript

2. Copy kod ni.

<style>
body {
background-image: url (URLBACKGROUND);
background-attachment: fixed;
background-repeat: repeat;
}
</style>

3. Save.

Cara ketiga.

Untuk pengguna template yang blogger sediakan. contoh : Simple, Picture Window, Awesome Inc., Watermark, Ethereal, Travel.

1. Dashboard > Template > Customize

2. Background > Upload Image > Choose File

3. Korang pilih sendiri background korang. Yang ni tak guna URL/Link. So, korang kena save dulu background tu..

4. Save.

*PERINGATAN kalau korang letak apa-apa kod background yang korang tengah guna sekarang,TOLONG DELETE. kalautak, tak jadi.

Kalau korang nak FREEBIES BACKGROUND, tengok SINI ye :) Harap tutorial ini berguna kat korang yang masih baru berblogging ni ;) Selamat mencuba!

Tutorial : Follow & Dashboard button Ala-Ala Tumblr

Assalamualaikum Blggers!

Tutorial hari ini : Follow & Dashbord di Navbar!

Ada orang request, tapi, lupa da nama dia! Hehehe

Jom Buat!

Paste kod di bawah ini , di ruangan Html tadi tu ..

Yang ni untuk yang Tak sama. Dashbord diatas, Follow di bawah

<a style="display:scroll;position:fixed;top:45px;right:15px;" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;right:15px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

Yang ni untuk yang sama. Dashbord dan Follow bersebelahan.

<a style="display:scroll;position:fixed;top:5px;right:95px;" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:5px;right:10px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

*Ubah yang patot, BLOG ID KORANG . tukar dengan id blog korang :)

Da siap . Save

Dan lihat hasilnya ! Menjadi tak ?? :10:

28 March 2011

Cara nak tulis pesanan sebelum orang komen.

27 March 2011

Tutorial : Combine Shoutbox & Follower!

AutoHide Follower Box!

Hidekan Lagu anda!

Remove Powered by Blogger

26 March 2011

Tutorial : Letak Background

Tutorial : Follow & Dashboard button Ala-Ala Tumblr

Followers

About Me

Messages

Blog Archive