latifahbee

>Tutorial buat post divider dalam artikle

Posted on: February 23, 2011

>Assalamualaikum..hari yang cerah menyamankan otak ! haa teori makcik bedah hujung kampung deh !

Semalam kak mimi tanya mcm mana nak letak bunga rose di dalam catatan blog di bawah atau atas entry..hee bee pun tak tahu macam mana nak ajar ni ..nak bg link pun bee dah lupa link tersebut sebab masa bee buat tu bee google jer…haha..jadi bee buatlah sedikit tutorial untuk kak mimi dan boleh juga bee simpan sebagai koleksi bee sendiri kan..

Contoh bunga rose dalam entry mcm di atas atau nak lebih jelas lagi boleh ker blog mommylavender bee baru je makeover blog mommylavender semalam..heheh ! mommy ni mcm mak angkat bee dah…sayam mommy…so bee taksampai hati tengok blog mommy tak cantik jadi bee pun makeover lah…lagi pun beee nih kan gatai tangan ! agaga…

Sebenarnya bunga rose dalam post tu adalah post divider..ada banyak cara nak buat nya…salah satu cara adalah seperti yang terdapat dalam blog whitteymommy korang tau sapa whitteymommy kan ? tapi bee buat dgn cara yang lebih mudah bagi bee haha..kalau korang tak boleh buat post divider cara bee korang boleh lah tengok cara whitteymommy tu pulak erk…
ok ! mula-mula haruslah cari gambar divider apa yang korang nak letak disitu…
pilih satu gambar dividers yang korang suka contohnya bee pilih ini…

Ambil code divider tu,tengok di bahagian bawahnya ..contoh code gambar tu ialah:

<a href=”http://www.glitter-graphics.com”><img src=”http://dl8.glitter-graphics.net/pub/2326/2326048kc4sivp9bc.gif” width=309 height=112 border=0></a><br><a href=”http://www.glitter-works.org&#8221; target=_blank>glitter-graphics.com</a>

ok tengok code tu..hanya copy url gambar sahaja contoh dibawah ..
dah siap ambil url ni simpan tepi dulu..kemudian kita nak buat code untuk di letakkan dalam html template pulak !
nampak tak ? url yang kita ambil tadi diletakkan seperti di bawah ? kalau nak gambar lain tukar jer code url tu
sekarang ni copy code di atas dan letak kan dalam html template, jangan lupa backup template sebelum mencuba edit html yer..
cara-cara nya ialah :
design > edit html > cari code <div class=’post-body entry-content’> {untuk mencari code dalam html tekan expand widget templates klik ctrl + f dan masukkan code yang di kehendaki dalam kotak sebelah atas kanan itu} > dan letakkan code diatas dibawah atau atas <div class=’post-body entry-content’> {jika di bawah divider itu akan muncul bawah entry jika letak diatas divider itu akan muncul bawah tajuk}
ok itu sahaja selamat mencuba…
psssttt : rupanya sangat susah nak buat tutorial…ini pengalaman pertama!

Ketagih join contest ? klik sini

JOM JOIN CONTEST TANGKAP LELEH ANJURAN PUANBEE

tag2
Jom singgah di butik online ayujamal shop..
pelbagai jenis tudung , shawl , dan aksesori wanita di jual !
Advertisements

15 Responses to ">Tutorial buat post divider dalam artikle"

>rajinnya bee, lepas ni tukar wpress pastu buat tutor u ayu lak k

>laa..senang je rupanya..hehe..time kasih banyak bee..susah2 je bee buat tutor ni..

>benda senang jer tapi nk buat tutor tu yg susah selalu tk jadi kena belajar jugak lah 3 hr 2 mlm baru siap haaa

>menarik ni.. pertama kali buat toturial pun senang nak faham.. Thanks yer.. Salam kenal juga..

>belom sempat godek2 utk WP lagi…

>mommy pun wat gakyezzz~ menjadi.dah mcm taman bunga~haha

>comel la template dan background bee yg baru ni..suka.suka..ingat nak godek2 jugak nak revamp my blog tu..Jom skodeng :Tentang Salam dan As Salam

>tu yg suka dgn blogspot ni.. sbb mcm2 leh buat utk hias blog..wahhh bee dah pandai buat tutorial dgn kod html… ;)tahniah…

>@ayujamalinsyallah..lmbt lagi kot ayu..bee rasa syg kat blogspot nih

>@mrs.sabrisama2…senang je wat diank buat tutor yg susah tu

>@Hanis Azlasalam perkenalan juga…

>@Ummi Hanietry lah kot2 boleh nis

>@mommylavendererm dah tengok memang taman bunga pun mommy haaa

>@CIKPUANHADYhaa try lah..bee rasa dulu pun bee dah share tempat utk ambil tutor utk makeober blog ..try tengok sitemap bee tu jer

>@kakyongkak 3 hr 2 malam tau..duk fikir mcm mana nk letak code dalam entry heee

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

my twet-twet

%d bloggers like this: