Kamis, 27 Februari 2014

Cara Membuat Tombol Seperti Tombol Submit

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Pada sebuah postingan atau pada widget mungkin kita ingin membuat sebuah entah itu berisi link atau hanya tampilannya saja. Bagi Sobat yang belum tahu caranya silakan baca tutorial kali ini.

  • Membuat tombol untuk Blogspot :
    • Login ke blogger Sobat.
    • Untuk membuat tombol di postingan klik Posting > New Post, lalu pilih tab Edit Html.
    • Jika Anda ingin menampilkannya di widget klik Design > Page Element > Add a Gadget > HTML/Javascripts.
    • Lalu letakkan kode untuk menampilkan tombol. (Untuk kodenya saya tulis dibawah tutorial ini)
  • Untuk Wordpress.com :
    • Login ke dasboard Anda.
    • Untuk menampilkan di postingan klik Posts > Add New, lalu pilih tab Html.
    • Untuk menampilkan di widget klik Appearance > Widgets, lalu letakkan Text pada sidebar.
    • Selanjutnya letakkan kode untuk menampilkan tombol.
Untuk kodenya dapat Sobat lihat dibawah ini :
  • kodenya seperti ini :
    <button>Tombol</button>
  • Posisi tombol ditengah :
    berikut kodenya :
    <div style="text-align: center;"><button>Tombol</button></div>
  • Untuk tombol yang berisi Link berikut kodenya :
    <a href="http://alamatblog.com/"><button>LINK</button></a>
  • Untuk membuat tombol berisi link yang akan dibuka ditab baru, cukup tambahkan target="_blank"
    <a href="http://alamatblog.com/" target="_blank"><button>LINK</button></a>
Gimana Sob, mudah kan ?!?
Sepertinya cukup sekian dulu tutorial tentang Membuat Tombol di Blog.

Ditulis Oleh

Semoga Postingan Ini Bermanfaat :2thumbup Dan Kalo Mau Copas Sertakan Sumbernya :2thumbup

Comments
0 Comments

0 komentar:

Posting Komentar

Follow on Google+

© 2013 Dicky Berbagi. All rights resevered. Share on Dicki Berbagi.