Pages

Showing posts with label TUTORIAL. Show all posts
Showing posts with label TUTORIAL. Show all posts

Saturday, March 5, 2011

Tutorial : Tambah Add a Gadget Bawah Header

Dah lama rasanya blog ni tak de entry..
Dah bersawang agaknya hihi..
Sekarang ni aku malas bebeno nak menaip dan blogwalking ke blog sape2..
Mood mengarang tu dah takde selagi impian dan keinginan aku belum tertunai ;)

Hokey..
Aku malas nak citer pasal tu..
Kita tunggu dan lihat sahaja..

Hari ni aku teringin nak buat tutorial untuk diri sendiri..
Bukan pe, tiap kali aku tukar background blog..
Sesetengah mende yg ada kat blog lama turut hilang skali ngan html yang aku delete tu..
Hmmm haru sungguh..
Nak kena cari balik apa yg dah aku buat..
So, skarang nih aku nak buat tutorial agar senang aku buat rujukan..
Kot2 ler aku nak tukar background lagi ker..heheh

Kekadang aku rasa cam perlu jer..

TAMBAH ADD A GADGET KAT BAWAH HEADER

Mmm senang jer nak buatnya..
Korang kena cari ayat ni..

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>


Kalau nak lebih senang tekan ctrl + F
Taip jer 'content-wrapper'
Dah tu..
Korang perlu tukar pekataan 'NO' pada 'YES'

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>

Jangan lupa 'SAVE TEMPLATE' yek
Dan Tadaaaaa..
Dah pun menjadi...
Tak caya???
Boleh tengok gambo kat bawah ni..




Hokey..
Pada korang semua..
Good Luck eh..

Tata =D






Monday, November 8, 2010

Tutorial : Cara Buat Banner Exchange Link

Hari ni nak berkongsi ilmu lagi..
Kiranya sambungan dari entry..
Cara Buat Banner Bergerak yek!

Kisahnya hari ni..

Cara Buat Banner Exchange Link

Rasanya ramai yang dah buat Banner Exchange Link memasing..
Dan rasanya jugak..
Ramai yang dah tau cane nak letak kat blog memasing..

Hokey..
Pada yang dah tau cane nak buat...
Korang duk jer diam2 ek..
Sebab tutorial nih khas untuk kengkawan yang jauh ketinggalan macam Yana nih hik3

Ye ler..
Orang lain sume dah sampai ke bulan..
Yana jer baru nak carik kapal angkasa tuk naik ke bukan ngeh3
Okey..
Cukup ler ko melalut Yana oitttt

Kita mulakan..

Di entry lepas korang dah buat banner bergerak tu..
Bila dah siap wat banner tu..
Terus bukak 'New Post'

Upload gambo banner korang tu..
Dan buat link untuk gambo tuh
( Jangan lupe double klik kat gambo dulu.. baru buat link hihi )
Kalo nak lebih jelas lagi..
Leh tengok contoh kat bawah nih..




Terus klik 'Edit HTML'





Check dulu menjadi ke tidak link yang dibuat tadi..
Hokey..dah selesai satu bab..

Skarang nih macamana nak masukkan banner tuh kat belog
Berserta dengan kodnya sekali..

Sila Copy kod banner anda tadi...
Dan
TERJAH KAT SINI

Letak kod yang telah di copy tadi dalam kotak yg disediakan..
Seperti contoh kat bawah..




Klik 'Encode'
Kod tadi akan bertukar menjadi seperti gambo di bawah..



Gambo menunjukkan kod yang dah di 'encode' 


Terus aje pergi ke Design >> 'Add a Gadget' >> HTML JavaScript

Ada dua perkara yang anda perlu buat..

* Pertama, masukkan kod html yang belum di 'encode' ( Untuk menampilkan Banner )

* Kedua, masukkan kod html yang telah di 'encode' ( Untuk menampilkan kod html )


Untuk kelihatan cantik, menarik dan da bomb..
Anda boleh la menambahkan kotak scroll pada kod html di bawah gambar banner...

 <p align="left"><textarea rows="3" cols="35" name="code">KOD HTML YANG TELAH DI ENCODE<br /></textarea></p>


Dah pun siap!!
Dan inilah hasilnya..

Tadddaaaaaa..







Exchange Link yang dah sedia untuk digunakan =D
v
v
v




SELAMAT MENCUBA YEK!!







Pada kengkawan yang bertanya.. harapnya dapat ler menyelesaikan masalah korang tu.. Yana dengan sedaya upaya membuat entry yang mudah untuk difahami =D.. harap beroleh manfaatnya biarpun hanya sedikit.. SEMOGA BERJAYA!!!





Saturday, November 6, 2010

Tutorial : Cara Buat Banner Bergerak

Salam semua..

Hari ni rasa cam baik hati jer nak kongsi ngan korang
Cara Buat Banner Bergerak
Hasil dari godek2 kat Google..

Bukannya ape..
Tutorial ni gak amat berguna wat Yana sendiri..
Entry ni sekadar ingatan buat Yana agar lain kali kalo dah terdelete ke
Nak buat lagi skali bulih jer rujuk kat sini
Kang senang tu =D

Okey..

Memula skali..
Korang kena ada PHOTOSCAPE <== klik jer kat sini tuk download

Kalo dah siap download tuh..
Leh jer terus ke Animated GIF
Tukar canvas size ke 125x125

Muat turun gambar yang korang nak
Macam kat bawah ni..



(Klik untuk tumbesaran yang sihat hehe)



Dan inilah hasilnya..

V
V
V






Okey..

SELAMAT MENCUBA!!

Adiosssss








Related Posts with Thumbnails