Nurul Camelia's Blog: December 2012

Tuesday, 18 December 2012

'Newer, Home , dan Older' Icon

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
expr:title='data:newerPageTitle'><data:newerPageTitle/>

Bila dah jumpa, gantikan kod warna merah tu dengan kod di bawah (newer icon):
<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

4) Kemudian, dengan dengan menggunakan ctrl + F lagi, cari pula kod
expr:title='data:olderPageTitle'><data:olderPageTitle/>
dan gantikan kod warna merah dengan kod di bawah (older icon):
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

5) Sekali lagi, dengan menggunakan ctrl + F, cari kod

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

dan gantikan kod warna merah dengan kod di bawah (home icon):

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

Nota:
Pada url berwarna biru, korang masukkan url icon yang korang nak. Search icon tersebut dekat google or mana-mana image hosting. Ataupun just ambik icon yang disediakan di bawah:

(Untuk dapatkan url image, right click pada icon > copy image location )

Credit icon - azhafizah.com

6) Lastly, klik preview, dan jika tiada error, klik save template.

Selamat mencuba! :)

thanks for reading!

'Back to Top' Buttons

Blogger biasanya menggunakan button "back to top" untuk memudahkan pelawat jump ke bahagian atas blog semula tanpa perlu scroll tepi bar. Button ini sesuai diletakkan pada blog yang biasanya mempunyai entry yang panjang ditambah pula dengan komen yang banyak.

Berikut adalah tutorial untuk meletakkan button "Back To Top" dalam blog.

1) Sign in akaun blogger

2) Dashboard > Design > Add A Gadget > Html / Javascript

3) Copy paste kod di bawah pada ruang Html / Javascript tadi
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>

Nota: pada url gambar button dalam kod di atas, gantikan dengan url button pilihan anda. Di bawah ada disediakan pelbagai jenis button "back to top" untuk anda pilih. Just copy url dan letakkan pada url gambar button.

Contoh:
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="http://img205.imageshack.us/img205/7824/74211510.gif"></a>

Url button (Selain dari button-button ini, terdapat banyak lagi pilihan button yang boleh anda cari, search je dekat google)