tutorial : nak cantikkan sidebar dengan menggunakan pic/gambar

by - 02:49:00

Assalamualaikum, peace upon you.

ok tutorial ini diminta oleh blogger apit, baru-baru ni shida ada edit blog shida part sidebar. so jom tengok tutorial ini. Actually shida pun follow tutorial blogger ciktom tapi tak berjaya. shida sendiri cuba-cuba lastly berjaya diubah seperti sekarang. so stepnya mudah saja cuma perlu menggunakan sepenuhnya di edit HTML. apa yang perlu ada untuk tutorial ini adalah korang perlu design dulu  title sidebar korang seperti yang shida tunjuk sebagai contoh dan dapatkan link gambar tersebut. tak kisah sama ada korang upload di web image seperti photobucket atau pun di blogspot sendiri yang penting link gambar WAJIB ada.
 http://cincaisajekodnyasebagaicontohok/oldestpost.png
  http://cincaisajekodnyasebagaicontohok/mynuffnang.png
 http://cincaisajekodnyasebagaicontohok/bestbuddy.png

1. firstly log in blog dan terus buka page element > edit html > tick expand widget
2. cari kod seperti ini >   <div id='sidebar-wrapper'> (guna ctrl+f lagi mudah)
3. ok dah jumpa kod yang dicari mesti jumpa macam gambar yang shida print screen ini kalau korang rasa kod lain. cuba cari kod yang macam shida petak kan dengan warna biru tu.
klik gambar untuk lebih jelas.
4. contohnya shida nak letak untuk gambar sidebar nuffnang shida. seperti sekarang ni jadi shida perlu letak link gambar selepas kod ini >  <h2 class='title'> dan sebelum kod ini > <data:title/> sama seperti dalam gambar yang telah shida print screen kan untuk memudahkan korang. 
5. kalau korang nak letak dibahagian-bahagian lain dekat sidebar tu boleh tengok bahagian  title='nuffnang' < ini adalah title sidebar korang jadi mesti sama dalam edit html. 
6. bila dah puas hati korang preview dulu kalau menjadi kira korang berjaya. kalau tak berjaya boleh follow tutorial asal oleh blogger ciktom . tapi shida punya tak sama macam ciktom. shida follow tutor ciktom tak berjaya tak tahu la kenapa. ok selamat mencuba!



Share
Tweet
Pin
Share
Tags :

You May Also Like

14 comments

  1. FIZGRAPHIC17 June 2011 at 03:04

    thanks taw shida..tgh meneliti coding..hihi..

    ReplyDelete
  2. Anonymous17 June 2011 at 03:07

    adui,peningnyer dgn kod2x ni.huhu

    ReplyDelete
  3. FIZGRAPHIC17 June 2011 at 03:07

    alamak xdak sidebar wrapper..
    huh!
    kena ikhtiar cari code len plak..

    ReplyDelete
  4. al_hakim17 June 2011 at 03:12

    nice sharing..=)

    ReplyDelete
  5. LiLy @ MaMaQiStInA17 June 2011 at 09:29

    Nice sharing..TQ.. ;)

    ReplyDelete
  6. Unknown17 June 2011 at 11:56

    haaa..dah lame apik nk buat camtu..tapi tak berkesempatan..hehe

    ReplyDelete
  7. chiah_ismile17 June 2011 at 12:23

    nk try wat tp pening nk ngadap coding 2..huhu

    ReplyDelete
  8. caliph shuriken18 June 2011 at 01:57

    rajin ar wt tutorial ^^

    ReplyDelete
  9. Mohd Hazwan18 June 2011 at 21:42

    cantek memang cantek..
    tapi bab design ni fail sket...
    designkan kak haha

    ReplyDelete
  10. b0an22 June 2011 at 01:16

    berair mata boan mencari kod tue..waaa

    ReplyDelete
  11. norliza22 June 2011 at 09:36

    cantik lah...tapi nak design kan macam mana?ada contoh web yg boleh menjadi rujukan x?pls inform me...i need more information

    ReplyDelete
  12. Puteri Kayangan?@#$%????4 July 2011 at 15:29

    Uuuuuu sedihnya ..macam tak de je <div id=sidebar saye ..kot2 dah terdelete ker...wawawawa..sedih uuuuu

    ReplyDelete
  13. musi21 September 2011 at 19:01

    Salam;
    memberikan ilmu satu sumbangan yang amat dipuji.

    ReplyDelete
  14. J.Syazwana24 February 2012 at 09:08

    salam kak.

    saya try buat tapi ada error lah. die keluar camni

    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: Open quote is expected for attribute "{1}" associated with an element type "align".


    mintak tolong sangat2 kak.
    reply dekat email saya : syazwanajamal@hotmail.com :)

    ReplyDelete

Segala komen-komen yang telah disiarkan adalah tanggungjawab sepenuhnya ke atas penulis itu sendiri. Pemilik blog tidak akan bertanggungjawab jika berlaku sebarang permasalahan berkaitan dengan komen yang disiarkan. Mana-mana komen yang berbentuk iklan, mengandungi link/url yang mencurigakan, mengandungi kata-kata maki hamun yang tidak menyenangkan tidak akan disiarkan. Harap Maklum dan Terima Kasih.