Cara Membuat Tombol Button

Posted on
  • 24 November 2010
  • by
  • Alfiandika Nmp
  • in
  • Label:


  • Cara membuat tombol untuk 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


    <button>Blog Newb1e</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://blognewb1e.blogspot.com/"><button>Blog Newb1e</button></a>


    Jika anda ingin membuat agarlinknya terbuka di tab baru,maka anda harus menggunakan kode berikut

    <a href="http://blognewb1e.blogspot.com/" target="blank"><button>Blog Newb1e</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:

    Login dulu ke Blogger
    Klik menu Tata Letak
    Klik Tambah Gadget
    Isikan kolom kosong dengan kode tombol/buttton pilihan anda
    Klik Simpan,dan selesai...silahkan lihat hasilnya di blog anda

    ガンバッテ



    0 komentar:

    Posting Komentar

    Yang dah mampir di Blog Ane Jangan Lupa ninggalin KOmen ea gan.

     
    (◕‿-) Designer By Alfiandika Nur Muhammad Putra
    Sponsored By Blog Newb1e