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
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
Jika anda ingin membuat agar linknya terbuka di tab baru, maka anda harus menggunakan kode berikut
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_
Tags: cara membuat tombol, cara membuat button, kode HTML membuat button, script untuk membuat tombol Sobat telah membaca post tentang Cara Membuat Tombol di Blog Blogspot - Cara Mudah Buat Button dan sobat bisa menemukan post tentang Cara Membuat Tombol di Blog Blogspot - Cara Mudah Buat Button melalui URL ini http://www.muhbalak.com/2010/05/cara-membuat-tombol-di-blog-blogspot.html, sobat bisa membagikannya kepada teman-teman sobat jika post dari muhbalak.com tentang Cara Membuat Tombol di Blog Blogspot - Cara Mudah Buat Button ini bermanfaat bagi anda, tapi jangan lupa untuk melatakkan link Cara Membuat Tombol di Blog Blogspot - Cara Mudah Buat Button sebagai sumbernya. Terima kasih.
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
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
Anda baru saja membaca artikel yang berkategori Daftar Isi Langkap
dengan judul F. Anda bisa bookmark halaman ini dengan URL https://cyberprolite.blogspot.com/2012/10/f.html. Terima kasih!
Ditulis oleh:
Unknown - Rabu, 10 Oktober 2012
Belum ada komentar untuk "F"
Posting Komentar