CARA LETAK CUTE BUTTON DI TEPI BLOG

 Contoh cute button yang saya nak ajar dalam tutorial kali nie...

fungsi cute button? - mempercepatkan carian dan kelihatan lebih kemas...tak lah blog korang panjang menjela ke bawah nanti..macam facebook selalunya korang guna badge kan..kalau guna cute button nie xperlu guna badge tu lagi..jimat sikit ruangan.

icon-icon untuk cute button nie korang leyh dapatkan dekat KLIK SINI and klik BROWSE pada bahagian atas sekali sebelah SEARCH...tak perlu sign up pon xpe..

bila korang dah puas pilih cute button yang korang nak...korang just klik pada gambar dan pilih size yang korang fikir sesuai..

contoh bergambar : -

step 1

ini akan terhasil bila korang klik pada link KLIK SINI

step 2

contoh saya pilih button F yang dalam bulatan tu untuk FACEBOOK..just klik sahaja di situ

step 3

no 1 untuk korang pilih size button sama ada no 2 atau no 3..korang pilih lah ikut citarasa korang..ok? dan klik di saiz pilihan korang.

step 4

bila korang dah klik korang pegi dekat overview pada no 1, dah klik?? kemudian klik downloads PNG pula..so secara automatiknya cute button nie dah di downloads masuk ke dalam pc korang..

siap untuk part 1..part 2 pulak

part 2 korang kena daftar atau sign up dekat imageshack bagi mendapatkan direct link URL image korang..

step 1

KLIK SINI

step 2

bagi yang belum berdaftar korang boleh sign up dulu...kalau dah berdaftar boleh sign in terus..klik dekat bulatan merah tu.

step 3

bila dah sign up and log in..korang boleh klik dekat no 1 Mobile Uploads, dan klik no 2 untuk pilih gambar korang..so korang pilih cute button yang korang dah downloads tadi and klik no 3..

step 4

korang copy Direct Link macam yang saya bulatkan tu..

dan.....

copy code dibawah ini : -

<div style="display:scroll; position:fixed; top:200px; left:0px;">

<a class="linkopacity" href="http://www.facebook.com/profile.php?id=100002257926092&sk=wall" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img860.imageshack.us/img860/365/facebookmz.png" /></a><br />

<a class="linkopacity" href="http://diarisifroggie.blogspot.com/" target="_blank" rel="nofollow" title="Home" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img193.imageshack.us/img193/2622/gohome.png" /></a><br />

<a class="linkopacity" href="http://diarisifroggie.blogspot.com/p/tutorial.html" target="_blank" rel="nofollow" title="Tutorial" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img194.imageshack.us/img194/482/butterflying.png" /></a><br />

</div>

caranya pergi ke Dashboard korang >> design >> add a gadjet >> HTML/JavaScript dan paste kan code diatas tadi, korang tak perlu isi title..

code yang berwarna OREN korang tukar kepada link korang sendiri erk?? yang title tu korang leyh deleted dan ubah ikut citarasa korang...ha yang http://image tu korang deleted dan ganti dengan direct link kat imageshack  tadi..

dan seterusnya kalau nak buat cute button lain pun boleh..korang just follow je step by step tadi...

kalau nak tambah lebih dari 3 cute button korang just ulang code ini sahaja :

<a class="linkopacity" href="http://diarisifroggie.blogspot.com/p/tutorial.html" target="_blank" rel="nofollow" title="Tutorial" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img194.imageshack.us/img194/482/butterflying.png" /></a><br />

</div>

ok..selamat mencuba!!