Tutorial Letak Button Follow dan Dashboard Dalam Blog

Dalam template asal blogger, sudah diletakkan untuk widget follower dan juga dashboard. Walau bagaimanapun, anda boleh melakukan sedikit pengubahsuaian. Tutorial kali ini akan tunjukkan cara untuk letak button follow dan dashboard dalam blog seperti gambar di bawah.

Anda juga boleh tengok demo button follow dan dashboard ini di test blog ini.

Tutorial adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang dibuka.
[tidak faham.?]

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></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://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>


Nota: Gantikan 'ID BLOG ANDA'

Bagaimana untuk cari ID Blog.?
> Anda klik pada 'new post' dari dashboard, dan akan ada paparan seperti gambar di bawah. Noombor yang admin highlight adalah contoh NO ID BLOG


3. Setelah anda selesai letakkan ID blog anda, save dan lihat hasilnya.:)

Update:
TAMBAHAN:
Bagi sesiapa yang mempunyai masalah kehadiran navbar dalam blog, anda boleh hilangkan navbar tersebut dengan mengikuti tutorial hilangkan navbar dalam blog.

144 comments:

  1. macam mana nak hilangkan yang atas sekali tu? yang ada Follow, share report ape semua tu? please ye.

    ReplyDelete
  2. menjadi :) tapi mcm mana na hilangkan navbar yg at ats toe ?

    ReplyDelete
  3. waaaaa..jadi..jadi..jadi.....tq so much.. :)

    ReplyDelete
  4. tankiu sangat-sangat...sungguh berinformatif... :)

    ReplyDelete
  5. macam mana nk hilangkan navbar kt ats 2 ea??

    ReplyDelete
  6. hak ah,, cam mana nak hilangkan navbar atas tuh?

    ReplyDelete
  7. stuju .. camm mane nk hilangkan navbar tu ?

    ReplyDelete
  8. TAMBAHAN:

    Bagi sesiapa yang ingin membuang navbar pada blog yang tidak 'ngam' dengan tutorial ini, boleh rujuk:
    tutorial hilangkan navbar dalam blog

    ReplyDelete
  9. http://blogbudakkorea.blogspot.com/
    jom baca tutor kt blog ni. ^^

    ReplyDelete
  10. Cool , Akhirnya Menjadi . Thanks , Babe !

    ReplyDelete
  11. ni pun berjaya gak buat..thanks admin...

    ReplyDelete
  12. kenape dia cakap mcm ni "We are sorry, but we were unable to complete your request.
    The following errors were found:
    blogID: 6970179481948251398target=

    ReplyDelete
  13. terimas ksih!!! mmg aq suke blog ni!!

    ReplyDelete
  14. ok dah jadi..tapi yang button join this site yg lma 2 cm na nk bgi xnmpk..hlgkn dy mcm na??

    ReplyDelete
  15. sye betoL10x tak fahamm...!! :(
    kowg please tolongggg... .:((

    ReplyDelete
  16. salam . cmne nak ltk banner ek ? plss . help me :(

    ReplyDelete
  17. xde tuto tok klasik template ker??huhuhu

    ReplyDelete
  18. Navbar bisa di pindahin ke bawah ga?? hehe..

    kalo ga ada navbar.. gimana caranya kalo mau ke desain blog saya ?? tolong pencerahannya ya.. :)

    #followed

    ReplyDelete
  19. kitaa da uad gadget follow n dashboard but ta jadi pun .
    nape ea ?
    pliss can help me

    ReplyDelete
  20. Okayy , saya dah try . and berjaya ! thank you . but the worst thing is , benda tu invisible . please , rasa2 apa masalahnya ?

    ReplyDelete
  21. saya pun brjaya gak..tapi cmna nak wat pada asal smula?

    ReplyDelete
  22. halo
    mcmn sy mauk buat tmplete kat blog ek.??
    tg:p

    ReplyDelete
  23. Tak jd pun...? ka ada salah... emmm...!

    ReplyDelete
  24. terima kasih .atas ilmu anda

    ReplyDelete
  25. kat mana nak buat gambar tue jadi animation pm please..

    ReplyDelete
  26. berbagi kata-kata motivasi gan
    Jangan memulai sesuatu yang tak ingin kamu selesaikan. Jangan menghentikan sesuatu yang belum kamu selesaikan.

    Percaya pd Tuhan saat semua terasa mudah, itu biasa. Percaya pd Tuhan saat semua terasa susah, itu luar biasa.

    Hal pertama yg perlu diingat untuk menjadi sukses: lakukan segala sesuatu dari hati.

    Org menyebut "Karma itu jalang". Kau menyebutku "Jalang". Mungkinkah itu berarti aku adl Karma-mu? :)

    Terkadang cinta memang begitu menyakitkan, tapi karena cinta juga, kamu selalu temukan dirimu tersenyum tanpa alasan.

    Semua akan baik baik saja bila anda yakin terhadap tujuan anda.

    salam kenal, dan semoga dapat di terima yah :D

    ReplyDelete
  27. Nice Post Sob,, blog walking .. http://walfchild.blogspot.com/2012/05/mengatasi-nokia-e63-yang-hang.html . :(

    ReplyDelete
  28. klu nk jadi kn button follow dgn dashbord tu jadi lebih cute boleh x ??

    ReplyDelete
  29. x paham laa nak edit blog nie.. blog saya rakan buat kan.. saya nak blog saya ad jam.. huhuhu

    ReplyDelete
  30. assalammualaikum...
    dah jadi ,tapi,x tukar ID blog pon..is it OKAY?
    TQ

    ReplyDelete
  31. JADI!:D cemana nak save ID BLOG tu?=,=

    ReplyDelete
  32. memang jadi. .blh edit2 kedudukan jgk. .simple 2 :)

    ReplyDelete
  33. klu utk blogskin plk..klu blogskin xde add gadget

    ReplyDelete
  34. terimakasih :) kalau untuk mengganti warna (follow dan dashboard nya gimana?

    ReplyDelete
  35. ada yg jadi ada yg x....cmna pn tq....ni sangat membantu...

    ReplyDelete
  36. ada blog yg buat tutorial tapi disable their right click function. that's what brought me here :) thank you for sharing.
    http://healthybeautifulblog.blogspot.com

    ReplyDelete
  37. boleh tolonh edit kn blog saya ?

    ReplyDelete
  38. ijin copy yah
    --------------------------
    Kumpulan Info dan Tutorial Blog Lengkap diFree Plex

    ReplyDelete
  39. thanx...m'jadi utk budak yg br blajr mcm saya ni

    ReplyDelete
  40. mine punye button, rosak :( tak lead to my home/dashboard pun :( and customize html tu dah broken. macam mane ye ?

    ReplyDelete
  41. TrimaKaseh ! sya dah cuba . dan ianya menjadi ! thanks a lot :)

    ReplyDelete
  42. suka sangat dgn blog ni! byk yg saya blajar camane nk comey kan blog saya...huhuhu...walaupun baru blajar buat blog, tp ttp puas hati...thanks!

    ReplyDelete
  43. salam . sye nak copy tuto ni dkat blog sye boleh

    ReplyDelete
  44. salam .. saya nak tanya sesuatu yang sangat penting .. harap dapat balas comment saya ini .. saya menaglami masalah di dashboard .. apabila saya membukanya .. ia tiada tanda seperti (new post,edit post,design)seperti awak .. boleh terangkan knp ?

    ReplyDelete
  45. salam .. saya nak tanya sesuatu yang sangat penting .. harap dapat balas comment saya ini .. saya menaglami masalah di dashboard .. apabila saya membukanya .. ia tiada tanda seperti (new post,edit post,design)seperti awak .. boleh terangkan knp ? sila tengok di link ini untuk melihat maksud saya tadi .. harap boleh berikan kerjesama kepada saya ..mohon dibantu .. ASAP !! klik link ini ..
    http://tutorialuntukblog.blogspot.com/2010/02/bagaimana-letak-kod-htmljavascript.html

    ReplyDelete
  46. tenkiu... sangat membantu.. especially blogger br mcm sy...

    ReplyDelete
  47. ID blog tu nak ganti mcm mna ? err xphm :D

    ReplyDelete
  48. suka jugak .. wow factor ...

    ReplyDelete
  49. pergh... thanks wei sape yg bagi tuto ni. berguna gila!! anyway, thanks one more times.

    ReplyDelete
  50. dah jadik.. tima kasih bebanyak.. huhu puas mencari & mencuba akhirnya dpt.. bestnye.. thnks sgt9.. hehe jom kekal cntk & sihat dgn prdk yg dperbuat dr herba semulajadi taw.. nk taw herba apa?? singgah k.. again thnks a lot..

    ReplyDelete
  51. dh jdi...tq sgt2 ..tutorial yg pling senang nk faham :)

    ReplyDelete
  52. saya terdelete google + daripada blog saya masa tengah edit
    boleh x saya letak balik google+ tu kat blog saya balik

    ReplyDelete
  53. thnks to admin ats tnjuk ajar ni ye, guys,follow la blog aku kalau sudi..roletakenbyme :)

    ReplyDelete
  54. kalau dashboard ape semua tu tetiba hilang macam mana nak edit..help me !!!!! :(

    ReplyDelete
  55. thanks..dapat sudah.follow me back tq

    ReplyDelete
  56. senang2 ... baca ngn pnuh teliti .. bru fham .:)

    ReplyDelete
  57. haha.. jadi! sangat membantu.. selalunye baca toturial lain susah bebenor..

    ReplyDelete
  58. Thankz..tutorial ni byk mmbantu..

    ReplyDelete
  59. Terima kasih admin :)

    Cukup membantu sy ^^

    ReplyDelete
  60. time kasih banyak2!!! akhirnya berjaya!!! ^_^

    ReplyDelete
  61. useful information for improving backlinks.
    Thanks.
    Web Development Company Bangalore

    ReplyDelete
  62. terima kasih dengan tutorial awak.. menarik :)

    www.wanpulautioman.com

    ReplyDelete
  63. it works , thanks for sharing (:

    ReplyDelete
  64. it works , thanks for sharing (:

    ReplyDelete
  65. Thankz for the info. Done following. Jom follow blog saya http://popcorneater1.blogspot.com/

    ReplyDelete
  66. oh my thank you for the toturial

    ReplyDelete
  67. Okay dah jadi.. tahnk you.... cuma tersilap letak gadget je ;) do follow me nazrasweet.blogspot.com

    ReplyDelete
  68. mekaceh sangat! jomlah singgah blog kite

    ReplyDelete