.: 09/13/11

salam 1 malaysia smua.....apa khabar....
wahhh...akk asyik wat tuto je....bkn ape....tiap kali on9, ade je yg tanye.....
ok la...kali ni akk nk ajar mcmane nak tukar Home + Older + Newer Post kepada icon yang comel...
byk keje sikit nk buat ni...sbb nak tukar 3 perkara...

1. design > edit Html
2. tick expand widget template
3. tekan ctrl F dan cari perkataan di bawah

<data:newerPageTitle/>

4. tukar kod kat atas kepada kod ini.

<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

** tulisan merah tu korang tukar ke url gambar yg korang nak ye (newer)...yg itu contoh je tau.

5. tekan ctrl F skali lagi, cari perkataan di bawah

<data:olderPageTitle/>

6. gantikan kod kat atas kepada kod ini

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

** tulisan merah tu tukar ke url gambar yang korang nak.. (older post)

7. tekan ctrl F lagi dan cari perkataan ni

expr:href='data:blog.homepageUrl'><data:homeMsg/>

8. gantikan tulisan merah tu kepada kod di bawah

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png
'/>

**tulisan merah tu gantikan ke url icon yang korang suke ye...(Home).yg kat ats tu contoh je..

kalau dh siap preview dulu...manela tau x jadi....kalau jadi terus save ye...
kat sini ade beberape contoh je ye...

newer icon :

http://i1201.photobucket.com/albums/bb350/alexandrite_silver/NewerPost_icon.jpg

older post :

http://i1201.photobucket.com/albums/bb350/alexandrite_silver/OlderPost_icon.jpg

home icon :

http://i1201.photobucket.com/albums/bb350/alexandrite_silver/Home_icon.jpg

newer icon :

http://i.imgur.com/Yfnix.png

older post :

http://i.imgur.com/UOQH8.png

newer icon :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8DkLeBSJWK6pMtDvFjQW5_5TmrEi_A4K735daU73xAAyzVvxogKNctes4oeJYJNQtB0DMGA-brmNbTRx3U7kbrxg0xTwFTvzwPG2F7SudRb3g-0eBM3O_mh4mqV_kX_vveQ7OQJEbv6k1/s1600/Newer_post_icon+%25281%2529.png

older post :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDu0VcAl5A-167UnkIzPi2PKFjstbm-kMtsJBiPeIggM8WiSrd6qzyp1-mfGcsvU5F4UCf5fiInKMp9moJhvSCrw7KLnIWRS8fS_DG4YyKO2F34hMckZguPfJ8U5KBtL6gLBjrYjY_SZN/s1600/older_post_icon+%25281%2529.png

home icon :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnfCYwloHNN0p61DgEKWEsy9r03GirX_lkSXbAlkXDEZiGKNC3-V2cM0i2qPcNtm1QUJI4Q4Q4jlxkcXfPe24XxmNRuBMyys-EPh4LxRWwyFxNf8GaY0z_uAEkGHL2gd11g0H7UAzF1SnD/s1600/home_icon.png

**ini yang smpt akk mskkan dulu ye...nanti kalau ada kelapangan akk akn masukkan lg..insyaallah...

"selamat mencube"

kalau dah jd tu...bg tau la ye...

salam smue sahabat blogger..
hr ni akak nk ajar buat Icon HOME yg comel mcm HOME akk kat sblh kiri bawah skali...comel tak..?

1. Design > Add Gadjet dan klik HTML/Javascript
Copy dan paste kod kat bawah ni...

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; bottom:10px; left:-12px;'>

<a class='linkopacity' href='LINK BLOG KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="URL HOME ICON" /></a><br />

---> kalau nak tukar

- width="50" height="50" tu ikut kesesuaian blog (tak tukar pun tak pe)

- kalau nak letak icon HOME tu kat sebelah atas, tukar perkataan bottom tu ke top

- margin left tu pun boleh tukar ke right (tak tukar pun tak pe)

- jangan lupa masukkan link blog korang kat tulisan merah tu ye.

- url home icon tu pun tukar skali..masukkan url home icon yang korang suke.

---> kat sini akk ade bg beberape contoh home icon...pilih la yg mane korang suke...nanti copy url home icon kat bawah dan paste kat tulisan merah tu ye.