Selamat Datang di Horeblogging.blogspot.com Surganya Para Blogger Mania, dan Tempat Sharing Seputar Blogging...

Friday, August 22, 2014

Cara Membuat Tombol di Blogspot dan Wordpress


terkadang kita menjumpai tombol-tombol yang ada di blog orang lain, seperti tombol diatas, kita pun bertanya-tanya. ih gimana sih caranya kok bisa gitu???
dan kali ini kita akan membahas tentang ini.
berikut ulasannya:

  • Membuat tombol untuk Blogspot :
    • Login ke blogger agan
    • 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? mudah bukan? so let's practice

ARTIKEL TERKAIT:

No comments:

Post a Comment

Artikel Lain