Geng wanshah: tutorial

Showing posts with label tutorial. Show all posts

Kod Color HTML

Friday, March 19, 2010

Tutorial kali ni aku schedule-kan secara automatik. Kerana aku sedang pergi bercuti. Jangan jeles la ek. :-P Kali ni aku wat tutorial untuk dapatkan code colour HTML. Korang boleh pilih color kegemaran korang dalam Colour Picker yang aku sediakan dibawah ni. Copy saje kod kaler tersebut, kemudian paste-kan ditempat yang korang nak gunakan. selamat menggunakan Color Picker ni ek. :-)

Sbg tanda sokongan anda pada blog TKSB, sila klik jika terdapat Ads dibawah.

Yang Betul,

Link Follow-up

Saturday, March 13, 2010

Ni tutorial berkenaan link pautan untuk diFollow-up pada ruangan Follower. Ramai jugak blogger yang tidak mempunyai link untuk follow-up yang saya jumpa waktu blogwalking. Mungkin diorang nak merahsiakan identiti kot. (Macam inspektor konan. ecece.. ) Contohnya seperti dibawah ni, Tidak terdapat link untuk di follow-up. Jika terdapat link untuk follow-up, ianya dapat memudahkan korang menarik traffic ke blog korang disamping owner blog yang korang follow tu dapat memollow blog korang balik.

Contohnya seperti dibawah ini, terdapat link untuk difollow-up. ini dapat memudahkan korang menarik traffic ke blog korang dan juga mudah untuk blogger² trace blog korang jika korang memollow blog diorang. So, aku akan terangkan camne nak bagi ada link tu.

Step 1: Pergi ke Dashboard dan klik Edit Profile.

Step 2: Diruangan Edit User Profile, klik pada Select blogs to display.

Step 3: Setelah ruangan Select Blog to Display keluar, tick blog yang ingin anda paparkan linknya pada ruangan link untuk di Follow-up tadi.

Step 4: Klik pada Save Settings dan pergi ke blog anda untuk melihat hasilnya.

p/s: kadang² mengambil masa untuk link anda dipaparkan di ruangan followers.

Sbg tanda sokongan anda pada blog TKSB, sila klik jika terdapat Ads dibawah.

Yang Betul,

Check blog berat

Tuesday, March 9, 2010

Tutorial kali ni berkenaan dengan blog berat. Berape KILO blog korang?.. huhh.. bukan berat camtu. Maksud aku, blog berat ni bila korang nak bukak blog tu. time (atau masa bg yang taktau.. ) browser korang nak load blog tu. Kalau lama, maknanya, berat la blog korang tu. So, tutorial harini adalah untuk menguji keberatan blog korang. hueheuheu..

Di sini aku ingin kongsikan Tools yang boleh mengenal pasti samada blog itu berat dan seberapa cepat ianya boleh dipaparkan. Hasil yang di tampilkan mengikut Size, Loading Time dan Average Speed per KB (Saiz, Masa Paparan dan Purata Kelajuan per KB). Apa yang anda perlu perhatikan adalah Saiz kerana Loading Time dan Average Speed per KB akan selalu berubah. Jika hasil ujian menunjukkan blog tersebut melebihi 200KB anda perlu mengurangkan beberapa widget / gadget didalam blog anda seperti Jam, Kalender Dan lain².

Background Image

Thursday, February 11, 2010

Rasanya cam dah lama aku tak wat tutorial kat blog ni. Harini aku nak wat tutorial yang bleh kata agak penting gak la dalam mereka bentuk sesuatu template. Sambil² aku wat template baru, aku terus wat tutorial ni. Contoh korang bleh tengok kat sini.

Setelah korang baca tutorial ni, korang akan mengetahui cara² utk add background image atau picture pada blog korang, customize position image, dan membuat statik background image yang tidak bergerak bila korang skrol melalui contents blog korang.

Sebelum memulakan, korang perlu ada gambar yang nak dijadikan sebagai background. Jika perlu di-edit, edit dulu menggunakan apa² software contohnya photoshop dan sebagainya. Elakkan menggunakan gambar yang terlalu besar saiznye untuk mengelakkan proses loading yang lama untuk membuka blog tersebut. Selepas tu, uploadkan(bukan download ek.. ) image korang tu ke mana² image hosting supaya image itu dapat di akses melalui URL nya. Untuk mengUPLOAD gambar, boleh lihat tutorial Mendapatkan URL Image.

Setelah URL image tersebut diperolehi, login ke Blogger.com. Klik pada tab Layout -> Edit HTML. Skrol coding template tersebut sehingga korang jumpa coding seperti ini.

body { background:$bgcolor;

1. Tukar Background Color.
Jika korang nak tukar warna latar belakang blog kepada kaler yang lebih unik, cari HTML code untuk kaler tersebut yang korang boleh cari di internet, ataupun dari software photoshop. Contohnye, katakanlah korang pilih kaler ni #B36481, So, gantikan coding diatas(coding asal) dengan coding berikut.

body { background-color:#B36481;

kalau korang nak tukar kaler utk sidebar sahaja, gunakan coding berikut dengan code kaler yang korang suka. Cari kod #sidebar-wrapper{ kemudian tambah kod seperti ini. Jika dah ada kod untuk kaler, gantikan je dengan kod ini.

#sidebar-wrapper { background-color:#FFFFFF;

Begitu jugak kalau korang nak tukar kaler untuk main post colum. Gunakan coding seperti dibawah ni.

#main-wrapper { background-color:#B38481;

2. Menambah Background Image.
Gunakan coding dibawah ini utk menambah image pada background. Cari koding body { seperti langkah diatas tadi. Kemudian tambahkan kod seperti ini.

body { background-image: url(URL address image anda);

Jika anda ingin tambahkan background image pada sidebar, gunakan coding seperti dibawah ini.

#sidebar-wrapper { background-image: url(URL address image anda);

Begitu juga jika korang ingin tambahkan image pada main post body. Gunakan coding seperti dibawah ni.

#main-wrapper { background-image: url(URL address image anda);

3. Repeat Background Image.
Secara default nya, jika korang gunakan image yang kecil, browser akan repeat image tersebut menjadikan ianya tile(berulang-ulang banyak kali).
Jika korang taknak ianya berlaku, gunakan coding dibawah ni untuk gambar tidak diulang-ulang @ repeat.

background-repeat: no-repeat;

Selain itu, korang boleh pilih untuk menjadikan image di-repeat secara Harizontal. Gunakan coding dibawah ni.

background-repeat: repeat-x;

Untuk repeat secara Vertical, gunakan coding seperti dibawah ini.

background-repeat: repeat-y;

4. Position Background Image.
Jika anda menggunakan image yang besar dan tak di-repeat, anda boleh gunakan coding dibawah ini untuk mengubah posisi gambar mengikut citarasa anda.

background-position: top left;

berikut adalah position² yang boleh digunakan:-

top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;

5. Static Background Image
Anda juga boleh jadikan image background anda statik(tidak bergerak). Secara default, image background akan bergerak sama apabila anda scroll content blog anda. Untuk menjadikan image tersebut statik dan tidak bergerak, anda perlu tambahkan coding dibawah ini.

background-attachment: fixed;

6. Letakkan Kesemua Code
Secara asasnya, koding template yang telah diubah mungkin akan kelihatan seperti dibawah ini. Anda boleh gabung semua kod² diatas dan menjadi seperti ini.

body { background-color:#B38481; background-image: url(http://i154.photobucket.com/albums/s255/ownlblog/narutosasuke1024x768.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed;

p/s: jgn lupa tinggal komen anda disini ye?.. :-)

Yang Betul,

Button Menu

Wednesday, December 30, 2009

Assalamualaikum w.b.t.
waa.. pejam celik pejam celik.. dah nak masuk tahun 2010 rupenye. Kejap jer rasanye.. mcm baru smalam plak new year 2009. Sedar tak sedar, korang pun dah makin tua kan?.. (hahahahah.. xngaku gak wanshah nih. :-P) Ape azam korang tahun baru ni ek?.. aku?.. heheh.. rahsia.. malu la nak sebut. :-P

Ok la, kali ni tutorial aku berkenaan macam mana nak wat button menu yang terletaknya kat bawah banner. Tutorial kali ni atas permintaan dari member blog aku ieyda dari penang. Ok, jom mulakan tutorial.

Kalau korang kurang jelas, lihat gambar dibawah ni. Kawasan dalam bulatan merah tu adalah tempat untuk kite tempekkan button menu.
Langkah² untuk memulakan:
1. Login ke dashboard blog anda.
2. Kemudian pergi ke Layout -> Edit HTML seperti rajah di bawah.
3. Copy coding untuk button menu di bawah ni.

4. Paste kan coding tersebut tepat dibawah coding seperti dibawah ni.

Gambarajah dibawah ini adalah sebelum coding button menu dipastekan kedalam coding templete.

Berikut dibawah ini adalah gambarajah setelah dipastekan coding button menu tadi.

Perhatian:
Lihat pada coding <a href="#"> gantikan "#" kepada link yang hendak anda letakkan pada button menu tersebut. Cthnya <a href="http://wanshah87.blogspot.com">

5. Save templete dan lihat hasilnya.

Gambarajah diatas adalah lebih kurang hasil yang korang akan dapat. korang boleh reka sendiri button mengikut citareka korang sendiri. Kalau perlukan bantuan aku untuk reka button ataupun text yang lain diatas button tu, roger jer aku kat ym. wanshah_87@yahoo.com

p/s: kalau korang rasa tutorial ni best, jgn lupe tinggalkan komen ek. :-)

Yang Betul,

3 Footer Columns

Thursday, December 3, 2009

Hait.. menerjah lagi aku kali ni ngn tutorial baru. Alang² aku nak ubah templete blog aku, so aku terus wat tutorial untuk dikongsikan bersama korang. huhuhu.. Tutorial kali ni berkenaan dengan Blogger Footer. Jika korang menggunakan default blog template, korang mesti perasan pada bahagian Footer section, hanya ada horizontal Add a Gadget element yang sama kelebarannye ngn lebar blog. Contohnye seperti gambar nih.

So, jom kite ubah suai ( mcm nak modified kereta kancil biru plak. huheuheu.. ada org terasa ke nih?.. :-P ). Dalam tutorial ni, aku nak jadikan 3column pada bahagian footer dan letakkan default column tu dibahagian bawah. Contohnye seperti dibawah.

Kelebihannya:
►Korang boleh letakkan lebih widgets (gadgets).
► Susun mengikut kesukaan korang.
► Kandungan blog korang akan di LOAD lebih cepat jika korang letak gadget yang berat²(yg besar² saiznye la. bkn berat sekilo dua kilogram. huehueheu.. ) dibahagian bawah.

1. Jika terdapat widget (gadget) pada Footer, remove-kan terlebih dahulu:
LAYOUT ► check jika ada widget pada footer ► jika ada, click pd Edit dan ► Remove

atau, terus "drag" je ke Sidebar. Korang blh drag semula ke Footer setelah selesai menambah column pd footer.

PERINGATAN: Jangan lupa backup template anda terlebih dahulu!
(p/s: thanks putera al-maliki cz ingatkan saya =D )

2. Pergi ke LAYOUT ► EDIT HTML ► dan cari code seperti dibawah ni:
(p/s: korang boleh guna Ctrl+F untuk mencari koding dengan senang)

]]></b:skin>
</head>

Kemudian, paste koding dibawah ni tepat² diatas koding diatas tadi.

   #footer-columns {
   border-top:1px dotted #999999;
    clear:both;
   margin:0 auto;
    }
    .column1 {
    padding: 0px 5px 3px 5px;
   width: 30%;
    float: left;
    margin:3px;
    text-align: left;
    }
    .column2 {
    padding: 0px 5px 3px 5px;
   width: 31%;
   float: left;
   margin:3px 3px 3px 5px;
    text-align: left;
   }
   .column3 {
    padding: 0px 5px 3px 5px;
    width: 30%;
    float: right;
    margin:3px;
   text-align: left;
    }
    .addwidget {
    padding: 0 0 0 0;
    }
    #footer-columns ul {
   list-style:none;
   margin:0 0 0;
   padding:0 0 0;
   }
   #footer-columns li {
   margin:0;
   padding-top:0;
   padding-left:0;
   padding-bottom:.25em;
   padding-right:15px;
   text-indent:-15px;
   line-height:1.5em;
   }
   body#layout #footer-columns {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   }
   body#layout .column1 {
   width: 32%;
   float: left;
   }
   body#layout .column2 {
   width: 32%;
   float: left;
   }
   body#layout .column3 {
   width: 32%;
   float: right;
   }

ini adalah coding CSS style untuk Footer section korang yang baru.

3. Untuk menambah container didalam layout korang, pergi ke LAYOUT ► EDIT HTML ► dan cari coding ni:

<b:section class='footer' id='footer'/>

korang kena DELETE code tu, dan REPLACE dengan code ni:

Save template.

tutorial ini boleh juga digunakan pada templete yang berbeza width, kerana columns yang ditambah telah disetkan secara auto mengikut saiz kelebaran width template anda.

Yang Betul,

Membuat Favicon

Thursday, November 26, 2009

Kita bertutorial lagi kali ni. :-) ni last sebelum aku balik beraye AidilAdha. hueheuhe.. selamat berhari raya smua. Ok, jom mulakan tutorial.
Apa tu favicon?.. Favicon adalah gambar yang terpapar disebelah kiri url website. Contohnya macam ni.

Cara² untuk membuatnye (cewahh.. cam nak masak² plak. :-P )
1. Korang mesti kena ada gambar berukuran 100px X 100px.
(pic ni aku pinjam dari ady. nanti tahun depan sy bg balik yer ady. :-P )

2. Pergi ke website iconj.com ataupun klik sini.
Cari(browse) dimana gambar yang korang nak jadikan dia sebagai favicon tu. Lepastu klik pada "Upload it!".

3. Selepastu, paparan seperti dibawah ni akan terpapar.
Korang copy koding yang ada dalam kotak merah yang telah ditandakan oleh encik wanshah tu, lepastu login ke dashboard blog korang.

4. Klik pada tab Layout --> Edit Html.

5. Kemudian, paste kan koding yang korang copy dari iconj.com tadi tepat² dia atas koding </head> contohnye seperti dibawah ni.

6. Korang boleh klik Save Template dan pergi ke halaman utama blog. dan korang boleh lihat hasilnya.
terima kasih kerana sudi membaca entry ni. :-P

Yang Betul,

Domain Percuma

Wednesday, November 25, 2009

Kali ni aku nak wat tutorial sket pasal domain percuma nih. (bukan sket sangat la. agak banyak la jgk. huhuhu.. ) Mungkin korang ramai yang dah tau. Tapi aku nak penuhkan gak blog nih. huehuheuhe.. jgn marah haa.. ( nanti kena jual. :-P )

Slalunye kite dok guna domain blogspot jer. Sesekala blh la nak ubah angin guna domain "WWW" plak. :-) Tapi kali ni free punye domain aku akn terangkan. Contohnye, cuba korang klik domain kat bawah ni ataupun bukak browser lain then tulis url nih.

http://www.wanshah.co.cc

Kalau korang klik domain ni, konform akan gi kat blog TKSB gak. :-) coz aku dah setting bagi dia redirect ke blog aku. hhehehe.. So, jom kite mulakan tutorial camne nak wat.

First skali, korang klik banner kecik dibawah ni, tak pun, terus jer search nama domain yang korang nak.

dapat kan domain percuma di sini

2. Lepas korang search, result seperti dibawah akan dipaparkan. Dalam tutorial ni aku create "www.domainkorang.co.cc"

3. Jika domain yang korang nak tu tak available, kena search domain lain plak la sampai available ye. Lepas tu klik "Continue to registration". Then, screenshot dibawah akn dipparkan.

4. Klik pada "Create an account now" kerana korang takde akaun lagi. Lepastu, korang akan dibawa ke page seperti dibawah ni.

5. Isi dan penuhkan borang registration tersebut. Borang ni untuk korang register domain "www.domainkorang.co.cc" tadi. Pada Homepage URL tu, tulis jer url blog korang. Then, klik pada "Create an account now". Selepas tu, page sprt dibawah akn dipaparkan menandakan domain korang tadi telah berjaya di-create. :-)

6. Klik pada "Set up". Then paparan seperti dibawah akn dipaparkan.

7. Klik pada "Set up" untuk setup domain ni direct ke blog korang. Lepastu paparan sprt dibawah akan dipparkan. (huehue.. banyaknye then n lepastu.. :-P sory la ye.. )

8. Klik pada no.3 "URL Forwarding". Korang wajib isi URL blog korang ditempat seperti gambarajah diatas. Jika tak isi, domain ni takkan redirect ke blog korang la jawabnye. Isikan juga page title, description dan keyword. Lepastu klik "Set up".

9. Page di atas akan dipaparkan menandakan setting anda telah berjaya dilakukan. Klik pada button "OK". Lepastu anda akan dibawa ke page terakhir seperti dibawah.

Di page ini, korang bleh tengok sume setting yang telah dibuat. Then, try bukak browser baru dan taip nama domain yang telah korang create tadi. Smoga berjaya ye. :-)

Yang Betul,

Template Blogspot TKSB

Sunday, November 15, 2009

Korang dah baca ke entry yang aku dah buat sebelum ni berkenaan "20 Cara Buatkan Roomate Anda Gila". Kalau dah baca, pandai-pandai la ek. Bergurau biau berpada-pada. (huhuhu.. tak patut betul aku ni ajo orang wat benda bukan2. :-P) Posting kali ni aku nak terangkan pasal cara nak gunakan template. Kebanyakan sume dah tau pasal nak guna template ni. Tapi aku letakkan gak kat sini kalau2 ada newbie yang blm tau cara nak gunakan template. Sebenarnya dah ada 2 3 orang gak la yang mintak kat aku template yang aku guna ni. So, kat sini aku nak kasi kat korang template yang aku guna ni. Kalau korang cari kat internet, memang tak de orang guna pn template ni. coz aku reka sendiri template ni full-handmate. huehuheu.. aku pun blasah jer sambil belajar2. Template ni aku buat waktu lepas raya harituh. Maklum la cuti aku sikit jer. Orang masih beraye, aku dah start keje. Dok kat opis tak tau nak watpe, so aku godek2 la blog aku nih. Nak wat keje, xde pe keje yang blh di buat. coz mana ada orang time tu. tinggal aku ngn 2 3 orang jer staff yang bekerja. Sepanjang hari gak la aku men-designkan blog aku nih. dan hasilnye, terhasil la blog TKSB ni. :-D
First skali, korang kena download dulu template blog nih kat sini:-

Bila dah selesai men-download, ikut step kat bawah ni:-
1. Klik pada tab Layout.
2. Klik pada Edit Html.
3. Klik pada Browse untuk cari file XML(template) yang korang dah download tadi.
4. Klik pada Upload setelah pilih file template tadi. Ikut gambarajah seperti dibawah ni.

Kadang-kadang, error message akan keluar. Tak pun dia suruh kite delete gadget-gadget yang ada. So, ignore jer. Tapi pastikan korang backup dulu sume gadget-gadget yang ada. Pastu kelik jer button Save Template seperti pada gambarajah dibawah ni untuk rujukan.
So, berjaya lah sudah korang install template blog ke dalam blog korang. :-) Ermm, satu benda lagi nak bgtau kat korang. Banner dalam template ni adalah berukuran 945px × 200px. Ataupun korang bleh download banner kat bawah ni. (Right clik -> Save Image As) then, modified jer kat Photoshop, Paint, ataupun ape-ape software la. Coz saiz dia aku dah kasi ngam-ngam ngn template ni. :-)
So, selamat mencuba la ek. Kalau korang rasa posting ni best, jangan lupa tinggalkan komen ataupun komplen kat posting ni ek. hueheuheu..

Yang Betul,

Recent Viewers Dari Blog Catalog

Saturday, November 14, 2009

Hari-hari cuti camni memang boring dok rumah. tambah plak member rumah aku dua orang tu balik kg. tinggal la aku sorang2 kat rumah nih. tak tau nak gi mana.wawawawa.. rumah aku sebelah alamanda jer. tapi nak gi alamanda jarang2 sekali.(aku minat la jenjalan kalau xde mmber. huhuhu..) dok putrajaya ni xtau nak gi mana. tapi mmber2 aku yang still lagi belajar, diorang slalu jer datang sini jenjalan. pelik la aku ngn diorang ni. memang kaki jalan kot. aku yang dok sini dah boring tak tau nak g mana. huhuh.. (ye sangat la tu Encik Wanshah oit. :-P) kalau korang datang putrajaya ni roger2 la aku. :-P smalam aku ingat nak wat entry. ntah camne aku bleh tetido kat depan laptop aku ni pon tak tau la. sedau2 jer dah pagi. wawawa.. (terok betul la aku ni kalau dapat tido. :P) aku ingat nk wat tutorial pasal Blog Catalog. macam yang aku baru letak kat blog aku ni. :)

Blog catalog merupakan salah satu Blog direktori yang banyak digunakan oleh para blogger. Kelebihan blog catalog dibandingkan dengan blog direktori lainnya adalah tersediannya fasility group, discusion dan ada juga tool recent viewers yang banyak digunakan di blog. Fungsi tool recent viewers adalah untuk mengetahui siapa pengunjung yang menjadi member blog catalog yang berkunjung ke blog kita.

Untuk memasang tool ini, perkara pertama yang harus kita lakukan adalah mendaftarkan blog kita ke blog catalog. Alamatnya di http://www.blogcatalog.com/blogs/submit_blog.html. Setelah selesai pendaftaran kita akan mendapatkan email aktivasi untuk login di Blog Catalog.

- Setelah login, dihalaman dashboard klik create a widget

- Pada halaman widget pilih Recent Viewers di "Type of Widget"

- Pilih setting yang sesuai dengan keinginan dan klik "update code and Preview Widget"

- Copy code yang telah dihasilkan dan letakkan di blog di lokasi yang kita inginkan.

Hasil recen Viewers akan terlihat seperti di sisi kanan blog ini. Selain blog catelog tool recen viewer yang banyak digunakan adalag MyBlogLog dari yahoo.com.
Terima kasih dah membaca semoga bermanfaat.

Yang Betul,

Membuat Textarea

Thursday, November 12, 2009

Posting kali ni aku nak wat tutorial tentang “Textarea”. Mungkin ramai yang dah tau. Tapi ada permintaan dari rakan blogging yang mintak aku wat tutorial ni. Kat bawah ni adalah contoh Textarea yang akan aku terangkan cara penggunaannye.

So, no hal punya la. Aku tempek gak kat sini. Kat bawah ni pairing kod untuk mencipta textarea. bile korang declare jer kod dibawah ni, maka terhasil la textarea seperti diatas tadi.

<textarea>Content</textarea>

Antara kegunaan textarea ni, korang bleh berkongsi code HTML dengan orang, ataupun buat pertukaran link dalam blog korang. contohnya macam gadget Hubungan Sulit dalam blog aku nih. (huhuhh.. sulit la sangat.. :-P) Untuk berkongsi code HTML, lebih digalakkan menggunakan textarea ni. Korang perlu tau basic code untuk memasukkan apa² code dalam textarea ni.

Basic Code:-

Kod	Hasil
<	<
>	>
"	"
	space

Contoh Salah:-

p/s:- cara ni adalah salah kerana apabila korang publish ke internet, pasti akan berlaku error.

Contoh Betul:-

p/s:- Kod yang berwarna merah adalah bagi menggantikan simbol yang ingin kita paparkan didalam textarea setelah dipublishkan ke internet.

p/s:- untuk membuat gadget Hubungan Sulit macam dalam blog ni, sila refer pada tutorial yang lepas disini.

Yang Betul,

Pelawat ke-1000

Monday, November 9, 2009

Waa.. akhirnya sampai gak visitor blog TKSB ni pada bilangan yang ke-1000. Tapi ok la tu untuk blog yang baru nak mula. (huhuhu.. ayat nak sedapkan ati. :-P) Mesti korang tak sabau² nak tau sape pelawat yang bertuah tu kan?.. Dun't worry, aku akan umumkan dalam post ni. Bagi sape² yang tak berjaya tu, eh!!.. belum berjaya. :P lepasni bleh try lagi. InsyAllah ada rezki, aku akan umumkan untuk pelawat bertuah akan datang. Kepada member² bloggers yang tolong promotekan blog TKSB ni aku ucapkan terlebih dahulu ribuan²+jutaan² ucapan terimakasih. Sampai tak terucap la. :-)

Untuk makluman korang, pelawat bertuah blog TKSB nih adalah member kite dari penang iaitu ieyda blog beliau http://mizzieyda83.blogspot.com/
Disini saya lampirkan sekali award dari TKSB untuk pelawat bertuah ke-1000 TKSB. Harap dapat mengambil award ini secepat mungkin.

Cara untuk letakkan diblog:-
1. Login ke dasboard blog.
2. Klik tab Layout.
3. Add gadget --> HTML/Java Script.
4. Copy dan paste kod diatas.
5. Save dan view blog anda.

Yang Betul,

Status YM di blog

Friday, October 23, 2009

Terima kasih kepada member blogging aku sorang ni yang sudi hadiahkan posting tutorial ni kat blog aku. Rasanya korang ramai yang dah kenal bro ady ni. Kalau tak kenal lagi, bleh tengok kat sini blog dia. Untuk tutorial kali ni, rasanya dah ramai yang tahu. tapi takpe la, aku tempek gak kat sini supaya bertambah la posting kat blog aku yang baru nak naik ni. (p/s: korang support² la blog TKSB ni ek. :-P)
So, jom mulakan tutorial.

1. Login ke ID Blogger atau terus ke "Dashboard"

2. Klik "Layout" kemudian ke Bahagian Tab "Page Element"

3. Pilih "Add a Gadget" dan pilih "HTML/JavaScript"

4. Copy dan masukkan code dibawah ini kedalamnya.

<a href="ymsgr:sendIM?YM_ID"> <img src="http://opi.yahoo.com/online?u=YM_ID&m=g&t=2&l=us"/></a>

5. Tukarkan YM_ID kepada Email ID anda tanpa perlu meletakkan @yahoo.com... letak nama jer...

6. Pada code (t=2) di atas, adalah code gambar status YM yang anda ingin pamerkan dan anda boleh menggunakan gambar status yang lain seperti berikut:-