Pages

Wednesday, December 12, 2012

Tutorial Blog : Title Sidebar yang Comel macam tuan belog ni.



Lama gila tak buat tutorial.
Sebab dah berlambak sangat kat Google tu kan.
Tapi sebab ada request aku buat jugak.
Mungkin Title Sidebar aku sangat gojes tak boleh dijumpai di mana2 web lain. Wakakaka (berlagak sangat kan. Tampa kang !)


Ke hadapan Cik Wana yang gojes,

bleh x nak mintak awak buat tutorial macam mana buat sidebar background dgn tulisan cantik tu..
saya biasa buat background, font dia sama dgn post

Yang Benar,
Saya yang cun.



Contoh Sidebar Aku
Cantik kan? Mihmihmih.


Okey macam ni.
Selalu kan banyak tutorial yang tambah background belakang title sidebar je kan.
Tapi disebabkan aku terlebih rajen, aku punye title sidebar ni aku edit satu2 guna photoshop.
Ni masa zaman2 aku takde keje dulu la.



So kalau korang pon terlebih rajen jugak nak buat macam aku punye boleh.
Meh aku ajar.
Tapi make sure kene pandai pakai photoshop lah sebab aku malas nak buat tutorial photoshop ni.
Dan lagi satu tutorial ni untuk denim template la sebab blog aku guna denim template kan.
Kalau template lain boleh try tapi kalau tak jadi harap maaf. Hihi.





Korang masuk photoshop. Edit title sidebar macam yang korang inginkan. Kalau nak tulisan macam aku tu boleh donlod sendiri. Donlod kat Google je. Search "Kinkie". Size tak kisah sebab nanti dalam HTML code korang boleh adjust balik ikot lebat sidebar korang. ok?




Kalau korang ade 10 title sidebar maka 10 gambar lah korang kene edit satu2 ye.
Jadi sila bertabah.


Tapi kalau korang tak tabah boleh la tempah dengan aku.
Boleh emel kat syazwanajamal@hotmail.com
Ceaaaaaa sempat lagik promote. Kekekekeke.


Lepas dah siap semua upload kat entry untuk amik image url.
selalu orang upload kat photobucket kan tapi aku tak suke.
so aku lagi suke upload kat blog sendiri then amik je url tu.


1. Bukak dashboard blog.
2. Masuk bahagian Template.
3. Tick Expand Widget Templates.
4. Guna Control F untuk carik title sidebar satu2.

Contoh kalau ade title sidebar korang "Saya yang cun"
So taip lah "Saya yang cun"
Jangan pulak taip "Saya yang comel" kompem lah tak jumpe kan.


Contoh la.




Macam gambar atas ni blog kakak aku.Ada title sidebar nama "Counter"
So guna Control F taip counter and akan keluar lah bahagian sidebar tu.


Macam dalam gambar atas yang aku highlightkan tu.
Korang kene carik code tu.

<h2 class='title'><data:title/></h2>


dan replace kan code tu dengan code bawah ni.

<center><img src='IMAGE URL KORANG' style='border-width: 0px;' width='280'/></center>


Contoh :


<b:if cond='data:title'>
    <h2 class='title'><data:title/></h2>
  </b:if>


Gantikan macam kat bawah.


<b:if cond='data:title'>
    <center><img src='IMAGE URL KORANG' style='border-width: 0px;' width='280'/></center>
  </b:if>



Faham?

Width tu boleh adjust ikot kelebaran sidebar korang wokeh.
url sidebar korang masuk kat bahagian 'IMAGE URL KORANG' tu ok.


Kalau ada 10 sidebar maka 10 sidebar lah korang kene replace satu2.
ada faham?


Tapiiiiiiiiiiiiiiiiii kalau korang perasan bahagian followers aku takde title sidebar.
Kenapa??
Sebab aku try replace tapi tak jadik. Mihmihmih.
Aku pelik sebab aku edit blog orang jadik je.

So kalau korang nak try silakan.

Maka kepada yang rajen nak try, aku dengan ini mengucapkan selamat menjulingkan mata.

Sekian.


Good Luck !