September 13, 2012


Apabila sobat pernah berkunjung ke blog lain dan pernah melihat teks maupun link dengan fungsi tombol button yang ditempatkan pada halaman posting, sidebar, header maupun footer maka pada kesempatan ini saya akan memberikan tutorial cara Cara Membuat Tombol Button Link Teks Di Blog dan dapat dilakukan dengan mudah karna hanya memerlukan penambahan kode HTML pada teks maupun link agar dapat dilihat lebih menarik.

Sementara itu tujuan lain membuat tombol link tersebut biasanya para blogger memanfaatkan untuk membuat tombol demo dari artikel yang berisi tentang tutorial sehingga dapat mempermudahkan pengunjung melihat contoh dari hasil tutorial itu sendiri agar lebih jelas, karena jika tidak diberikan contoh maka pengunjung akan merasa bingung ketika mau mencoba atau mempraktekkan, dan apabila jika sobat penasaran melihat contoh yang sudah jadi perhatikan tombol button dibawah ini.


Kodenya adalah sebagai berikut :

<button>Sebagai Contoh</button>

Sementara itu agar tombol button terdapat link teks maka kodenya adalah sebagai berikut :

<a href="http://kraeng-francisco-tutorial.blogspot.com/"><button>Sebagai Contoh</button></a>

hasilnya akan seperti tombol button dibawah ini :


dan jika sobat menginginkan tombol button link teks terbuka secara otomatis pada tab baru gunakan kedua dari salah satu kode yang ada di bawah ini :

Kode yang pertama link akan selalu terbuka pada tab baru jika sobat mengklik link tombol tersebut sebanyak mungkin maka tab baru akan muncul sesuai dengan jumlah klik. Sedangkan

<a href="http://kraeng-francisco-tutorial.blogspot.com/" target="_blank"><button>Tombol Button Terbuka Otomatis Pada Tab Baru</button></a>

Kode yang kedua apabila sobat mengklik tombol link maka link akan terbuka pada tab baru, namun jika terdapat banyak link yang diklik hanya akan muncul pada satu tab saja.

<a href="http://kraeng-francisco-tutorial.blogspot.com/" target="output"><button>Tombol Button Terbuka Otomatis Pada Tab Baru</button></a>

cacatan :
1. Perlu diketahui dan saya tekankan sekali lagi bahwa tombol button link teks diatas sudah saya jelaskan sebelumnya dapat diletakkan pada halaman posting, sidebar, header maupun footer hal ini dimaksudkan agar sobat tidak keliru dalam penempatan kode tersebut, dan pada halaman header khususnya yang sudah di bagi menjadi 2 kolom.

2. Tombol button yang saya uraikan diatas adalah tombol button biasa, dan jika sobat ingin melakukan perubahan dengan penambahan warna pada tombol button atau merubah jenis huruf, ukuran huruf dan lain-lain mungkin sobat bisa bereksperimen sendiri sesuai selera.

3. Ganti alamat url link dengan link sobat dan teks yang ditandai dengan warna merah.

Selamat mencoba dan semoga bermanfaat. Sekian dan Trima Kasih.

Posted by : Kraeng Francisco | Tuturial Blog | Tips and Trik Komputer | Tips and Trik Internet | SEO

Artikel Cara Membuat Tombol Button Link Teks Di Blog diposting oleh Kraeng Francisco pada September 13, 2012. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, dan atau mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini atau letekkan link dibawah ini sebagai sumbernya. Terima Kasih. Salam...


Artikel Terkait

22 comments:

  1. selamat malam sob
    ilmu baru nih...ijin sedot hehe
    happy blogging sahabat baik q

    ReplyDelete
    Replies
    1. Selamat malam juga sobat, iya silahkan dengan senang hati...Ok sobat trima kasih....

      Delete
  2. wah...keren sob post-nya
    ane jadi pgn nyobain....
    skalian tukar link sob

    ReplyDelete
    Replies
    1. silahkan sobat,,,oh ia boleh silahkan pasang link saya dan nanti akan saya pasang link sobat di blog saya....Trima kasih sob

      Delete
  3. semakin mantabs saja tutorial untuk menambah ilmu di blog super ini...trimakasih sobat sudah berbagi :)

    ReplyDelete
    Replies
    1. sama2 mas Hariyanto, berbagi ilmu itu indah dengan apa yang kita ketahui dapat bermanfaat bagi orang lain dan begitupun sebaliknya...Trima kasih juga sudah berkunjung.

      Delete
  4. kunjungan balasan,
    salam kenal sob

    ReplyDelete
    Replies
    1. ya trima kasih, sudah mau berkunjung ke blog yang sederhana ini...salam kenal juga sob...

      Delete
  5. terima kasih sudah berbagi artikel sob.mantap nih tiriknya...

    ReplyDelete
    Replies
    1. sama-sama sobat dan trima kasih untuk kunjungannya...Salam

      Delete
  6. wah mantap selali nih masbro, makasih inponya

    ReplyDelete
  7. Tambah ilmu satu lagu untuk diriku trims ya sob,,,hehehe jangan lupa kalau sudah ketemu kawannya langsung sharing ya sob,,,

    ReplyDelete
    Replies
    1. ya sobat, saya tidak janji tapi suatu saat jika saya ketemu dan paham tentang semua itu tidak akan lupa untuk sharing....

      Delete
  8. wah ini bagus buat tombol donlod.. mudah N praktis.. benar2 baru tau bikin tombol gini.. mksh sob

    ReplyDelete
    Replies
    1. ia sob sama-sama, silahkan jika mau dipraktekkan...Trima kasih ya kujungannya

      Delete
  9. Replies
    1. Maaf saya agak bingung dari pertanyaan sobat, jika yang sobat maksudkan hanya membuat Tombol dan Teks coba perhatikan pada contoh yang pertama misalkan, button....Isikan teks disini....button

      Semoga dapat terbantu.

      Delete
  10. wah,, ilmu baru nich bang,, makasih ya,, semoga sehat selalu..

    ReplyDelete
  11. siip jgn lupa mampir ke blog ane http://hatrip.blogspot.com/

    ReplyDelete
  12. ntr klw saya butuh ijin coba kodenya ya mas. sukses yah?

    ReplyDelete