TUTORIAL : TUKAR SIDEBAR TITLE DALAM BENTUK GAMBAR

selamat malam.solehah datang lagi bersama toraaa dtg lagi.hehe..okei.ekcely solehah tak

tau nk buat apa sekarang.tu la nk buat tutorial pulak.fuhh.nasib baek laptop kazen ada

adobe photoshop.kalau takk.entah la apa nk jadi.hehe..esok solehah nk balik rumh sendiri

dah..eh2!asl cte pasl solehah pulak nie..okei2.noktah.lupakan pasl solehah.hehe.korang..

faham tak tajuk tutorial yg solehah bagi tu.hugahuga..!tak faham??solehah main letak je.

yg ada dlm kpala otak tu lh buat.hehe..xpa2.sebagai contoh dan untuk di jadikan rujukan,

korang bukak blog solehah okei. *asek blog solehah je jd contoh kan.haha..

tutorial nie.untuk yg malas nk nak uplod/tuka font pakai webs.com tu ha..hehe..nk wat cmnie.

lagi cantek woo..solehah tak tipu..tak suka tipu tipu okei.. ehehe.

LANGKAH 1

• mula2.korang mesti sediakan gambar untuk di jadikan title pada sidebar korang. :) mcm yg solehah buat nie ha.nak buat pkai photoshop boleh.photoscep pun boleh.hehe

 

(nie contoh je.hee..dr blogsolehah..)

LANGKAH 2

• korang dah siap buat semua gmbr/title tu.uplod masuk blog.lagi senang kei.dah uplod. korang ambik url gambar tu..mcm kt dalam nie okei.

ambik yg solehah highlight merah je tw.hehe..start dari <img border... />

LANGKAH 3

• korang dah siap uplod semua gamba/title tu.biarkan dulu..jom bukak DESIGN > EDIT HTML.
• jangan lupa tick EXPAND WIDGET TEMPLATES yep.nanti korang tak jumpe pulak koding tu.hoho.. :)

LANGKAH 4

• lpas tu. ctrl+ F .cari koding nie.

<div id='sidebar-wrapper'>

LANGKAH 5

• dah jumpa?mesti ada kan koding yg mcm nie bwah2 tu..hehe..

<b:widget id='HTML4' locked='false' title='TITLE WIDGET KAT SIDEBAR KORANG' type='HTML'>

• "TITLE WIDGET KAT SIDEBAR KORANG " korang mesti delete taw.

LANGKAH 6

• dah jumpa koding mcm tu.dalam tempat yg sama.ada koding yg mcm nie pulak..

<h2><data:title/></h2>

• koding nie pulak.untuk title setiap widget korang tu.gantikan  <data:title/> dengan koding nie okei.

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbAPFXTQPoPOJWrsv6-Y_trRaVSAcSeP6xBqDp69i9TQSvlCSYG6_mCdZAqfxa3UacvKFmpyIivRyY4igEaZRoIcgqQFQyTgiWQ_PrUC9la1MCeVbPRAHJ4rq46clM69GQEWU7Rd2RXRy/s1600/SIDEBARTITLE.png" />

...<---nie korang letak kod image yg korang uplod tadi.

(nie kod gambar yang korang ambik msa kt langkah 2 tadi yep.) 

LANGKAH 7

• ha.dh siap.PREVIEW. lpastu..klau mejadi..teruskan dengan widget korang yg lain.

LANGKAH 8

• ulang dari langkah 5 okei.korang cari je nama widget kat sidebar korang tu.ctrl + F pun boleh.

LANGKAH 9

• sila alert okei.tengok koding yg solehah underline merah tu,hehe..koding korang akan jadi mcm nie.

 

(klik untuk paparan lebih jelas.)

makin banyak widget korang.makin bnyk la kod image nak d paste.haha.. :)

yang pasti.korang mesti cari koding kat LANGKAH 4 tu.paling penting okei.

aip.petang petang makan belacan + asam..kalau ada yg tak faham...jangan malu.jangan segan.. tanya lh solehah okei..haha..hancuss pantun 3 kerat..ehehe. :)

pst!mirul..mirul..solehah nk tuka gamba bleckwite jugakk..huwahuwaaaa.. (^_^) /