Cara Mudah Membuat Tombol Di Blogspot

Tombol CSS

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 tabHtml.
• Untuk menampilkan di widget klik Appearance > Widgets, lalu letakkanText 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://kudetpedia.blogspot.com/"><button>LINK</button></a>
• Untuk membuat tombol berisi link yang akan dibuka ditab baru, cukup tambahkan target="_blank"
  <a href="http://kudetpedia.blogspot.com/" target="_blank"><button>LINK</button></a>

Untuk kode yang berwarna kuning tinggal anda ganti dengan URL blog anda.

Gimana Sob, mudah kan ?!?

Sepertinya cukup sekian dulu tutorial tentang Membuat Tombol di Blog.