Dec 23, 2010

Tab Menu Sidebar

ok, ni saya nak ajarkanlah cara nak buat tab menu side bar ni, tahu tak yg mana ??? ni hah ~



Copy Paste code ni dan editlah mana yang patut ya :D


<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:#F80680;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}
</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">
Masukkan kod disini.
</div>
<h5 class="msg_head">Tajuk 2</h5>
<div class="msg_body">
Masukkan kod disini.
<h5 class="msg_head">Tajuk 3</h5>
<div class="msg_body">
Masukkan kod disini.
</div>
</div>


ok tu je la :) hehe~

Dec 21, 2010

Cara nak buat tab untuk blogger

HAH !! Ramai kawan-kawan saya tanya mcm mana nak buat tab kat blogger,btul tak?
ok la saya ajarkan mcm mana caranya ek,ksian korang,heheCute Emoticons


ok,tahu tak tab tu apa ?
ni hah ! bawah ni ada tu~Cute Emoticons

ok,mula-mula tu korang pergi kat glitter grapics : http://www.glitter-graphics.com/

korang tekan Dividers

dan pilih lah mana satu yg korang nak,tapikan pilih yang pendek-pendek je tau !! jngn pilih panjang-panjang!Cute Emoticons



lepas tu,klau korang dh pilih,tekan gmbr tu, dan korang tekan "dowload images"


dan bila dah tekan tu pergi dekat tempat yg saya dah bulatkan tu, dan tekan right klik dan tekan save images, save kan kedalam fail2 korang ya ~


dah tu, korang edit la,ada sesetengah tu dia edit guna picasa,picknik,photoshop dan sbgainya,..
tapi saya edit guna photoscape lah senang lah sikit,siapa tak ada photoscape sila download sekarang ya di googleCute Emoticons


dan korang pergilah dekat photobucket ek, http://photobucket.com/
siapa tak ada sila sign up sekarang ! sign up guna facebook pun boleh ma ~ Cute Emoticons


korang tekan upload tu, bagi sapa-sapa yg dah daftarlah, dan upload kan kesemua tab yg korang edit tu ek ~


bila dah upload,korang tekan salah satu daripada gmbr tu

dan sila copy HTML code dia ~

korang bukak blog korang, tekan design,add gadget dan tekan HTML/javascript
dan pastekan kod yg korang dh copy disitu ek~ dan lepas tu tekan "Rich Text"

nanti dia akan jadilah mcm ni ~


dan korang highlight kan salah satu gmbr tu. tekan dekat tempat yg saya tandakan tu,dan dia akan keluar satu kotak mcm tu,dia nak korang masukkan link apa-apa yg korang nak la~



daaaaaaaaannnnnnnnnnnnnnnnnnnnn
buat mcm tu jgk dekat tab lagi satu berturut-turut,dan savekan,dan,lihat blog korang dan,...
SIAP !! :D semoga berjaya ! klau tak tahu jgk komen ek ~ ^_^Cute Emoticons

Dec 18, 2010

Underline Double jadi single

Underline jadi single ek, muahahaha, dh clash ngan si double ke ;p 
Ok, underline ni dia mcm,.....
aaaaaaaa............


Dia mcm ni hah :]


Ok, care-care dia senang je U____U


Dashboard > Design > Edit HTML


Cari la kod 


/* Header


Dh jumpe? ok pastekan kod ni dekat atas kod /* Header ok :)



 u {
text-decoration:none;
border-bottom: 2px solid #F781BE;
padding: 0px;
}
Hoho, lps tu, preview la dulu menjadi ke tak, Klau dh jadi save je ;]
Yg merah tu korng nk cari warna lain pergi kat sini je :)
K bye~ 

Dec 13, 2010

Cara nak letak lagu di blog kita

Ada sesetengah org tu nak buat lagu kat blog dia ~ tapi ada yg tak tahu kan ~ ok meh la Fiqah ajarkan ek,korang tahukan mixpod tu apa ? ala ~ yg bawah ni hah ~
ok ni fiqah ajarkan , permintaan daripada

Mazrina Fatiehah

;)



ok,mcm ni,kamu semua layari laman web http://www.mixpod.com/
dah layari tu kamu semua kena sign up dulu ~
klau dah sign up ~ tekan "create playist" mcm dekat tab yg bawah tu ~


lepas tu akan keluar yg ni ~ korang pilih la lagu apa yg korang nak,lagu jiwang ke dandut ke nasyid ke rock ke apa-apa je la , dengan search nama lagu tu kat tempat tu,dan klau dah korang tekan "+" nanti automatik lagu yg korang nak tu akan dimasudkan kedalam kotak yg ada anak panah tu ek ~


dah habis pilih tu,kamu semua boleh la susun lagu tu,contohnya nak lagu kiroro lagu yg first 'membuat bising' di blog kamu semua ~ susun lah ~


ok klau dah susun tu,kamu semua boleh la hias-hias kotak lagu korang dengan menekan butang yg ditunjukkan tu ya dan klau nak pilih warna tu tekan yg "colours n style''



pilih la warna apa-apa , dan klau nak kotak lagu kamu semua berkilau boleh tekan animated tu ~


dah siap tu tekan lah save playist
dan tekan yg kotak hijau ek

dan klau dah savekan , kamu semua tekan yg dihighlightkan tu untuk mendapatkan kode nya


nanti dia akan keluar mcm ni,jangan ambik kod myspace tau ! ambik kod blogger punya !


dan kamu semua copy lah kod yg dia bagikan tu,dan letakkan pada blog korang ya , ...

pergi dashboard->design->add gadget->add HTML/javascript->paste kan kod tadi tu



daaaaannnnnnnnn , dah siap ~ senang je kan ;))

Dec 12, 2010

Cara nak buat Banner untuk blog

Mesti korang nak tahukan cara nak buat banner kat blog,senang ke , tapi kena guna photoscapelah,sapa yg tak ada photoscape sila download sekrang ek !

ok mula2 tu korang bkk photoscape,buka edited


dah buka edited tu,pilih gmbr yg korang nak , apa-apa je , .....


dan korang editlah suka hati korang ek , tapi edit berturut2 la


dan kemudian mcm ni lah hasilnya


dan lepas tu dah siap,savekan pada komputer anda,dan sila tekan combine yg telah dihighlightkan dibawah ini ek


dan korang pilih gambar-gambar yg korang dah edit tadi


nantikan dia akan bergerak-gerak la


dan kemudian sila tekan klau nak dia bergerak cepat atau lambat pun korang tekan ''change time'' tu dan tetapkan masa pilihan anda dan kemudian klik 'ok'


bila dah siap sila lah tekan save ~



dan lepas tu,korang upload gmbr tu dekat photobucket,siapa tak ada photobucket sign up sekarang ! guna fb untuk sign up pun boleh ~

bila dah sign up,tekan "upload" tu

korang uploadkan banner yg korang edit tu , ............

nanti bila dah upload kan korang copy HTML code yang dia berikan dekat bawah gambr yg korang dah upload tu kan,dan korang bukak design->add gadget->tekan Html/javascript
dan korang pastekan kod yg korang dah copykan tu ketempat blog korang eK

ok dah ? Semoga berjaya ! klau tak dapat tu kreatifla sikit ek -.-

Dec 11, 2010

Disable Right Klik kat blog kita

Ni saya nak ajar korng la cara tak bagi org tekan right klik kat blog kita ek, hehe ;D yg ni klau org right klik kat blog kita ada keluar pop out window punya la, caranya la,..


With pop-up messeage

Dashboard > Design > Add Gadget > HTML/javascript

Copy n pastekan kod ni kat HTML/javascript ek ;)

<script language=JavaScript>
<!--
//edit by unwanted

var message="Mesej apa-apa je :)";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>


Masukkan mesej apa2 kat yg warna pink tu ek ;D ok dh abis smpai disini sajaha :) 


Without pop-up messeage


Copy paste code ni:



<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>


lepas tu save je la. ok babai! 



Nak buat 'kotak like' kat post kita

Ramai org nak tahu kan mcm mana nak buat kotak like kat post kita kan ;)
tahu tak kotak like ? mcm gmbr kat bawah ni hah,...


nak tahu ? caranya :

1) mula-mula, pergi gi le blog korang, tekan design, Add HTML, expand tick widget, 

2) dari lah kod ni ek :) dengan menggunakan ctrl+f

<data:post.body/>

dah jumpe ke ? bagus :)

3) n paste lah kod2 ni kat bawah kod langkah 2 tu

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Save le n lihat lah hasinya la ek ;) ok byebye ~

Dec 10, 2010

#Tutorial 2 : Cara nak edit gmbr



HAH~ Kwn2 Fiqah rmai nak tahu mcm mana nak edit gmbr,bagi sapa2 yg nak belajar meh le baca blog ni , tapi klau korang dh tahu x payah baca ek ;p
Mcm applikasi kita guna untuk edit gmbr kan ~

Antaranya Piknik,Photoscape,Photoshop,Picasa,PiZap.com,Katcha-katcah dan sbagainya ~
Tapi Fiqah nak ajar korng edit guna photoscape ek ~
Korang bkk photoscape,korng tkn "editor"



1.mula2 tu pilih gmbr yg korang nak , apa2 je la dekat tepi yg ada banyak2 gmbr tu


2.Korang nak letak frame ke letak je la ngan menekan yg ditunjukkan tu


3.Klau korang nak gmbr yg korang tu cerah sedikit ataupun nak gelapkan sikit
tekan "Bright+colour" dan akan keluar kotak mcm atas tu


4.Nak letak apa-apa yg korang nak cakap,pergi kat 'object' san tekan yg ada gmbr huruf 'T' tu n then taip lah apa-apa yg korng nak ~


Dan jadilah mcm gmbr diatas tu


5.Klau nak letak sticker pun boleh ~ korang tekan 'picture'
dan pilih lah mana2 yg korng suka ek ~


Contohnya Fiqah pilih rama-rama



6.Dan bila dah siap sepenuhnya tu korang tekan lah save dan savekan difail anda ek ;) ok Selamat Mencuba ! Klau x dapat ckp kat Fiqah ek !


Dec 9, 2010

Disable Right Klik pada blog kita

huhu :(

memang la, korang suka tak klau org tu dia tu copy blog korang ?
contohnya dia tu tiru entry post korang bulat-bulat, dan ada sesetengah tu dia ni main curi je gmbar2 klau korang ada letak gmbr kat blog korang,...

mesti marah kan ? sbb tu gmbr korang, contohnya tu gmbr yg korang editla, tapi tetiba ada org copy n then mengaku tu gmbr yg korang edit, huh ~ memang rasa macam marah kan ??

ok ni saya ajarkan korang mcm mana nak bagi org tak boleh copy entry n gmbr kita

First, pergi Dashboard, tekan Design n tekan Add Gadget,..
Korang tekan la Add HTML/javascript kan,..

dan copy code yang di bawah ni, CTRL+c untuk copy

pink;">

<script language=JavaScript>
<!--

//edit by unwanted


var message="Masukkan Mesej Anda Disini";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>
'dashed'.


Dan, yg masukkan mesej anda disini tu, korang boleh la letak mesej apa-apa, contohnyalah kan "oit ! nak copy ek ?"

ok dh, klau dh siap, savekan n lihatlah hasilnya ek ;)

Nov 18, 2010

Tutorial



 Tutorial for Bloggers