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.

151 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. sukaaaa! dh jadi pun :))
    tenkiuu..

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

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

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

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

    ReplyDelete
  9. TAMBAHAN:

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

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

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

    ReplyDelete
  12. Yea.... caya lah.... ebat punye....

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

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

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

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

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

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

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

    ReplyDelete
  20. 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
  21. kitaa da uad gadget follow n dashboard but ta jadi pun .
    nape ea ?
    pliss can help me

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

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

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

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

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

    ReplyDelete
  27. 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
  28. Nice Post Sob,, blog walking .. http://walfchild.blogspot.com/2012/05/mengatasi-nokia-e63-yang-hang.html . :(

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

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

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

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

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

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

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

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

    ReplyDelete
  37. 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
  38. boleh tolonh edit kn blog saya ?

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

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

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

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

    ReplyDelete
  43. 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
  44. salam . sye nak copy tuto ni dkat blog sye boleh

    ReplyDelete
  45. terima kasih teman tutorial nya..

    ReplyDelete
  46. 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
  47. 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
  48. tenkiu... sangat membantu.. especially blogger br mcm sy...

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

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

    ReplyDelete
  51. 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
  52. dh jdi...tq sgt2 ..tutorial yg pling senang nk faham :)

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

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

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

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

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

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

    ReplyDelete
  59. Thankz..tutorial ni byk mmbantu..

    ReplyDelete
  60. Terima kasih admin :)

    Cukup membantu sy ^^

    ReplyDelete
  61. thanks bro infonya, sangat bermanfaat

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

    ReplyDelete
  63. terima kasih utk tutorialnya ya :)
    PG berjaya buat :)

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

    www.wanpulautioman.com

    ReplyDelete
  65. it works , thanks for sharing (:

    ReplyDelete
  66. it works , thanks for sharing (:

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

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

    ReplyDelete
  69. mekaceh sangat! jomlah singgah blog kite

    ReplyDelete