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 sebuah tombol maka tampilan posting akan menjadi lebih singkat dan akan terlihat lebih unik daripada hanya sekedar tulisan saja. Coba anda lihat Contoh tombol hideshow dibawah ini:
Gampangkan???
Yang perlu anda perhatikan adalah perubahan kode telah ditandai dengan perubahan warna.
Jika anda sudah menguasai cara pembuatan tombol ini anda bisa menggabungkannya dengan kreasi anda sendiri.
Salah satu trik tombol lain dan yang paling sering saya pakai adalah
seperti yang di atas. Jika ingin tahu bagaimana caranya tinggal klik saja lagi..
Selain itu dengan sebuah tombol maka tampilan posting akan menjadi lebih singkat dan akan terlihat lebih unik daripada hanya sekedar tulisan saja. Coba anda lihat Contoh tombol hideshow dibawah ini:
Nah untuk lebih jelas silakan anda perhatikan contoh penulisan perintah dalam membuat tombo ini. Klik saja setiap tombol yang ada untuk melihat perbedaannya.
<button>Saya Adalah Tombol</button>
maka anda akan mendapatkan hasil seperti berikut:
Contoh di atas adalah tulisan yang dibentuk dengan gaya tombol/button namun tidak mengandung link.
Jika anda ingin menjadikannya sebuah link maka anda hanya perlu menambahkan kode seperti ini.
<a href="http://realfa17.blogspot.com/2011/05/cara-cara-membuat-tombol-di-blogspot.html"><button>Cara-Cara Membuat Tombol di blogspot</button></a>
maka anda akan mendapatkan hasil seperti berikut:
Jika anda ingin membuat agar linknya terbuka di tab baru, maka anda harus menggunakan kode berikut
<a href="http://realfa17.blogspot.com/2011/05/cara-cara-membuat-tombol-di-blogspot.html" target="_blank"><button>Cara-Cara Membuat Tombol di blogspot</button></a>
Untuk menampilkan tombol ketengah posting maka anda cukup menambahkan kode seperti ini:
<div class="separator" style="clear: both; text-align: center;"><centre><button>Cara-Cara Membuat Tombol di blogspot</button></a></div>
Jika anda ingin menambakan gambar animasi di atas tombol maka kodenya seperti berikut:
Gampangkan???
Yang perlu anda perhatikan adalah perubahan kode telah ditandai dengan perubahan warna.
Jika anda sudah menguasai cara pembuatan tombol ini anda bisa menggabungkannya dengan kreasi anda sendiri.
Salah satu trik tombol lain dan yang paling sering saya pakai adalah
seperti yang di atas. Jika ingin tahu bagaimana caranya tinggal klik saja lagi..
selamat berkarya..!!!
Label:
Tutorial,
Tutorial Blog,
Tutorial Dasar
0 komentar:
Posting Komentar