Feb 20, 2011

nak font comel kat laptop atau lappy?

Rasa malas sangat nak menaip- naip ni sebenarnya tapi nak jugak share benda- benda ni dengan korang, hehe. So terpaksalah relakan diri ini menaip dengan sebaik yang mungkin. Kuikuikui..

Akey, sekarang ni dah macam- macam jenis font yang kita nampak kat belog orang kan? Yang lubing- lubing, akar- akar dan baaanyak lagilah. Dan..dannnnn.. pastinya korang pun nak kan? kan? Just tak tahu kat mana nak cari? Bila dah dapat cari tu tak tahulah pulak macam mana nak download, macam mana nak guna, macam mana nak pakai.



Yaaa, saya di sini akan membantu anda! Ngaaahahah.. uisy, gelak semacam je ek. Akey, kat sini aku ada senaraikan beberapa website yang boleh download free fonts untuk laptop korang.




www.1001freefonts.com














Akey, inilah dia list yang aku dah buat. Korang boleh download apa jenis fonts yang korang nak k? Tapi macam mana pulak korang nak masukkan fonts tu dalam laptop? Download tu senang tapi nak masukkan kat laptop pulak? Haa... ni mungkin banyak yang dah pusing kepala, tak paham- paham. Korang install lah berkali- kali tapi takkan dapat cari punya kalau korang nak cari. Entah ke mana je fonts tu pergi.

So, ikut step- step ni kalau korang betul- betul nak guna fonts tu.

Mula- mula, korang pilih dan download dulu fonts yang korang nak tu. Dah download, korang extract atau open file berformat zip tu. Mesti korang nampak gambar macam ni kan?



Akey, gambar kat atas ni fonts yang aku dah download dan dah pun open atau di extract. Untuk korang, korang copy yang trueType font file yang korang dah download  tu dulu. Then, follow pulak steps kat bawah ni.

Pergi kat Acer (c:) --> program files




Macam aku punya kat atas ni, aku ada dua program files. Tapi aku pilih yang kedua di mana semua files yang dah download tu ada kat dalam folde ni. Untuk korang tak pasti. Nanti pandai- pandailah tengok ekk.

Pastu, korang dah klik program files tu, korang akan nampak banyak lagi folders. Pergi masuk kat Common files.



Pergi kat adobe --> fonts --> Reqrd --> Base




Lepas tu, mesti korang nampak benda- benda pelik kan? huhu.. kalau nak tahu, yang itulah jenis- jenis fonts korang.  Kalau nampak gambar yang ada tulis bentuk A warna biru tu, tu adalah font. Eh, eh.. apa aku cakap ni? haha..tak tahulah macam mana nak terangkan. 

So, apa yang korang perlu lakukan sekarang, korang paste kan kat dalam folder ni. Di mana ada banyak fonts macam kat dalam gambar ni. Kalau tak jumpa macam ni, cari lagi sampai jumpa k. Then, kalau nak guna pulak, guna je macam biasa. Contohnya nak guna dalam photoshop, korang cubalah cari font yang dah kena download tu kat photoshop korang. Mesti ada =)

Ada lagi satu cara sebenarnya tapi akuu tak suka guna sebab aku bingung sikit pasal ni.

Lepas dah download font yang korang nak, korang pergi kat control panel. Buka Control Panel dan cari Font, paste dalam tu. Bagi win 7, buka Control Panel, buka Appearance and Personalization , Font, paste situ. Paham tak? akupun tak berapa paham sebenarnya. Sebab itulah aku lebih senang pakai cara yang pertama tadi. Btw, cara yang aku ajarkan tadi tu bagi yang pakai win 7. Tapi untuk win XP sama je kot tapi tak banyak folder macam reqrd dan base.

Korang just masuk kat Acer(c:)--> program files --> common files--> adobe--> fonts --> paste fonts korang.

Untuk yang lain, not sure sebab tak pernah godek lagi. Huhu.. kecian ek? hehe. 


Feb 16, 2011

kita santai dengan video sengal ni,haha

Hehe, sorry sebab tajuk agak kasar sikit pada hari ini. Niii haaa.. aku nak share sikit dengan korang video- video yang aku jumpa ni. Video ni dah banyak dah orang yang view dan post kat belog diorang. Aku pun tak tahulah sesapa yang dah post. Takkan aku nak cari sesatu, ye dak?

Video ni memang kelakar gegiler r. Tak dapat nak dinafikan. Cara dia berlakon, bercakap tu memang santai habis. Aku suka tengok. Lagipun, semua video yang dia buat ni memang ada isi dan boleh buat kita tersedar. Tupun kalau korang tersedar laa. Dah, meh tengok, kompem korang gelak- gelak sampai terburai isi perut. Huiisy, dasat!


Feb 15, 2011

tutorial facebook like button

Dalam beberapa hari ni, aku sibuk sikit dengan edit- edit ni. Ubah sikit mesti rosak, terpaksa nak edit berkali- kali baru akey. Ini blog- blog yang dah kena touch- touch sikit,hehe. Kalau sudi jenguk- jenguklah ekk?

cikkenittoncet





Akey, berbalik pada tajuk kita sekarang k. Facebook like button ni satu wiget yang memang baik. Sekaligus boleh up traffic korang. Kenapa?

Akey, contohnya, kalau ada orang yang like entry korang, ianya akan automatik post kat facebook.


Apabila member- member yang lain nampak member diorang ni like sesuatu, mesti diorang pun nak tahu kan? Dan mungkin jugak diorang akan visit ke belog korang tu sekaligus memperkenalkan belog korang ni. Ahah! nampak tak? nampak tak? hehe.


So, macam mana nak buat tu? Akey, korang kena Log in dulu la dashboard belog korang kan. Pastu..

Dashboard -->  design --> edit hmtl --> klik expand widget --> klik f3 atau ctrl+ F


cari code ni.

 <div class='post-header-line-1'/> 


Kalau tak ada code tu, korang try code ni pulak.

<data:post.body/>


Dah? akey, sekarang ni korang copy code kat bawah ni dan paste kat paste selepas code <div class='post-header-line-1'/> atau <data:post.body/> .



<iframe allowTransparency='true' expr:src='"
http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;
width=450&amp;height=80&amp; action=like&amp;colorscheme=light"'    
frameborder='0' scrolling='no' style='border:none; 
overflow:hidden; width:450px; height:80px'/>


Sekarang ni dah jam berapa ek? Nak mamam ni. Korang dah mam ke belum?

Feb 13, 2011

tranparent header dengan photoshop

Hai..hai.. nak buat header korang nampak cantik? Meh kita usha jap tutorial ni akey? Tutorial ni memerlukan korang ada software photoshop. Kalau takde, mungkin korang boleh pakai Gimp atau software yang serupa. Akupun dah lupa apa nama software tu. Kalau tak, boleh bagi link kan?  Photoshop ni banyak kebaikan yang korang boleh dapat kalau ada software ni. Tak kiralah CS yang keberapa. Akey, sekarang ni jom kita tengok macam mana nak buat transparent header.

Mula- mula, korang masuk dulu bahagian photoshop korang k.




pastu korang kena buat layer tranparent pulak. Macam kat bawah ni. KOrang klik File --> New dan akan keluar petak macam ni. 


Tinggi dan lebar tu korang boleh letak berapa je korang suka, terpulang kepada berapa luas blog korang. Bahagian background content tu pilih transparent. Nanti akan keluar gambar macam ni.


Inilah contoh layer transparent. Tapi belum siap lagi k. Sekarang korang klik File lagi dan pilih Open. Nanti keluar satu petak di mana ada banyak folder kat sana. Korang pilih gambar yang korang suka tu.


Ini contoh gambar yang aku dah pilih. Korang tak tahu pulak, huhu. Akey, dah siap pilih gambar yang korang nak tu? Sekarang tengok gambar kat bawah ni. Nampak tak panah warna merah tu? Korang klik anak panah yang macam dalam gambar tu ( dah lupa nama tool tu). Sekarang, halakan anak panah tu ( cursor ) kat gambar dan drag ( tarik ) gambar tu kat layer yang korang dah buat tadi. Hasilnya..


gambar tu akan nampak macam kat atas ni. Nampak tak? Gambar tu dah ada kat layer kan? Bagi yang nak potong gambar tu, korang tengok kat anak panah warna pink pulak. Gunakan tools tu dan gunakan kat gambar. Korang just klik dan hightlight mana yang korang nak potong, pastu pergi kat Edit--> cut.

Kalau korang nak letakkan tulisan pulak, pergi kat T.


Pastu, buat satu petak macam kat atas ni. Pilihlah jenis tulisan yang korang nak tu. Nak cari jenis tulisan atau nak pilih warna apa boleh tengok kat sebelah kanan tu. Nampak petak kecik kat sebelah warna- warna tu? Klik A untuk keluarkan k.

Dengan kreativiti korang, kalau dah siap bolehla save as...


Oh, jangan save sebagai Jpeg tapi save gambar yang korang buat tadi sebagai PNG. Kalau format jPeg, takkan jadi kot. Kemudian,korang dah boleh masukkan gambar tadi kat blog korang macam biasa.

Feb 11, 2011

pasang background kat shoutbox korang

Malam ni terasa bosan sangat- sangat. Dah tak tahu nak buat apa? Nak tengok movie pun macam malas, nak pergi mamam pun macam takde benda nak mamam. Aihhh.. so ini jela kot yang dapat dibuat. Dengan meng-update belog! Sambil- sambil tu boleh gak berbakti kepada pembaca- pembaca kannnn? Tu pun kalau korang bacalah. Ni sekadar tinggal link tak baca entry pun, isy.. isy..

Berbalik pada tajuk kita ni, kalau korang perasan, banyak shoutbox yang dah ada background kan? Mesti korang teringin nak buat kan? Aku? ehhh.. aku takkk... malas nak buat, haha. So tanpa buang masa lagi meh kita buat tutor ni k?


Mula- mula, sila Log in dulu kat dashboard.


Dashboard--> Design--> page element--> add a gadget--> html/ javascript


Pastu, copy paste code ni.



<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://3.bp.blogspot.com/_LZtXSNcp76A/S zzN08B
1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background: url(URL IMAGE ANDA);
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 65-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">

<!-- Begin ShoutMix -->
CODE SHOUTMIX ANDA DISINI
<br />
<!-- End ShoutMix -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]</a></div></span></span>

</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (65-gb.offsetWidth).toString() + "px";
</script>


Dah buat semua tu, terus aje save dan siap! hehe, senang kan?



 "/>ehem, esok kira nak buat tutor pasal header pulakk.. boleh ke? 




Feb 10, 2011

mencantikkan kotak komen/ comment box

Semalam ada orang tanya, macam mana nak buat kotak komen tu ada background. So, here i am! Nak kongsi sikit ilmu yang ada ni walhal tak terrel mana pun..haha..Orang cakap kannnn...tak baik kedekut ilmu. Bila kita share ilmu yang ada ni, ilmu kita pun akan bertambah- tambah. Betul ke? betul ke? ORANG cakap ekk..bukan aku ekk tapi aku setuju gak dengan statement tu..hehe. Rasanya inilah yang dimaksudkan oleh beliau...



Kalau designer template tu baik hati, mesti dia ada buat box untuk kotak- kotak komen. Tapi kalau tak ada, tak bermakna dia jahat! Tak pasal- pasal aku kena report sebab cakap yang bukan- bukan pulak, huhu. Akey, macam mana nak buat kotak komen kita ni ada background dan border?

Mula- mula...

Dashboard--> Design--> Edit Html--> Tick Expand widget--> klik F3


Cari code ni
]]></b:skin>


Kemudian, copy code ni dan paste kan di atas code ]]></b:skin>

#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#ff6699 !important;


-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;




padding:5px;


font-size:15px;


font-weight:bold;


border:1px solid #ff6699;
}
#comments-block .comment-body{
margin: 0;


font-size: 17px;


border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
margin-top: -5px; /*position*/


padding: 5px;
}
#comments-block .comment-footer{
margin:0;


font-size: 13px;


font-weight: normal;


margin-bottom: 20px;


border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
border-bottom: 1px solid #ff6699;


-moz-border-radius-
bottomright: 10px;
-moz-border-radius-bottomleft: 10px;


margin-top: -12px; /*position*/


padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:#ffffff !important;
}
#comments-block .comment-footer a, .comment-body a{
color:#ff6699 !important;
}

Siap! hehe..Haiiipppp...belum lagi tau! Warna background kat atas ni warna pink dan mesti yang ada tak suka kan? So macam mana? Tulisan berwarna berwarna hijau tu warna background korang dan yang berwarna biru tu pulak warna tulisan korang. So pandai- pandailah adjust k? Boleh rujuk sini<--. 

Kalau tutorial ni membantu korang, sudi- sudilah komen dan menyumbang seposen dua..^^



Feb 8, 2011

attention! warning! important!

Hari ni aku terlebih rajin nak buat entry. Masuk yang ni dah tiga kali aku post entry untuk hari selasa ni! Yoshhh..  apakah itu dipanggil kebosanan atau teruja? Ahh.. mana- mana jela kan? huhu..yang penting aku happy yappy.. ngaaa... tapi tu semua tak berbaloi kalau aku tak sebarkan benda ni! Benda ni bukan benda alah yang korang boleh abaikan.. tapi betul- betul urgent!

Aku tahu dah ramai yang tahu pasal ni, still masih tak buat! Macam aku lah kot, huhu. Bila aku usha satu belog ni, barulah aku tergerak sikit nak buat. Thank to her ( tak tahulah nama dia sape ). Aku tahu dalam minggu lepas kot takpun sebelum tu. Tahu dari mukabuku lah kann..mana lagi?! Akey, so korang yang jauh daripada aku ni, TOLONGGGGG LAH BUAT K?

Korang mesti dah pernah dengar kan pasal gambar yang patut dibuang dari lappy korang tu? Tapi korang malas nak cari dan sekadar membaca post pasal penyebaran tu dan terus abaikan. Itu sebab korang tak nampak lagi gambar tu! Ahhh.. pulak, panjang pulak mukadimah aku ni. Yoshhh.. habis mukadimah ni, meh usha benda penting ni!!


Pelik ek tetibe gambar ni jadi penting? Rasanya korang pernah nampak ayat ni kan?



Salam,rakan2 sekalian, dimohon untuk: Buka komputer/laptop anda pada direktori C:\Program Files\Microsoft Office\MEDIA\CAGCAT10, cari gambar bernama J0285926 . Anda akan temukan gambar Lambang/bendera zionis Israel lengkap (persis dengan warna aslinya) dengan lilin (sarana ibadah mereka). HAPUS! Gambar tersebut ada disemua PC di seluruh dunia.SEBARKAN SEMAMPUNYA


Haa..tula dia! Bila korang dah masuk ikut 'panduan' yang diberi tu, korang akan nampak gambar yang dimaksudkan. Nak tengok? nak tengok? jom...

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 Taddaaaaaaa!!!!!!!!!!!!!!!!!!!

Inilah gambar macam Zionis tu. So harap korang padam gambar ni dar Lappy korang k? Trimazz...Btw, aku nak sambung study dalam bidang ape ek? grafik or tourism? minta pendapat sikit...




tutorial buat background title sidebar

Penat main-main dengan Photoshop, sekarang nak main- main dengan papan kekunci pulak, yeehahaa! Akey korang, sekarang ni nak buat tuto pasal background sidebar pulak k.
 Semalam dah buat pasal double- double tu kan? erm...erm... ( angguk-angguk).


Yooshhhhhii...meh kita setat pelajaran untuk hari ini! hehe..Kadang- kadang kat blog korang mesti takde background kat title sidebar tu kan? So apa kata kalau korang cantikkan dengan warna and border. Akey.. first, Log in dulu dashboard korang k.

Pergi bahagian kat Design--> edit html --> klik Expand widget

Klik f3 dan cari code ni..


h2


Dah? sila copy code kat bawah ni pulak...


background : black ; 


Code kat atas ni korang paste kat bawah code h2 tadi k? contoh :


.sidebar h2 {
background: black;


Dan tulisan berwarna tu korang bolehlah tukar ikut suka korang. Korang boleh tulis atau cari code warna tu kat sini <--  . Senang je kan? hehe.. kalau tak paham atau perlukan bantuan, komen je kat bawah ni, insyaAllah aku akan bantu k^^


update :sesetengah blog takde code ni, so kena buat secara manual. Sila cari code ni dulu.



<b:skin><![CDATA[



copy code kat bawah ni dulu.



.sidebar h2 { 
margin:0;
padding:0 0.2em;
line-height:1.5em;
background:#CDB8D4;
}

paste code kat atas ni selepas code <b:skin><![CDATA[ . 

Feb 7, 2011

tutorial double underline

Ddh lama sangat tak post apa- apa kat belog ni. Aku tengok member- member lain rajin gegiler up traffic diorang, tak macam aku kan... dok goyang kaki kat umah je. huhu.. By the way, aku dengan bangganya mengumumkan kini aku berada di Sabah, YEAHH! tapi sedih gak sebab berjauhan dengan orang tercinta, huaargghh... :'(

Takpe, tu semua cobaan.. Apa? COBAANNNN... ni bukan main- main, ni betul- betul punya! Akey, berbalik pada tajuk kita tu, hari ni nak buat tuto pasal double underline pulak k. 

Mula- mula, LOG IN kat dashboard korang dulu.

Then.. pergi kat DESIGN --> EDIT HTML --> klik EXPAND WIDGET

dah? akey.. sekarang ni klik f3 kat keyboard korang takpun klik CTRL+F untuk memudahkan pencarian korang akey? sila cari code ni.

/* Header
Pastu, korang copy code ni kat atas code /*header tu..


u {
text-decoration:underline;
border-bottom: 2px dotted #FF0080;
padding: 0px;
}


tulisan berwarna tu korang boleh ubah ikut suka korang. Boleh rujuk kat sini --> KLIK.
Tulisan bberwarna tu sebenarnya warna untuk line korang nanti.

Akey, rasanya tu je kot. Selamat mencuba korang..papai.. ^^