Cara membuat tombol untuk blog blogger sangatlah gampang, karena kita hanya membutuhkan beberapa kode HTML yang amat singkat. Beberapa tujuan pembuatan tombol atau button ini hanya agar tampilan tulisan maupun link yang kita sediakan terlihat lebih menarik. Selain itu dengan tampilan tombol akan terlihat lebih unik daripada hanya sekedar tulisan saja.Sebagai contoh, berikut adalah tulisan yang dibentuk dengan gaya tombol/button namun tidak mengandung link
Untuk membuat tombol di atas, anda hanya membutuhkan kode berikut
<button>Belajar Membuat Blog di Blogger</button>
Lalu, jika anda ingin membuat tombol yang terdapat teks dan link di dalamnya seperti berikut (diklik ya, biar tahu bedanya => santai, Link akan mengarah ke postingan ini)
Maka kode yang anda perlukan untuk membuat tampilan tombol dengan teks plus link yaitu sebagai berikut
<a href="http://t4belajarblogger.blogspot.com/2010/05/cara-membuat-tombol-di-blog-blogspot.html"><button>Belajar Membuat Blog di Blogger</button></a>
Jika anda ingin membuat agar linknya terbuka di tab baru, maka anda harus menggunakan kode berikut
<a href="http://t4belajarblogger.blogspot.com/2010/05/cara-membuat-tombol-di-blog-blogspot.html" target="blank"><button>Belajar Membuat Blog di Blogger</button></a>
Dan berikutlah hasilnya (klik yaaa...):
Oh ya, teman-teman bisa menggunakan tombol ini di dalam postingan maupun di halaman depan blog (sidebar, header, footer, dll). Bagi teman-teman yang belum tahu tentang cara penggunaannya untuk halaman depan, silahkan diperaktekkan melalui langkah-langkah berikut:
1. Login dulu ke Blogger
2. Klik menu Tata Letak
3. Klik Tambah Gadget
4. Isikan kolom kosong dengan kode tombol/buttton pilihan anda
5. Klik simpan, dan selesai...silahkan lihat hasilnya di blog anda
Semoga bermanfaat_
BAGI TEMAN-TEMAN YANG INGIN BELAJAR MEMBUAT ANEKA TOMBOL:
1. Cara membuat tombol Spoiler - Tombol Hide-show Buka-Tutup
2. Cara Membuat Tombol Pop-up Window
3. Cara Membuat Tombol Auto Install Code - Tombol Pasang Widget Cepat
Tags: cara membuat tombol, cara membuat button, kode HTML membuat button, script untuk membuat tombol
54 comments
keren nih sob, langsung coba dah
kereeeeeeeeeeeeeeeeeeeeeeeennnnnnnnnnnnnnnn
makasih gan tutornya
ijin follow ya,,,
http://aby-umy.blogspot.com/
kalau ada waktu mampir ya gan?? :)
mantap infonya gan ..
semakin mantab tipsnya..
Thanks for sharing friend :)
hm..
jd pengen nyoba..
thanks for share kwan...
bgs amat
good... :30
gan, numpang sedot ilmu ya....
Blognya keren bgt n ilmunya sangat bermanfaat bgt. Thanks U Very much.
:25:25:25
bingung bosssssss
oke bos ! mau juga dicoba ...
link back gan...banner ente dah ane tanem di blog ane....sukses slalu n salam blogger
gan tolong periksa banner ente...kaya na ga bisa ane tanem nih :39
TANKIW BANGET BOZS BERGUNA NIE BUAT AI,KIRIM Email dong Ke ai Email aspkomgrupkom@gmail.com.mantap
cory salah tulis aspgrupkom@gamil.com tanki berat berguna banget informasi nya moga lanjut
akhirnya ketemu juga....
thanks kawan
saat ini dengan css3 kita bisa menambahkan bayangan dan gradien lho...
silahkan dilihat disini
bro w sdah truh link blog anda di blog saya , tukar link ya ! http://imadeadyanta.blogspot.com
maksih kk.ni dia yang q cari
Terimakasih mas
Oke banget pokoknya
makasih inponya bro, langsung dicoba nih
:15
thanks..berguna..
Keren infonya
Muhammad Iqbal Al Klateny matur tengkyu to tombolnya bang..
blh visit di iqbalindocomputama.co.cc n mohon koreksinya bang..
wasslm..
Kegagalan
Kegagalan2 di masa lalu saya merupakan pelajaran yang sangat berharga yang akhirnya berbuah kesuksesan.
Saya belajar banyak dari kegagalan saya, saya bisa menjadi ‘lebih pintar’ karena saya pernah gagal.
Saya pernah gagal, tapi saya masih di sini…
Saya tidak membiarkan kegagalan merampas impian saya untuk dapat bekerja dari rumah saja.
hehe ssory gak nyambung neehh...
Gan, tuh link kan keliatan di firefox kalo diarahkan ke button-nya, gimana caranya biar linknya gak keliatan di pojok kiri bawah firefox/explorer. Jwb ya gan....
Wah, ternyata sangat Simple skali.. coba --a
Mampir Gan : Aprino Blog's
kalo kamu mau belajar banyak dari google adsense kamu bisa datang ke http://pay-pal-indonesia.blogspot.com/, hanya adsense yang menjanjikan, hati2 dengan bisnis yang menjanjikan di internet, jangan lupa datang ke http://pay-pal-indonesia.blogspot.com/
www.blog-ajum.co.cc
mksh infonya gan, menarik sekali blog anda ini, sukses selalu ya...mampir blog ana ya gan..http://elgharuty82.blogspot.com/
terimakasih ilmunya gan...
:)
nice blogg 11
ok Akan aku coba
sipp gann...
kalau cara memberi warna pada button gimana?
Cucok MASBROOO Infonya :)
” SUKSES SELALU UNTUK ANDA “
Mantap nih Artikel...
Sangat Bermanfaat Sekali.
Terima Kasih Banyak :12
WoW...
Mantap Tutorialnya...
Sangat Membantu Mas...
Saya jadikan Menu di Blog Saya.
makasih tips nya gan
posting yang bermanfaat, saya follow ya gan, nanti follow balik blog saya ya, makasih
infonya mantabe mas brooo
hadir :38
klo naruh horisontal gmn gan k smping dan sampingnya lg
mararantap mas tutorialnya,,say yang msh awam jg bs lncr praktek'nya..mksh. tpi ada yang msh blm mngrti mas .sy mau nnya klw laman sama menu horizontal yang mas bikin tutorialnya ada perbedaan gak? trus klw laman nya di sisipi link bs gk?trus gmn cara'nya?
Siiiplah...terimakasih,,postingannya,bermanfaat utk newbi seperti saya.... hehe ^_^
keren2... blognya bagus.... kunjungi balik ya.... http://pembuatandesign.blogspot.com
keren euy
Mksh infonya gan........:)
Salam kenal:
FREE MIDI Downloads
MANTAP GAN..LANGSUNG ANE COBA DI BLOG ANE HTTP://IYENKRASTA.BLOGSPOT.COM
wuih info ilmunya sangat luar biasa,terlebih bagi saya pemula bosssss... tq ya
System Error pada Saat Register.
Mksh
Poskan Komentar
Komentar anda sangat penting! Oleh karenanya saya sangat berterima kasih bagi anda yang tidak SPAMMING di sini. Komentar SPAM, mengandung SARA, dan menyinggung pihak lain akan saya hapus. Terima kasih telah berkunjung :D