Membuat Tombol di Blog

Membuat Tombol di Blog:

Membuat Tombol di Blog | Tutorial Blog

Pada sebuah postingan atau pada widget mungkin kita ingin membuat sebuah Tombol 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 :
  • Tombol
    kodenya seperti ini :
    <button>Tombol</button>
  • Posisi tombol ditengah :
    Tombol
    berikut kodenya :
    <div style=”text-align: center;”><button>Tombol</button></div>
  • Untuk tombol yang berisi Link berikut kodenya :
  • Untuk membuat tombol berisi link yang akan dibuka ditab baru, cukup tambahkan target=”_blank”
    <a href=”http://alamatblog.com/&#8221; target=”_blank”><button>LINK</button></a>
Gimana Sob, mudah kan ?!?

Sepertinya cukup sekian dulu tutorial tentang Membuat Tombol di Blog.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s