nak template washed denim macam una ? mehh kita nelajar mehh , hatihati tau waktu guna coding nie semua :) and before tukar pasti kan korunk copy dulu coding lama ? takut nanti tak jadi pulakk kann ? soo , be carefull , nanty rosak pulak blog yang omei2 tuh :)okeyy , jom start ? firstly apa yang perlu korunk buat ialah , go to DASHBOARD > DESIGN > EDIT HTML then korunk scroll ke bawah nanty akan nampak select layout template click saje , then nanti dia akan keluar seperti ini :
korunk click button yang washed denim tuh then korunk SAVE TEMPLATE tuh dah dapat template baru :) and view lah blog korunk , nie contoh gambar nyer kayy :
thenn kita nak masuk kan Background blog for this template , ikut step nie kayy :
Dashboard >> Design >> Edit HTML then tekan ctrl + F and cari code nie .
body {
dekat bawah body tuh kan ? korunk copy paste coding yang una bagi nie & gantikan saja code tuh :
body {
background: url(Background image);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: #000000;
font-size/* */:/**/small;
font-size: /**/small;
letter-spacing:1px;
}
lepas tuh korunk preview kay ? hahh , dah ade background tapi tetiba nampak ade warna putih pulak kat header dia ? ouhh , jangan risau , jom transparentkan header dia kayy :
click ctrl + F search code nie :
/* Variable definitionsthen korunk dekat bawah tuh ade anak-anak code dia , korunk search code yang ade mcm nie .
====================
<Variable name="headerBgColor" description="Page Header Background Color"dah dapat cari korunk gantikan code di atas dengan code yang baru una bagi nie :
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#333333" value="#333333">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="transparent" value="transparent">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="transparent" value="transparent">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="transparent" value="transparent">
tadaaa , dah transparent pun header korunk :) chomell kann ? soo , mehh , kita buat header dia pulak kayy , ade dua :) satu yang bersambung ngan main body , lagi satu yang tak bersambung , jom belajar satu-satu kay :
Header bersambung dengan body
(harap faham lah yer?tak pe papehal tanya je una kay?)
contoh yang bersambung punya
contoh yang tak bersambung
explanation :
yang ade tuto using adobe tuh kan , yang tuh untuk header yang bersambungpunyer , kalau nak buat yang tak bersambung same je stepnyer cume korunk tak perlu buat rectangle rounded tool tuh jer yang lain-lain tuh korunk buat lah kayy ? senang jer kann ? then kalau buat yang no tittle tuh kan ? una guna width nya 760px and height dia 300px kite leh jer buat body die jady melengkung cam una punya blog nie :) soo , mehh kita buat kayy :
click ctrl + F and cari code nie .
#content-wrapper {
then bawah dia ade anak-anak code kann ? hahh , ganty kan saje dengan code yang una bagi nie kayy .
width: 760px;
margin: 0 auto;
padding:15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}
yeayyy ! siap blog korunk ! senang kan nak buat ? yang border melengkung tuh dia atas bawah tau ? try lah scroll sampai habis :) whee :D harap-harap korunk faham lah tuto una nie kayy ? harap dapat bantu korunk yang newbie lagi nak guna washed denim template nie :) ganti je coding yang una bagi nie , for sure korunk boleh dapat punye lahh :) yang untuk sidebar post tittle boleh rujuk dekat Tutorial una kayy ? tapi kalau nak una buat untuk part-2 punye una mahu tggu request je :) kalau ramai request una terus kan kayy ?
nota kecil :
semoga berjaya ~
like like nti kak dyan nk cuba :)
ReplyDeletesalam . nak tnye . awak edit header tu dkt mane ek ? :)
ReplyDeleteuna buatlah yg part 2 punye !~ please-pleasee !~
ReplyDeletethaaaaaaaaaaaaaaaaank you very much kaaak. Nak part 2! :D
ReplyDeletetkiu ! dah jadi ! ;]
ReplyDeleteda jadi , tp why wrna tlusan dya wrna bru ? cm new na tkr wrna pinkea .
ReplyDeletedah jadi :) terime kaseh XD
ReplyDeletedh tq!!
ReplyDeletehee :) welcome semuaa ^^
ReplyDeletegrr una, saya gagal pada step masukkan backgroud itu :(
ReplyDeletemcm maner pulak bolhe gagal ?
ReplyDeleteape yang tak kene?
tak tahu. dah cube banyak kali, tetap gagal :(
ReplyDeleteUna nak buad header tuu kat mane? Adobe Photoshop ke?
ReplyDeleteboleh saje :)
ReplyDelete:) sy ikut tutor ni ye :p
ReplyDeletesy suka tuto nie! dh cuba n success...:)
ReplyDeletekat mane nak carik background tuh ? :D
ReplyDeleteMacam mane nak letak background? tak jumpe pon :(
ReplyDeleteUna, kat mane nak letak header tuh? I mean header tu nak letak kat code yg mane?
ReplyDeletemcm maner tuh eihhh ??
ReplyDeleteuna tak faham ?
excuseme , nk tye . mcmmne ea nk save photoshop trnsparent ? tk reti
ReplyDeletesalam . kak una , nak tanye , macam mana nak buat transparent dengan terus tulis . fatin buat tak boleh keluar tulis pun ? harap kak una boleh tolong ~
ReplyDeletewslm :) nak terus transparentkan header & tulisan ?
ReplyDeletemacam mane tuh yer dikk ?
akak tak faham ??
ehe , fatin tersyasyul XD maksud fatin macam mana nak buat transparent , lepas tu tulis tajuk header kita . ha ~ baru betul . hehe .>//<
ReplyDeleteuna yg edit header tu kena guna editor apa ? photoshope ke? thanks
ReplyDeleteuna , mcm mne jarakkn header tu ngn main body .. mcm una ny header tu ?
ReplyDeleteakak, cmne nk download photoshop?
ReplyDeleteSaya tanya macam mana nak letak header kat blog? Sorry kalau Una rase mcam menyusahkan hehe
ReplyDeletenanty una try buat tuto dor basic in blogger kayy?
ReplyDeleteA'ah,berapa dia punya widths?
ReplyDeletekak una Bila saya masukkan backgrund kan kat Edit HTML tu kan , kak una suruh letak background kan?
ReplyDeleteSaya dah letak link tuu tappi Tetap putih !
Xde background !!!
background tak keluar =='
ReplyDeletefatin amik ^^
ReplyDeleteKak Una , saya cube letak link yang kak Una kasi tapi kenapa tetap putih ?
ReplyDeleteyeay! jadi! thanks! :)
ReplyDeleteAkak farina guna tuto nie untuk tuto farina punya blog boleh tak ?
ReplyDeleteassalamualaikum kak una ^_^
ReplyDeletealya nak cakap thank you so much sbb buad tuto ni.
tuto kak una mmg the best of the best lah!
senang faham. keep up the good works kak una! :)
thanks ! <33 :'))
ReplyDeleteKita ikut tuto sinie.. Thaaaankksss :)
ReplyDeletesaya dah buat,, menjadi larh.. thanx.. ^^
ReplyDeletekak una, syer ta de Adobe photoshop cs5 laa . try downdload ta dpt pown . crack ckit kt mna . mna kowt . cmna nie ? bleyh tlng ajarkan mcm na nk download ?
ReplyDeletekak una naper background dye x kuar ek ???
ReplyDeletethanks sys dah jadik dah <3
ReplyDeleteyesyesyes !
ReplyDeleteakhirnya selepas berpuluh-2 kali buat ,
jadi jugakkk .
thnkiu so muchhh !!
sys . saya punye background tho tak keluar lha . die jady putih jea . saye dha tak tau nak buad macam mane dha niy . belog saye dha putih semua . soryy meyusahhkan :(
ReplyDeleteakak nak tanya
ReplyDelete1. cane nak wat background bintik-2 mcm akak ny??
2. cane nak besarkan saiz blog??
Sis Unaa, Background Image tu mcm mn??
ReplyDeleteUna, kenapa nak masukkan background tu tak boleh? Dah masukkan linknya, tapi still putih macam asal punya. Macamana eh?
ReplyDeleteuna ? saya punya tak jadi. bila tukar dia terus jadi besar --'
ReplyDeleteSys , saya tak jumpa lahh select layout template tuhh. Puas dahh cari TT_TT
ReplyDeletekak una . cth kite da wat header tu . lpas2 mcm mne nak masukkan ?
ReplyDeletekak una . sofea x pandailah nak download photoshop nie semue . boleh tlg ajarkn x ?
ReplyDeletedah jadikkk.....thannzzzzz bnykkk2 k kak una....:D....
ReplyDeletetq..tq n tq so much akak...
ReplyDeletemulanya sedih coz blog kena hack..
akhirnya happy coz kak una wt tuto ni..
utk dletakkn kt blog sy..
storyofbudakjambu.blogspot.com
kak una,nape kalau saya buat border melengkung tu tiba2 sidebar pergi bawah post?minta tolong ya..:))
ReplyDeletekak una, terima kasih for the tuto. now, blog kite dah xserabut dah. thanks yee akk. ;)
ReplyDeletekak una, boleh tunjukkan tutorial untuk buat header tu bercantum dgn body . Plis~ :)
ReplyDeleteemm kaq macam mnew nk dpt kan header uh mksudnye header uh nk dpt kt ne ek?
ReplyDeleteakaq mcm mnew akaq dpt header uh?dpt dry mnew ek?
ReplyDeletekenapa background nya tak keluar yer???
ReplyDeletedah pening sangat....
dah try banyak kali tapi tetap tak boleh....
dia putih jer....
macam mana ek nak buat??/
hehhe^^
thx
una, nak tanya. kenapa saya bt header bersambung tu tak jadi? die pnye rounded rectangle tu jadi tak sama size dgn witdh page
ReplyDeletekak una kenape blog najiha dye jadi lain
ReplyDeletekenape saya buat tak jadii :(
ReplyDeleteuna , naz try tak jadi pun .. yg part background tu .. wrne putih je ..
ReplyDeletedah jadi tp tak tahu nk buat header tu..tolong :(
ReplyDeleteKenapa aien buat tak jadi ? Huh sumpah pening :(
ReplyDeleteakak mcm mne nak buat header tu ? sya tak pham la , hrap akak bleh bntu sya <3
ReplyDeleteuse this tuto.. thanks :)
ReplyDeletesaye amex sys . :)
ReplyDeletekak una , mcam mana nk transparent kn header tu ? sye x faham ..
ReplyDeleteKak una ! Tengs for the tuto . I'm using it .
ReplyDeleteKak una, dah jadi. Thankss
ReplyDeleteThank kak Una :)
ReplyDeletemacehh kak ! sayang akak !
ReplyDeletekakkkkkkkkkkkkk...............cmner nk wt kt ps tu..xthw nk pkai bnda alah tu.. adoii !!
ReplyDeletenape bckground tetap jd colour putih . . . xjd . . cm ane nie ?
ReplyDeleteKak Una, urgent !!
ReplyDeleteKenape bile saya dah tukar template,
edit template saya kosong !
Saya tak sempat nak copy edit html yg dulu,
macam mane nie ?
pastuh, bile saya nk ltak background, tak jadik :(
kak una,,
ReplyDeletewashed denim ni sng gune ke ?
thanks una :)
ReplyDeletemacam mane nak tukar kod tu ea ?
ReplyDeletetak reti ??
knpe bckground sy ttp jugak wrne putih ni?
ReplyDeleteSis, nak tanya, kenapa sidebar text pun transparent?
ReplyDeletekak una , apa font buat header tu?
ReplyDeleteOk,thanks akak!
ReplyDeleteDone ! Tapii mcm mana nak buad header ?
ReplyDeletehttp://fatinsyafiqahlotfi.blogspot.com
thankss kak una...
ReplyDeleteTk jadi lhh .. background tk keluar ponn :(
ReplyDeleteMacam mana nk bt header eh ? guna ap ?
ReplyDeletetak bjaye lahh ;( tak pham kat copypaste code then GANTIKAN ? gantikn cmne ekh ?
ReplyDeletekenapa kite buat tak jadi ? :(
ReplyDeleteknp putih jer ? plizz , nk keterangan details .
ReplyDeletexder mcm background yg k.una bg tuh :(
okay , pgang kate2 k.una , practice make perfect .
ReplyDeletehuh , finally dpt buat jgk background tuh , kte amek purle ye .
nk insert tlisan tuh mcm mne k.una ?
ReplyDeletelisan tuh da buat , code tuh da copy , tp tlisan jer x tawu nk mcok kn mcm mne
k.una , yg melenkun tuh mmg jd , tp xder tlisan , mcm mne nk msok kn tlisan tuh ?
ReplyDeletetlg yee :(
Dah jadi! :D terima kasih sangat sangat <3
ReplyDeleteterima kasih kak una for all the tuto.nnti saya credit akak, skrg x boleh sbb blog tgh ada masalah.. boleh kak una tlg tgk blog saya tak? sbb saya x tau nk buat mcm mana bg main dgn sidebar tu tak mcm tu..
ReplyDeletekak una mcm mne nk masokkan url background tuh da masokkan tapi tak dpt
ReplyDeletethanks..
ReplyDeletethx :)
ReplyDeletemenjadi.tenks.
ReplyDeleteStresss -.-
ReplyDeletethanks . menjadi :)
ReplyDeletekak una.. amek satu tau. thanks
ReplyDeletefinally, berjaye lah sis. thanks sis!!
ReplyDeletekak!~ saya dah cuba cari washed denim takde pon..tolonglah!!
ReplyDeletemcm mne eak??x jadik pon~:(
ReplyDeleteakk wat header 2 kat ner eak..
kak una..saye nak gune washed denim punyer templat..tp knp tak leh nak letak background?saye try ikut tuto kak una ni..tp still tak boleh..mcm mane ni ye?
ReplyDeletesye da buat . wow , terer laa kak una. fufu cuma yg titile tu -.- complicated! tkley
ReplyDeletethanks kak
ReplyDeletethx nah~
ReplyDeleteterime kasih yerp kak!!!
ReplyDelete: knp nk hlgkn yg header 2 xley ?? bler buat je mesti xley .
ReplyDeletesalam..mcm mn nk tukar ke denim skarang sbb blog dashboard kn dh jd lain?
ReplyDeleteSaya guna TUTO Nuna...Tq so much
ReplyDeleteKak Una . Macam mana nak tuka dari blogskin ke washed denim ? Susah laaa ;[
ReplyDeleteKak Una . Macam mana nak tuka dari blogskin ke washed denim ? Susah laaa ;[
ReplyDeletekak una :) harap dapat balas:) saye ade masalah dekat part background image macam mane tuu??
ReplyDeleteThanks :) tuto yg baguss ni :)
ReplyDeletekak una , nape blog saye jadi mcm ni ? tlg tgk jap . akak tekan older post and tgk thanks http://rajanora.blogspot.com/
ReplyDeleteAlhamdulillah, thanks kak Una for this tuto !! Menjadi ;)
ReplyDeletekak una , kalau buat header tu pakai photoscape tak leh eh ?
ReplyDeletehai, saya guna template awak. thanks sangat2
ReplyDeleteskrg bentuk dashboard pun da berubah. camana tu??
ReplyDeletekak una, kakak boleh tak tolong buatkan arah blog ku ...? please...
ReplyDeletekak una, boleh tak kakak tolong aku buatkan.. ?please...
ReplyDeletetakdapat lah :(
ReplyDeleteterima kasih ye kak una! sye mmg perlukan sgat2 tutorial psal nie.. terime kasih banyak2!! :D
ReplyDeleteKak Una! U r the best! skrg sy dh boleh buat tmplate utk bskins sndri ^^
ReplyDeleteerr -,- sampai dekat nak buat header transparent tu . tak jumpa kod bgcolor tu . saya tak tau kowt salah tekan bukan denim washed ka sbb skrg kan dashboard dah tukar baru . Btw , saya skrg back balik blogskin . but try to do template denimwashed jugak . so nanti akak balas dekat blog saya boleh . pleaassee *buat muka sedeyy* hehe
ReplyDeletekak Una ..saya x paham la part ganti kot untuk header tu..
ReplyDeleteHello my friend! I want to say that this post is awesome,
ReplyDeletenice written and include approximately all important infos.
I would like to peer more posts like this . http://birdcam.
backyardwildlife.com/modules.php?name=Your_Account&op=userinfo&username=SilasEddie
Have a look at my webpage ... throwing
Thanks for one's marvelous posting! I certainly enjoyed reading it, you may be a great author. I will be sure to bookmark your blog and will eventually come back sometime soon. I want to encourage you to ultimately continue your great work, have a nice morning!
ReplyDeletehttp://www.collybs.com/railfarewatch.co.uk/tiki-index.php?page=UserPageizettawatt
Feel free to visit my homepage :: booker
What's up colleagues, how is the whole thing, and what you would like to say regarding this article, in my view its actually awesome in favor of me.
ReplyDeletehttp://russianloved.com/LowellCast
Also visit my website yachtcharter müritz
I have been exploring for a little bit for any high-quality articles
ReplyDeleteor weblog posts on this kind of area . Exploring in Yahoo I eventually stumbled upon
this site. Studying this info So i am happy to convey that I've an incredibly good uncanny feeling I came upon exactly what I needed. I so much undoubtedly will make sure to don?t overlook this site and provides it a glance regularly.
http://www.ocadia.de/user/profile/danielstei/
Also see my website: customers
Good post. I learn something totally new and challenging on sites I stumbleupon on a daily basis.
ReplyDeleteIt's always useful to read articles from other authors and use something from their web sites.
http://bookall.net/blogs/user/HarryThv
My webpage lyricsrob
sys, macammana nak tukar template washed denim kalau guna new interface ?
ReplyDeleteakak. Skrg punya dah jenis lain lah kak. Pening. Tksama. Bleh tk akak tunjukkan cara yg skrg punya :D thanks kak :)
ReplyDeletekenapa tak jumpa select layout template tu? :/
ReplyDeletekenapa tak jumpa select layout template tu? :/
ReplyDeletex faham , macammana nak buat header guna photoshop tu ?
ReplyDeleteAkak, macam mana nak tukar blogskin ke denim washed tu? Adek tak tau laa. Dah cari design yang akak kata tu, tak ada pun. Yang ada template jahh :'( Akak, tlg please. Buat tuto or PM adek dekat FB, Mardhiyah Hasbullah :) Thanks.
ReplyDelete