Tutorial : About Me
Saturday, November 30, 2013 | 0 cute earthling |
hello bloggers
banyak kawan2 mira suruh buat tutorial untuk cantikkan blog diorang
so sini mira nak ajar cara buat kotak about me yang ada belah kanan kita ni haa ---->
bismillah hirrahman nirrahim
CARA SEDIAKAN GAMBAR
ok first anda perlu sediakan satu gambar..tak kisah la gambar apa ja yang korang suka kan
pastikan gambar tersebut sudah di UPLOAD sebab kita nak link gambar tersebut
ok..seterusnya sudah pilih gambar yg korang suka..RIGHT klik dan open image in new tab ok :)
lepas tu copy link/copy image URL tersebut
gambar sudah selesai kan :) mana nak letak link gambar tu? sabar ok sabar..
step seterusnya kita akan buat kotak about me pulak
CARA SEDIAKAN KOTAK ABOUT ME
first kita pergi sini dulu
Dashbord > Design > Page Element > Add Gadget > Html/JavaScript
kemudian klik EDIT HTML ok :)
paste sedia link gambar korang ok (nanti mana tau korang dh padam gambar tadi tu kan)
step ke2..sila copy yang ini pulak..
<center><img src="LINK GAMBAR ANDA"/><center>
isikan bahagian yang berwarna hitam tu ok..yang merah tu untuk gambar korang jadi center..kalau gambar terlalu besar korang boleh tukar saiz gambar bila klik RICH TEXT..but only for pengguna MOZILLA sahaja..kalau yang guna Google Chrome tu terpaksa la pilih gambar lain yang bersesuaian ok :) tapi setakat ni gambar mira dari fb ok ja kalau guna google chrome ^_^
macam tu la juga seterusnya kalau korang nak tambah apa2 info tentang diri korang
kat sini mira bagi contoh kalau yang macam mira punya ni haa
tapi not include border dia la :)
<center><img style="width: 143px; height: 204px;" src="LINK GAMBAR ANDA" /></center>
<center><img src="http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/about%20me/601ea520.jpg" />NAMA KORANG</center>
<center><img src="http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/about%20me/423ce88c.gif" />BIRTHDAY</center>
<center><img src="http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/about%20me/7ca69a38.gif" />ASAL</center>
<center><img src="http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/about%20me/9b18af33.jpg" />UMUR</center>
<center><img src="http://i880.photobucket.com/albums/ac7/justgee89/FAVICON/icon/about%20me/891d5fb0.gif" />LOVE</center>
sampai situ ja laaa
selamat mencuba you all :)
semoga berjaya ^_^
Tutorial : About Me