Wednesday, December 15, 2010

Ubah Tajuk Sidebar kepada Bentuk Imej

ditaip Unknown pada 12/15/2010 01:04:00 PM



Mula-mula kena tau saiz kelebaran sidebar blog kita berapa.
Tak tau nak cek saiz macam mana?
Ini caranya.

Dashboard / Layout / Edit HTML

Cari kod ini (Ctrl + F)

#sidebar-wrapper {

Kat sini kita boleh lihat ada kod
width: 260px;


So, maksudnya saiz sidebar blog MP 260px

Maka buat la imej bersaiz 260px. Buat lebih kecik tak pe asalkan jangan lebih. Haa, time ni guna la kepakaran korang design ye. Tak kesah la buat guna photoshop ke photoscape ke. MP guna dua-dua sekali Photoshop CS5 & PhotoScape. Ngeh Ngeh.Ini hasil terbaru, baru je buat tadi. Simple jek, sebab suka simple. Padahal tak reti design ngaku je la (-.-)


Macam biasa la, bila dah siap design pegi la upload pic korang tu dulu untuk ambil Url Image. Tak reti? Boleh rujuk SINI ye.
Baik, cara masukkan imej

Dashboard / Layout / Edit HTML / Download Full Template
(penting sebagai backup!)


Sila tick Expand Widget Templates


Sekarang kena cari kod Tajuk Sidebar kita. Sebagai contoh yang MP buat, untuk tajuk Frenzz. Tekan Ctrl + F dan taip Frenzz.

*sila taip dengan sama sebijik macam tajuk yang korang buat tu. Kalau huruf besar, kena buat huruf besar la ek.
Kalau tak, memang tak jumpa. Kod yang korang akan jumpa adalah seperti berikut.

<b:widget id='HTML4' locked='false' title='Frenzz' 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>

Tukar kod ini,
<h2 class="title"><data:title></data:title></h2>

dengan kod imej ini,
<img border='0' src='URL Gambar Korang'/>

Hasil kod seperti dibawah
<b:widget id='HTML4' locked='false' title='Frenzz' 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='http://img257.imageshack.us/img257/1/frenzz.png'/>

</b:if>

ini MP punya.

Ok siap. Klik Peview, dah ok, bolehla Save Template


Untuk follower widget mungkin akan ada problem. Next tutorial je ok ;)






Dah habis baca ke? Jemput tinggalkan komen ◕‿◕



46 komen:

Anonymous said...

nak cube..nak cube...mntak mnjadi..:)

MrsYats on December 15, 2010 at 1:41 PM said...

bgus la...tp tak reti nak buat...hehe

Semarak Api on December 15, 2010 at 1:54 PM said...

wahhh..bole try nih.tengs 4 d sharing :)

Semarak Api on December 15, 2010 at 1:55 PM said...

eh2..nk tny lg.hehe.agk2 buat cmni effect x loading time blog kite?jd mkin slow x?tenkiu MP..

LyNn HaMzAh on December 15, 2010 at 1:59 PM said...

mcm rumit jer...tp kalau cuba mesti jadi kan...

Unknown on December 15, 2010 at 2:02 PM said...

@Semarak Api
eh eh mesti la effect. so kenela pandai2 jgn bt gmbar berat sgt .. hoho

MummyEcha on December 15, 2010 at 2:13 PM said...

mau try la....tq ya :)

Unknown on December 15, 2010 at 2:57 PM said...

good info .. nnt dah boring dgn blog boleh la buat .. tq dear..

Anonymous said...

sy berjaya mommy...tq2..

ismimaizura on December 15, 2010 at 4:28 PM said...

wa suka suka..TQ mommy cute =)

baincardin on December 15, 2010 at 4:28 PM said...

Jom layan 'Part 2' plak. ^_^

suffer8zine on December 15, 2010 at 5:35 PM said...

wow sis! nice la!

Terkini : Antara 10 Jam Tangan Termahal Di Dunia | Telefon Bimbit Paling Lasak Di Dunia | 10 Gunung Tertinggi Di Dunia.

Sakina Shaharudin on December 15, 2010 at 5:44 PM said...

mommy mommy, nak try buat laa :) Hee

Mawar Merah on December 15, 2010 at 10:07 PM said...

U r so terel Jana. Blh bukak kedai design ni.. (^^)

Anonymous said...

salam ,i cari kod tapi tak da la mommy ?
macm mana ni ?

Miracles Of Life on December 16, 2010 at 7:03 PM said...

wah.. thanxs mommy... :)
sowi lmbt jejak cni.,,

anakdenesor on December 18, 2010 at 4:12 PM said...

mommy..hukhuk..cemua da jd kecuali follower la mommy..knpe ea?

anakdenesor on December 18, 2010 at 4:34 PM said...

takpe mommy..thanx..da jd da..mommy byk membantu caye..thanx cecangat..ngee

Nurul Ain's on December 23, 2010 at 5:50 AM said...

untuk tajuk lain plak nk buat camne?

Nurul Ain's on December 23, 2010 at 10:49 AM said...

umm,, yang lain dah mau.. follower jer tak bleh.. camne ni?

Anonymous said...

Salam , mommy tak jadi lah ?! Mommy buat tu untuk chat . Mcm mana nak buat ?

Nurul Fatihah on January 21, 2011 at 9:03 PM said...

hm,bleh tlong wt kan x.
x reti la
bab x thu nk wt cm ne

Unknown on January 21, 2011 at 9:07 PM said...

sape2 nak mommy pinky buatkan boleh la tgglkan email & nama & url blog ye :D

Nurul Fatihah on January 23, 2011 at 12:43 PM said...

http://fatihahthought.blogspot.com/
nurul fatihah

email 2 cm ne?

Nurul Fatihah on January 23, 2011 at 3:27 PM said...

nrl_fatihah@yahoo.com.my
cm ne erk?

LADY NEO on February 1, 2011 at 5:10 PM said...

DAH BUAT TAPI BERKENAN YANG MOMMY LAGIK.. :)

Cek Aiza on February 6, 2011 at 7:08 PM said...

thanx jadi ! :D

fAiRy PrInCesS on February 12, 2011 at 9:41 PM said...

kalo amik gambar dari photobucket xleh ea? dah try banyk kali tadi tapi die x kuar image tapi die kuar url lak bile preview. hehehe

Unknown on February 12, 2011 at 9:47 PM said...

@fAiRy PrInCesS
boleh je, asalkan ambil direct link :)

fAiRy PrInCesS on February 12, 2011 at 10:09 PM said...

oo.. ok. jap. saye try 1 skali

Anonymous said...

m0mmy b0leh x t0lng wat kn??
saya wat x retilh..
hehe~
tp,sebl0m 2..
kena byr ke??

Asmindar on February 28, 2011 at 7:45 PM said...

mommy..cm mne niey?ta taw nk edit la mende uwh..errgghh...grm niey

Hanis Zakirah on March 13, 2011 at 3:40 PM said...

Mommy,code x jumpe :'(

nina sakinah on March 17, 2011 at 11:07 AM said...

saya tak jumpe yg (Ctrl + F)

Miera Hassan on March 17, 2011 at 8:28 PM said...

thanks mommy..suka tutorial ni..hihi

Hanis Zakirah on March 26, 2011 at 11:36 AM said...

setengah jadi setengah error..hehe

Nadiah AJ on April 19, 2011 at 4:01 AM said...

LIKE this mommy :)

Unknown on May 5, 2011 at 12:00 AM said...

akak , tak menjadi laa :( sdeyh . i've tried many times .

nysa arzmn on May 5, 2011 at 11:08 PM said...

mommy!!! thanks....nysa punya da jadi..heheh...thank you so much mommy...

Unknown on May 10, 2011 at 9:30 AM said...

aii...salam...um..sy dah try bnyak kali dah..npe x jd erq??boleh lg watkan???

★Huda K I M ★ on June 18, 2011 at 1:49 PM said...

arggh!!! trimas sesangat ! :)

Anonymous said...

Mommy! sy punya tak boleh. tak jumpa code. hope mommy boleh tlg ey. ni email, masis.blossom@gmail.com
http://masisdiarytales.blogspot.com/

Aida on July 9, 2011 at 2:41 PM said...

thanks mommy...aida dah berjaya buat..

datang la melawat ke http://sesukaida.blogspot.com..

mommy x de banner ke??? egat nak curik nak letakk kat exchange banner

Anonymous said...

mommyy...saya x berjaya lg la...
mommy tlg buatkan ..bole x?

sieta on November 21, 2011 at 5:29 PM said...

mommy, kenape tak jadi ea. boley tolong buatkan tak. da bingung da ny. hihihii.
email-nurmassitabtabdrashid95@yahoo.com
url-http://littlefinggerstalk.blogspot.com/
name-masita.
tlg buatkan ea mommy :)

adda on December 8, 2011 at 1:12 AM said...

macam best je...hahhahaha nak cube boleh kan....

:a :b :c :d :e :f

Post a Comment

 

Sign in
Copyright © 2021. All rights reserved
Hannah Marketing (002548446-P)