Home » , » Cara membuat Tombol

Cara membuat Tombol

Written By Sdit WAHDATUL UMMAH on Kamis, 30 Mei 2013 | 16.39


Para pembaca sekarang saya sharekan tentang 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
Belajar Membuat Blog di Blogger


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)

Belajar Membuat Blog di Blogger

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...):

Belajar Membuat Blog di Blogger

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_
Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Amar Fatkhalloh
Copyright © 2013. SDIT WAHDATUL UMMAH METRO - All Rights Reserved
Template Created by Creating Website Published by SDIT-WU Metro
Proudly powered by Tim IT SDIT Wahdatul Ummah Metro