Hasil seni dan reka bentuk adalah berbayar dan hakcipta Whitey Mommy.
Sila hubungi saya di whiteymommy@yahoo.com untuk sebarang pertanyaan dan tempahan.
Anda TIDAK DIBENARKAN SAMA SEKALI untuk mengambil/menyalin/menyimpan
mana-mana bahagian hasil seni dan reka bentuk yang telah saya hasilkan TANPA KEBENARAN!

Customize Tajuk Sidebar Cara Whitey Mommy

Salam semua... nak share tutorial tentang sidebar iaitu nak mencantikkan lagi sidebar anda... selain letak gambar kat sebelah title... kita boleh tukar terus tulisan mengikut citarasa masing2... tak de lah bergantung kepada warna background dan warna tulisan saja kan... jom follow saya untuk cantikkan sidebar.. (kepada sesiapa yang minat)....



1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
backup template anda dengan tekan Download Full Template...
Ini Penting ya!

**Saya guna sebagai contoh sidebar saya iaitu My Sponsor...( teknik yang sama juga perlu dilakukan untuk tajuk2 sidebar yang berikutnya...)

3. Gunakan CTRL+F untuk memudahkan proses pencarian. Taipkan My Sponsor (anda perlu gantikan dengan tajuk sidebar anda) dan tekan Enter.
kod yang akan muncul adalah seperti berikut:

<b:widget id='HTML1' locked='false' title='MY SPONSOR' type='HTML'>

4. Kemudian anda scroll kebawah dan cari kod berikut:

<h2 class="title"><data:title></data:title></h2>
 updated: terkadang ada yang tak jumpa kod ini sebab tak semua template kodingnya sama... tetapi tetap merupakan item yang sama... jadi cuba masukkan dalam kotak search kod ini sahaja:
data:title
 kemudian search... then perhati... jika ala2 sama dengan kod diatas... terus gantikan aje...:)

5. Gantikan kod diatas dengan kod yang berikut:

<img border='0' src='http://i911.photobucket.com/albums/ac317/khaironisha_2010/mysponsor-1.png'/>
*perkataan yang saya boldkan dengan warna merah, anda perlu gantikan dengan url gambar anda.

ok! anda boleh preview dan jika tiada error boleh Save


Updated on 28 December 2010 : untuk widget follower, sila tukar widget follower anda ikut tutorial ni...  kemudian follow step yang sama untuk masukkan tajuk...

Anda perlu tahu saiz kelebaran sidebar dahulu sebelum membuat tulisan supaya tajuk anda kelihatan kemas... sebagai contoh saiz kelebaran sidebar blog saya adalah 280px jadi tahap kelebaran yang saya gunakan adalah 250px.

Tulisan boleh direka dengan menggunakan perisian photoshop ataupun generate di sini
Kemudian, gambar tulisan yang terhasil perlulah diupload ke laman web Photobucket (@laman web yang biasa anda uploadkan gambar anda untuk mendapatkan url)

Selamat Mencuba...

15 Comment (s):

  1. saya nak cube....
    tp takut coding hancur dikejekan hehehhe

    ReplyDelete
  2. @Yan
    cuba dulu... kan boleh back-up template...nnti kalau tak jadi boleh upload balik...

    ReplyDelete
  3. aku selalu dtg sini tgk tutorial nih..hehe..

    y utk follower tu masih tak reti lorr..isk~ :'(

    ReplyDelete
  4. yg follower tu tetap xjadi la even ikut step 2..npe erk?

    ReplyDelete
  5. @::ienafazlyna::
    untuk follower tu memang kritikal skit... ada orang jadi ada tak jadi... kena try n error banyak benda... saya pun dah lupa macam mana saya buat untuk nak nampak kan untuk follower tu... sebab template tu pun dah buang... huhu

    ReplyDelete
  6. Saya Dptkan url dr imageshack.
    dh paste sume tp jarak semacam jek plus da yg hancur :(
    cuba sys tgk :(

    ReplyDelete
  7. ha3..bnyk info kat sini..dah cuba2 juga namun satu pun tak jadi..kena bnyk try n error..tp selalu serber slow gilos...kiv je lew

    ReplyDelete
  8. slm..kak,nape ju buat kod yang akak cakap tu takde?

    ReplyDelete
  9. follower tak jadi, yg lain ok..hihi

    ReplyDelete
  10. salam..dudu wat sume xjadi akak..hukhuk maybe dudu xreti kot..btw..tq utk tutorial

    ReplyDelete
  11. error la..Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The content of elements must consist of well-formed character data or markup.
    Error 500

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete

Thank You For Leaving a Comment to Me...

 
Copyright © Whitey Mommy™