Sunday, February 5, 2012

Membuat Tombol di Blog

Membuat Tombol di Blog | Tutorial Blog

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.
Disqus Comments