Tukar Older Post, Home, Newer Post kepada Imej/ Icon

ditaip Zana Mn jam 12:48 AM

Assalamualaikum, sudah lama tak buat tutorial kan. Kali nie, request dari adik Lieyan Chantek. Sorry, agak lama baru nak buat tutorial ni. Nasib baik request tutorial yang senang je. Hanya ubah-ubah kod sikit. Sedikit nasihat, kalau nak cantikkan blog jangan takut untuk bermain dengan kod-kod anda. Saya juga bermula dari zero seperti kamu, kamu dan kamu yang sedang makan di tepi tu. Hei, tak puasa ke?

Kadang-kadang kita tak boleh harap kan orang lain sangat. Kita sendiri kena usaha tau. Kalau kamu hanya harap kan pertolongan orang, susah nak maju. Ketahui la bahawa template blog kita tak sama seratus peratus, so, jangan la cepat melatah bila tak jumpa kod-kod yang diperlu kan. Try n error saja. Yang penting back up dahulu template kamu tu. Haih membebel plak tengah hari buta begini.


Ok, ok, nie soalan adik Lieyan Chantek,


Tulisan2 dibawah ini boleh diubah kepada imej / icon yang menarik kamu tau?



Ok, macam biasa,


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

Sila tick Expand Widget Templates
Cari code dibawah ni (Tekan Ctrl + f untuk memudahkan pencarian)



<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>



Tulisan yang berwarna + bold tu tukar dengan kod di bawah


<img src="Image URL" />



Begini contohnya,


<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://img507.imageshack.us/img507/4343/leftq.png'/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://img94.imageshack.us/img94/3545/rightyx.png'/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img535.imageshack.us/img535/606/homeb.png'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img535.imageshack.us/img535/606/homeb.png'/></a>
</b:if>
</b:if>

</div>



Hasil adalah seperti di bawah,





Oh, icon menarik boleh cari di SINI. Tak tau cara nak guna icon tu? Rujuk SINI. Selamat Mencuba :)







Dah habis baca ke? Jangan lupa tinggal komen ◕‿◕



42 komen:

cha on 1:58 PM said...

menarik...

Wife Mr.Em~Ibu Mr.Aqil on 1:59 PM said...

Mommy.. Ibu amik toturial ni.. Menjadi!! Mekasih ye mommy.. ;o)

Mommy Pinky on 2:04 PM said...

@cha
:)

Mommy Pinky on 2:05 PM said...

@Wife Mr.Em~Ibu Mr.Aqil
Ouh, dah berjaya ek..tahniah :)

Hezesuze on 2:08 PM said...

uiks menarik nie..nk cuba gak....huhu

Mommy Pinky on 2:13 PM said...

@Hezesuze
Cuba ye :)

Lieyan Chantek on 2:30 PM said...

salam.. thanks.. nanti saya cuba.. belum ada kesempatan nak cuba buat.. tempoh hari cuba, tak menjadi.. hihi..

btw, thanks mommy..

Mommy Pinky on 10:38 PM said...

@Lieyan Chantek
ok, cuba ye :)

nurdani on 10:56 AM said...

dah cuba.thanks! i like..cuma nak tukar jenis button yang cute2,best..ada kat ICON FINDER tapi jujur la cakap memang tak tau la macam mana nak amik url dia.sebab tak jadi.boleh tolong?

Azmie on 12:53 AM said...

salam..
Mommy Pinky.. nape mie wat tulisan masih ade dekat2 dengan simbol tu ye..?

~terataibungaindah~ on 8:10 PM said...

salam...

hihi...sy amek tau.sekali ng icon tu.. nt ade msa sy cri yg len.hihi

mmuah2!

bungakuning . on 3:38 PM said...

saya amik tutorial ni skali dgn icon , ingat nak tukar tapi tak jadi pulak . TQ !
belog dan cantik dah ! ekekeke

iena.[banana] on 2:33 AM said...

mummy! tak jadi lahh. nape ehk?? ;(

uNa da wiTch on 2:11 PM said...

oyeah jadi jadik !
trimas mommy ^^

QaQa on 12:48 PM said...

cuba yang ni juge kak;)
alhamdulillah jadi;)
maceh ya! :))

teha on 7:21 AM said...

mommy mcmane nak amik url yg dkt link mommy bg tu?sy bwt x jadi pun.kalo ikut yg mcm mommy tu jd la..

Mommy Pinky on 1:59 PM said...

@teha
Sudah update tutorial, tgk sini ek

http://babybiey.blogspot.com/2010/11/tutorial-image-hosting.html

nanie on 11:10 AM said...

uwaa....blaja dr cni jgk.jd tp newer post xde gmbr.nape ni.???

Mommy Pinky on 12:50 PM said...

@nanie
ok, sudah betulkan :)

tukar link

http://img210.imageshack.us/img210/9994/leftrf.png

dengan link nih

http://img507.imageshack.us/img507/4343/leftq.png

||aLeaSaRa|| on 2:13 AM said...

salam.Akak newbie baru seminggu.Akak dh tukar icon newer,older dan home ikut tutorial mommy pinky.B4 this dah buat tapi x matching dgn template color.Anyway tqvm for the info

LINA on 12:55 PM said...

hehe, thnks mommy, so helpful!

hope visit my blog soon ;D

NurSolehah on 6:30 AM said...

thanxs mommy.. sy guna widget ni ye :)

NanaCinvent on 4:57 PM said...

mommy ,saya tak jumpa lah code tu .
macam mana ?

uNa on 5:02 PM said...

nk try lah..mcm comey je

aliaa on 11:29 PM said...

Kak Asl saye buat xjd ?

.amena. on 4:12 PM said...

kalau cari dekat link yang akak bagi yu kena download dulu ke? thanks~

.amena. on 4:41 PM said...

akak, dah jadik. tenkiu!
:D

sicomot-comel on 10:19 PM said...

mami ! dah jadik..

TAPI...

SCC pinjam sekali ngn icon mami eh..??mekaseh n sowy..huhu..xreti nak cari icon laen..hik3

mamaqaireen on 1:16 AM said...

nak mintak tolong..dkt pages sy nak letak lebih dr 1..selain HOME sy nk letak, sebagai cth:
(HOME, BABY, FAMILY)
mcm mommy..mommy letak :
(HOME, EXCHANGE LINK, TUTORIAL)
so mcmn ye??harap dpt m'bantu

Isya Gurl on 11:34 AM said...

mommy , knape sy buad x jadi eh ? sy da ikot da ? knape erk .. bile sye tkan save template .. die tules nie kt ats .. We were unable to save your template

Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:includable" must be terminated by the matching end-tag "".

knape erk ??? please ! sye nk sngad buad bndew nie

Fiqa4 on 7:36 PM said...

x phm macam mana ? iconn dya ambik macam mana?

* Zaleta * on 1:04 PM said...

mommy,kalau nak mintak buat fanpage bape yer..boleh buatkan tak...simple2 je.

syaza kelyza on 3:38 PM said...

wahhh . dah jadi . thanks mommy ;)

syaza kelyza on 3:44 PM said...

thanks mommy :D

Sery Suryani on 11:36 PM said...

nak buat yang nie..
tp xjmpe la kod tu..
sdih..

NoRaQiLah JohaRi on 4:35 PM said...

SALAM...thanks =)try tapi x jadik2..hehe

Saida :D on 5:57 PM said...

terima kasih daun keladi kak bagi link cari icon . happy eid <3

Unknown on 1:52 AM said...

terima kasih bnyk3x ! :) cra mommy bwat tuto ni seng sgt2x nk paam :)

Qilah on 2:06 AM said...

mommy..sye buat x jadi la..code yg mommy sruh cari kt edit html tu x der...nape erk ... :(

Muslimah Mujahidah Solehah on 11:41 AM said...

erm ala ..Mommy xjadyla..:(..

Hana on 6:07 PM said...

Thank you Mommy Pinky. Jdikla :D

Vivi's sweet on 7:22 PM said...

knp asyik x jadi ??mintak tolon boleh x?

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

Post a Comment

 

Copyright © 2017 Formula Pikat Suami | Hannah Marketing (002548446-P). All rights reserved | Sign in, MP Design