Powered by Jasper Roberts - Blog

Tutorial Meletak Button Tumb Follower dan Dashboard Di Blog

Photobucket

Hai all...hari ini koz nak ajar korang tutorial yang berikutnya.Tutorial kali ini adalah cara meletakkan button tumb follow dan dashboard di blog.Button ini terletak di bahagian atas seperti contoh yang berada di blog ini.Dengan cara ini juga dapat memudahkan pengujung anda untuk memfollow blog anda dan dengan cara ini juga dapat mengurangkan penggunaan widget seperti widget Follower yang berada di blog anda sebelum ini.Button Dashboard pula dapat memudahkan anda untuk ke page dashboard dan ia juga berguna kepada blog yang tidak menggunakan navbar.Mari ikuti langkah-langkah membuatnya:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<div style="display:scroll; position:fixed; top:5px; right:110px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowputih.png?6" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardbiru.png?6" /></a></div></div>
 Langkah 3

Pada code di atas anda harus membuat sedikit perubahan iaitu pada code berwarna Merah, masukkan ID blog anda.ID blog anda boleh dapatkan di Dashboard > Design kemudian lihat di bahagian link alamat blog korang seperti gambar di bawah
Photobucket

Kemudian pada code berwarna Hijau anda boleh meletakkan URL gambar yang anda suka untuk Button follower .Di sini koz ada hasilkan beberapa jenis warna yang anda boleh gunakan.Cara meletakkannya anda hanya perlu menggantikan sahaja URL tadi dengan URL yang anda suka di bawah ini:-

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowputih.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowbiru.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfolloworen.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowmerah.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowhijau.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowpink.png

Kemudian pada code berwarna Oren ialah  URL gambar untuk Button Dashboard.Di sini juga koz ada menghasilkan Button dalam beberapa jenis warna yang anda boleh menggunakannya.Gantikan sahaja URL tadi dengan URL yang anda suka di bawah ini:-

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardputih.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardbiru.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardoren.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardmerah.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardhijau.png

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardpink.png

Kemudian save dan lihat hasilnya...

Selamat mencuba^^

Vote sekali okey^^

Ranking: 5

Comments:39

12 May, 2011 12:18

macammana nak buang navbar? huhuhu

12 May, 2011 12:24

@Aveyy

Ikuti tutorial ini>> http://kozumiro.blogspot.com/2010/07/tutorialcara-hiddenauto-hidden-navbar.html

12 May, 2011 12:31

Salam, thx 4 da tuto yaa :)
nak culik button jugakk . tawTaw (^^.)

12 May, 2011 12:35

@cikk EME :]

w,salam...

sesame...silakanlah...pilih mana yg berkenan^^

12 May, 2011 14:15

dah dapat. thanx.. (:

12 May, 2011 14:25

@Bella HaLim
sesama^^

Anonymous
16 May, 2011 16:18

maseh kozumiro.....dh try,dapat!

16 May, 2011 16:28

@Kpop gurlz
sama-sama^^

17 May, 2011 04:54

Wow ! AWESOME ! 10q ! Wish information to me ! :m: you ! Hehehe !

17 May, 2011 12:12

Wah... bagus. Dah cuba pun :)

Anonymous
17 May, 2011 13:10

http://www.wwwow.my/Detail.aspx?cd=230411123044040
tolong vote

18 May, 2011 11:27

thnks sudi kongsi~

19 May, 2011 10:11

Thanks yeaa :l:

20 May, 2011 17:30

kalau nak tukar ke sebelah kiri boleh ke

22 May, 2011 00:50

nak buat ala ala tumblr kan?

hiks

25 May, 2011 05:49

thanks...dah jadi

28 May, 2011 02:04

thanx oke.. berjaya lah! hehe ;)

28 May, 2011 18:10

awak, kita nk copy tuto nie buleh? nnt kte kreditkan kpd awak k..

31 May, 2011 18:30

thanx...da dpt..lawa laa

03 June, 2011 23:57

suka..suka...dah berjaya!kite just ambil button dashboard je..yg color merah tu tau!tq 4 this tutorial ye!

05 June, 2011 20:59

nak ambik satu taw . thanks :)

06 June, 2011 09:55

thanks yea...
dh try and jadik...

06 June, 2011 10:13

:a:

09 June, 2011 13:18

i try tuto ni n amik button tu..comey...thankk

17 June, 2011 12:09

:e: wow great ..thank 4 da infor ..i dah cubue juge..but why the button boleh hidden kat blakang post bg i ea?? ade solution tak ..plzzz helpp!!

19 June, 2011 19:24

Koz.. nk mintak kebenaran la koz. bleyh x klu aq nk amik tutorial yg ade disini then post kt my blog...?? nk kna mnx permission jgk coz this tutorial bnyk yg pki koz pnya ayt,image and edited widget?? bleyh x??

26 June, 2011 15:53

saya dah berjaya buat :D

03 July, 2011 23:31

@Muhammad Syahmi Najwan
silakan bro...aku x kisah asalkan ko ltak kredit kat si2 ^ ^

09 July, 2011 16:26

code tuh paste kat edit HTML selepas code ape??

19 July, 2011 19:18

koz , nak culik button2 nie yup ~~

30 July, 2011 22:57

thx sy sedang gunekan tuto ini :) terima kasih banyak2

20 August, 2011 16:34

dah mnjdi...tq dak nkl..:)

22 August, 2011 12:29

ta jmpe id la.
hahahahahaha :(

Anonymous
05 October, 2011 19:50

thank you :)

10 October, 2011 12:05

Thanks! =)

04 November, 2011 17:12

dah jadi..thx

15 December, 2011 13:32

dh ambek dah button2 comey tu. hik3x. =)

Anonymous
06 May, 2013 09:01

[url=http://truelevitrahere.com/#waaqb]levitra online[/url] - cheap generic levitra , http://truelevitrahere.com/#lawip order levitra

Post a Comment

Komehlah dan klik G+ di atas sekali okey^^

Denaihati.com

 
Google PageRank Checker Powered by  MyPagerank.Net