ads

Informasi Penting

Untuk membantu pengembangan website ini, Beberapa file yang ada di www.kerkuse.id berbayar seperti, AHSP 2022, Analisa SDA, Analisa Bangunan Gedung, dll, untuk harga silakan konfirmasi di email: @gmail.com atau hubungi saya melaui Whatsapp 000000000 Mmohon maaf atas keitidak nyamanan ini. Sedangkan file gratis akan saya bagikan setelah perbaikan link yang mengalami perubahan, paling lama satu bulan sejak ini disampaikan. Trims

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

Subscribe to receive free email updates: