Membuat Tombol di Blog

12:31 PM
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.
Previous
Next Post »
0 Komentar