بِسْــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْـــــمِ
اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ

Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

07 March 2012

menu tab simple

hai hai :)
kali ni nak buat tutorial menu tab yang simple, tutorial ni di request oleh Cik Arfiqkah kita, jenguk jenguk Blog Cik Fiqkah

apa menu tabs tu? menu tabs tu yang macam dekat atas ni,bawah header yang ada home, owner, tutorial, life stories, & others, faham ?
okay, are ready kids? aiyaa kapten !

ikut semua step ni okay
1) sign in blog korang macam biasa
2) klik new post
3) klik edit pages & new page
4) dekat page title tu korang taip lah apa yang korang nak taip okay, contoh macam dalam gambar dekat bawah ni :)
dah siap? klik publish page
dah ke? nanti dekat blog korang akan keluar macam ni
klik blog tabs & save and publish

SIAP !
tapi kalau korang nak buat yang ada link dalam blog, contoh macam ni

korang kena ikut step ni pula

1) klik edit pages balik

2) klik create page
3) tulis tajuk apa yang korang nak
4) klik link

5) paste link url yang korang nak masuk kan ( pastikan korang dah publish apa2 post yang korang nak masukkan ) dekat yang ada anak panah hitam tu. Taip tajuk post korang dekat yang ada anak panah kuning tu. Dah? kalau korang nak tahu link tu jadi ke tak, klik test link tu, kalau dah puas hati, klik OK


untuk sapa2 yang tak tahu macam mana nak ambil link url, rujuk gambar ni
yang ada anak panah dekat atas tu la link url, faham kah? :)

kalau korang nak tambah lagi, boleh terus ulang step yang sama
senang je nak buat menu tab ni, yang penting sabar & tekun

okay tu je, hope this tutorial could help you guys :)

BUBUY

02 January 2012

Shoutbox Yang Simple


okay, pada korang yang suka simple, boleh try shoutbox ni!

senang okay, tak perlu register

tapi tak la secantik shoutbox korang :)

nak tak? kalau nak klik ni shoutbox

lepas tu copy yang HTML code tu

dah copy? pandai, sekarang klik design dekat blog korang

klik add a gadget

klik Html/JavaScript , dan paste dekat dalam tu

last sekali, klik save

DONE ! cepat senang mudah

centerkan header blog

apa ! , header korang senget? errrrr, saya pun pernah, weeeee

selepas 'berhempas pulas' edit header, apa lagi dengan penuh excited serta konfiden korang upload header korang, tup tupp , cehhh SENGET !


RELAX RELAX, take a deep breath okay


ikut step simple ni

1) sign in blog korang yang cun melecun tu

2) click design

3) click template designer

4) click advance

5) click add CSS

setakat ni okay tak?

6) okay, lepas tu copy code ni



#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

7) paste dekat column add custom CSS tu, yang highlight merah tu boleh ditukar ikut kesesuaian blog korang, tapi untuk blog ni, saya guna 55px untuk centerkan header, up to korang lah nak tukar berapa okay

8) finally, agak agak korang dah puas hati, click lah apply to blog, back to blogger then DONE!

senang je kan?

okay, bye bye, ini tutorial pertama saya, segala kesulitan amat dikesali, peace yawww !