08 September 2011

Tutorial Blog - Gambar Sidebar Title Sendiri

salam blogger kat korang..haiii...
hmm hari nie offday..tak pergi ofis..
apit nak buat tutorial untuk korang nie..
yang nie request dari blogger mana ntah..dah lupa..
apit nak ajar camna nak letak gambar sidebar title sendiri..
alaa macam apit buat untuk sidebar title apit tue..
contoh kat bawah nie ha..nampak kan..
 apit design sendiri guna adobe photoshop..
then apit letak la kat sidebar title apit tue..
jom kita belajar ye..ikut step by step okay!

1. Log In > Dashboard > Design > Edit HTML > Tick Expand Widget
2. Di keyboard korang tekan CTRL+F dan search nama untuk sidebar title korang tue. Contohnya kalau korang rename Owner Blog, search Owner Blog..
3. Pastu korang akan jumpa code macam kat bawah nie..
<b:widget id='HTML1' locked='false' title='Owner Blog' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class="title"><data:title></data:title></h2>
</b:if> 
4. Sekarang nie korang copy code kat bawah nie..
<img border='0' src='Letak URL Gambar Korang'/>
5. Pastue gantikan dengan code kat bawah nie taw..
<h2 class="title"><data:title></data:title></h2>
6. Then code korang tue akan jadi macam kat bawah nie..
<b:widget id='HTML28' locked='false' title='Owner Blog' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
     <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFEO6lO_SBEnzzXz4xN3GtBrP5ZosDN6OuU71HDkEoqwwY0OPbibaMgQ5XWj5iN3vVOcfrLnqrdVH9751kDYg-uOYc_hcZR3Rh6B9GoCskeZ9EF4T0DtAoPYnp2TsFwGkE61PXdhG3NwE8/s1600/search.png'/>
  </b:if>
7. Korang Preview dulu jadi ke tidak..kalau jadi terus SAVE TEMPLATE.
8. Untuk sidebar yang lain pown buat cara yang sama jugak..
9. Nanti apit ajar create gambar sidebar menggunakan adobe photoshop okay!

SELAMAT MENCUBA!


12 orang komen:

♥ Nana BamBam ♥ said...

buatkan bleh tak? nana xde photoshop lor..ngehngeh..huhuhu

En iLHAM said...

dah berjaya apit
thanx bebanyak tau
dah lama tunggu tutorial ni
hehe

Wanie said...

Thankz sangat2...dah lama cari..jumpa jugak... ;D

Boboi Boy said...

Terima Kasih :)

Ct Azura said...

alamak...x ley la apit... =(

Nur Lyanah said...

xphm la..byk sgt paste kat bawah..yg mana nak paste yg mana nak tukar kan..uh konpius..

FazElixier said...

eli bookmarks this tuto!!! huhu...tq apit =)

Anonymous said...

x jadi pon!!

Unknown said...

tq,

Unknown said...

terima kasih^^

Nour Shazana Shahiful Hizam said...

tak jadi lerr

Unknown said...

wah..nk cuba lah