BLOGGER TEMPLATES AND TWITTER BACKGROUNDS

Tutorial: Facebook Share Button

Assalamualaikum para blogger ku sekalian!!
Bulan Ramdhan nih,Ika tataw nak buad ape lagi,so banyak masa lah nak update blog, homework ntah ke mana hilangnya,hehehhe, (jangan contohi sikap burox Ika) :P
Oke!!! ^0^
Arini Ika nak buad 1 tutorial 4 New Bloggers..hihihi
sabar2, Ika maw start la nih..:)

STEP 1:
Buka Dashboard -> Design -> Edit HTML -> Expand Widget Templete :D

STEP 2:
Then korank tekan serentak Ctrl + F n search code ini 
<div class='post-body entry-content'>
STEP 3:
Jumpa tak? Kalau tak jumpa dua-dua sekali, tataw camna Ika maw tulung! Just jerit Tolong! Tolong! :P 
(lupekan) oke...then, korank copy pulak code ini!!
<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'type='button_count'/>  <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'type='text/javascript'/></div>


STEP 4:
oke, dah copy? Pastu korank pastekan code itu DISEBELAH code yang korank cari tadi...

STEP 5:
Udah syiap! Wait a minute ! Preview dulu taw! Baru save :)

Tutorial: Facebook Like Button

Ewah!!!
.
.
.
Jam dinding menunjuk pukul 1.00 pagi...weee!!
aku nak buad 1 tutorial ni, sambil-sambil message dengan kawan, baik aku wat tutorial nih..huhu
aku nak buad ni untuk new Bloggers yang baru nak belajar membuat blog..:)
Ok! Jom kite mula!!

STEP 1:
First sekali!! Senang je,korank tekan Dashboard -> Design -> Edit HTML -> Click Expand Widget Templete

STEP 2:
Then, korank tekan serentak Ctrl + F and then,search code ini -> data:post.body (copy dulu)

STEP 3:
Jumpa tak? Kalau tak jumpa, maybe masalah templete yang korank pilih kowt, don't know la. Pastu korank copy code ini 

<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=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

STEP 4:
Last sekali!!, korank paste code atas tadi tuh di bawah code yang korank cari tadi :)

STEP 5:
Preview dulu..kalau jadi bagitaw ehh? Bagitaw di komen ajee

STEP 6:
N then save :)

Tutorial: About Me

.
.
.
Okeyh! Semua sudah beres. Aku pun nak start buad tutorial ni. Hmmm...hari ni aku nak buad tutorial macam mana nak buad "ABOUT ME"
kalau korank perasan aku ada buat about me tu. Tapi aku tulis "♥ OWNER ♥"  hehehe..
Tanpa membuang masa lagi aku nak tunjuk macam mana nak buad bende tuh

STEP 1:
Mula-mula korank kene cari dulu gambar korank yang korank nak. Paling dekat pon dekat facebook kan?

STEP 2:
Lepas pilih gambar ape yang korank nak tuh, korank click sebelah kanan dekat mouse korank pastu clik OPEN IMAGE IN NEW TAB atau VIEW IMAGE :)
tapi kalau nak senang korank tekan gambar tuh pastu tekan F5 

STEP 3:
Then, dia akan keluar gambar tuh SAHAJA n dia ada tulis satu LINK kat atas tuh (sorry kalau x faham,aku xde demo nak buad,aku gune Window XP bukan Window 7 so tak ade snipping tool)

STEP 4:
Korank copy link tuh :D

STEP 5:
Haaaa! Lepas copy tuh, korank jangan copy benda lain lagi. Korank buka Dashboard -> Design -> Page Element -> Add Gadget -> Html/Java Script

 STEP 6:
Kalau korank perasan kat atas tuh dia ada tulis Edit HTML atau Rich Text en? Korank tekan Edit HTML bukan Rich Text taw!

STEP 7:
Pastu korank paste lah link tuh :) 

STEP 8:
Save n SIAP :)

Eh2!!! Lupe nak tunjuk cara-cara nyer :P
Korank buad macam nih

<center><img src="(Link gambar)"/><center>
<center>(Nama)</center>
<center>(Umur)</center>
<center>(Tarikh Lahir)</center>
<center>(Tempat Tinggal)</center>
<center>(Status)</center>
*boleh gak wat bende laen :)

*Warne biru yg first tuh, link gambar yang korank copy tadi tuh
*Warne merah tuh pulak korank wajib tambah, Kalau tak, ianya takkan jadi! :)

By The Way, lupe nak ingatkan, gambar korank tuh x boleh besar sangat kalau korank x resize dia kecik sikit, nanti dia akan keluar saiz gambar tuh yang asli, so korank boleh resize nyer di SINI
Copy DIRECT LINK.

Sape2 yang menggunakan Mozilla FireFox, Kalau korank nak resize gambar korank,korank kene gune Mozilla. Tak boleh guna Google Chrome 4 dis tuto :)

p/s: Jika ada sebarang masalah, sila beritahu di komen yaw! :D