Cara membuat tombol Button blog blogger


Cara membuat tombol button (seperti tombol disamping ini lo) 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…….
Belajar Membuat Blog di Blogger
Untuk membuat tombol dengan tulisan di atas, anda hanya membutuhkan kode berikut:
<button>Cara membuat tombol button</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)
Cara membuat tombol button di blogger

Maka kode yang anda perlukan untuk membuat tampilan tombol dengan teks plus link yaitu sebagai berikut:
<a href="http://360hari.blogspot.com/2011/09/cara-membuat-tombol-button-blog-blogger.html"><button>Cara membuat tombol button di blogger</button></a>

Jika anda ingin membuat agar linknya terbuka di tab baru, maka anda harus menggunakan kode berikut
<a href="http://360hari.blogspot.com/2011/09/cara-membuat-tombol-button-blog-blogger.html" target="blank"><button>Cara membuat tombol button di blogger</button></a>

Dan terakhir ............
untuk membuat tombol button milik sendiri dengan image/gambar linknya seperti ini:

<img src="http://i1110.photobucket.com/albums/h459/brenstete/brenstete%20button/jalan_0.jpg
" width="100" height="40" alt="Jalan">

Ganti tulisan yang berwarna merah dengan link image anda
Caranya buatlah sebuah tombol button di photoshop atau di free web, isilah sebuah tulisan di tombol tersebut kemudian klik simpan. Setelah itu uploadlah file button tersebut pada sebuah situs hosting seperti www.photobucket.com. Anda akan mendapatkan link image file tersebut kemudian masukan ke blog anda.
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_

Sumber : berbagai refrensi
Labels: Blog dan website

Thanks for reading Cara membuat tombol Button blog blogger. Please share...!

Back To Top