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
0 komentar:
Post a Comment
Anda sopan saya segan..Titip Alamat blog anda disini pasti akan saya kunjungi balik