Tutorial Letak Gambar/ Icon Sebelah Post Title
Salam 1 Malaysia pada semua… Cik tom nak share tutorial letak gambar/ icon sebelah post title. Tutorial ini hanya untuk blogger yang guna platform blogspot. Untuk wordpress cik tom belum explore lagi. Masa guna platform blogspot cik tom pernah guna icon tomato di sebelah post title tapi tak berkesempatan nak buat tutorial ini. Harap perkongsian ini dapat memberi manfaat terutamanya kepada blogger baru yang tengah mencari tutorial bagi mencantikkan blog masing2. Tutorial ni memang mudah dan simple je bagi blogger yang berminat untuk letak icon/ gambar yang comel di sebelah post title. Kalau boleh size gambar tue jangan terlalu besar iaitu bersesuaian dengan size untuk diletakkan di post title.
STEP 1
Sila backup template sebelum mula untuk mengedit sebarang code.
DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>klik DOWNLOAD FULL TEMPLATE
STEP 2
Klik “CTRL+F” ataupun “F3” untuk cari code ni;
<a expr:href=’data:post.url’><data:post.title/></a>
STEP 3
Copy dan paste code di bawah di tengah-tengah code dalam step 2;
<img src=”URL/ LINK GAMBAR”/>
Contohnya;
<a expr:href=’data:post.url’><img src=”URL/ LINK GAMBAR“/><data:post.title/></a>
**pada url yang di boldkan merah tue korang letak la url/link gambar yang korang suka. Korang boleh google untuk icon animation atau cari kat GLITTER-GRAPHIC.COM.
**contoh url/link gambar yang diambil dari website glitter ialah; http://dl7.glitter-graphics.net/pub/718/718447wgph44su7s.gif
STEP 4
Preview dan save kalau tiada error pada coding. Selamat mencuba.
Sharing is caring
nk letak icon tomato la kt blog saya, hehe
cantek!
haha
ello ciktom!
lame x beramas mesra…hahaha
ngee.. nak jugak menconteng kat sini 😀
Jom baca entri terkini ASaDa RyutaRo …Gambar Beberapa Jam Sebelum Maru Dibawa Pergi
terima kasih 🙂
http://salwaismail.blogspot.com
Jom baca entri terkini salwaismail …perkara yang blogger baru patut tahu
nak cuba nie…… best2 🙂
Jom baca entri terkini pbo …Welcome to FeedBurner
hye cik tom , ika nak tanya sikit lah pasal toturial ni. ika dah buat toturial ni. tapi tak boleh jugak. macam mane eh ? hihi . terima kasih
Jom baca entri terkini ika …I miss youuu hihi
masalahnya macam mana ye??
akak, tengs alot for sharing this 🙂
btw, im following ur wordpress here 🙂
free2 singgahlah blog saya 🙂
Jom baca entri terkini Lilynn Sazlin …I cannot help U for fall in love ~
terima kasih dk…cik tom singgah blog adik jugak 😉
nak kena terai ni…. masih relevan ker?
masih relevan je…boleh cuba..tapi tutorial ni untuk pengguna blogspot…selamat mencuba..
hye cik tom..tgh ushar2 blog cik tom..sy bru je nk berjinak2 tulis blog ni..hehe..btw, tq so muchhhhhhhhh…;p
hi nur..ur welcome…jom meriahkan dunia blogging 😉
alaaa…
x jadi la cik tom..
dah banyak kali cube…huhuhu
Jom baca entri terkini Gadis …Jom Exchange Link…!!!!!
nape??masalah kat step no berapa?
kenapa dah cuba cara kedua tuh, lansung tak de perubahan pada favicon saya ek? dia amik masa yang lama ke nak tuka? aiyooook!
kalau dah ubah memang terus keluar…maybe icon yang guna xsesuai kot..cuba cek balik..
salam singgah…sis sy nak tanya yg mn 1 nak kn ubah ni cz da banyak kali cuba x menjadi pun… plss bantu…
salam yus..kena ubah?just masukkan code url image tue je sebelah code post title…cuba follow step ni 1 persatu ye yus..insyaAllah menjadi..
cik,
saya dah cuba tapi tak dapat lah. saya menggunakan window 7. tolong bantu
tutorial cik tom ni xde kaitan dengan window 7…yg pntg code tutorial ni bersesuaian x dgn blog aliza..
hai cik tom….so cute that name…btw meh la tgk blog sy ^.^ n follow
thanks ida..ok cik tom singgah sat lagi.
mna nak dpt design background yg cntik2??
boleh google.
saya da buat dan menjadi tp lepas tu saya tulis post, post saya tu x disave. Walaupon saya save die ttp hilang, klau saya tulis post dan trus post pon dkt blog kluar tajuk je. Cmne nk btul kn balik. bantulh saye cik tom T_T
apa url blog awak ye?nak tgk apa masalahnya.
mcm mana nak cantikkan title blog???plezz
boleh adjust jenis dan color tulisan..tambah icon tepi title atau ubah background untuk title..
Salam akak.
Akak, kalau sy ter-delete kod ni, macam mane nak dapatkan balik? tajuk sy jadi hilang. kod ni letak bawah/atas kod apa?
salam..kalau terdelete undo je balik step yg ada dalam tutorial ini..
salam kak tom..saya dah cari banyak kali dalam templat..tak jumpa lah code tu 🙁
cik tom..kenapa code nie saya tka jumpa yea….heranlah..
kalau xjumpa..cari code yang seakan2..
cik tom,
tlg sye kejap.. sye xtwu nk cntikkan blog..
sye bru jew buat..
xde pun url blog amira?