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:

trik blog

• Cara Membuat Efek Glow pada Teks atau Link Blogger
• Cara Membuat Teks Berjalan atau Marquee Teks
• Cara Membuat Div Styles dan Macam-Macamnya
• CARA MEMBUAT HIDDEN CHAT BOX
• Memberi Komentar di HTML
• Cara Edit HTML dan Expand Widget Templates Terbaru 2014
• Cara Membuat Artikel Terkait (Related Post) Di Bawah Setiap Postingan/Artikel
• CARA MENGATASI LINK BLOG YANG DICEKAL OLEH ROBOTS.TXT PADA GOOGLE
• CARA MENAMBAHKAN VIDEO YOUTUBE PADA BLOG
• CARA MEMBUAT BURUNG TWITTER BETERBANGAN DI BLOG
• Cara Membuat Gambar Batman Berjalan di Sudut Halaman Blog
• Cara Mengganti Background Blog dengan Sambaran Petir
• Cara Membuat Efek Lipatan Kertas pada Pojokan Blog
• Cara Membuat Tombol Go To Top atau kembali ke atas di Blogger
• 10 Situs Download Gambar Untuk Blog & Desain
• Cara Mengganti Kursor atau Mouse pada Blog
• Cara Memproteksi Postingan Agar Tidak Bisa di Copy-Paste
• Cara dasar membuat Link secara manual
• Cara membuat Dropdown menu
• Cara Menambah Ikon Status Off/Online Yahoo Messenger
• Senilai Berapakah Harga Blog Kamu?
• Cara Membuat Menu Secara Horizontal
• Cara Mengganti Navigasi "Older Post" atau "Newer Post" Menjadi Berbentuk Angka
• Cara Membuat Shoutbox atau Chat Box pada Blogspot

tips blog

• Cara Membuat Efek Glow pada Teks atau Link Blogger
• Cara Membuat Div Styles dan Macam-Macamnya
• CARA MEMBUAT HIDDEN CHAT BOX
• Memberi Komentar di HTML
• Cara Edit HTML dan Expand Widget Templates Terbaru 2014
• Cara Membuat Artikel Terkait (Related Post) Di Bawah Setiap Postingan/Artikel
• CARA MENGATASI LINK BLOG YANG DICEKAL OLEH ROBOTS.TXT PADA GOOGLE
• CARA MENAMBAHKAN VIDEO YOUTUBE PADA BLOG
• CARA MEMBUAT BURUNG TWITTER BETERBANGAN DI BLOG
• Cara Membuat Gambar Batman Berjalan di Sudut Halaman Blog
• Cara Mengganti Background Blog dengan Sambaran Petir
• Cara Membuat Efek Lipatan Kertas pada Pojokan Blog
• Cara Membuat Tombol Go To Top atau kembali ke atas di Blogger
• 10 Situs Download Gambar Untuk Blog & Desain
• Cara Mengganti Kursor atau Mouse pada Blog
• Cara Memproteksi Postingan Agar Tidak Bisa di Copy-Paste
• Cara dasar membuat Link secara manual
• Cara membuat Dropdown menu
• Cara Menambah Ikon Status Off/Online Yahoo Messenger
• Senilai Berapakah Harga Blog Kamu?
• Cara Membuat Menu Secara Horizontal
• Cara Mengganti Navigasi "Older Post" atau "Newer Post" Menjadi Berbentuk Angka
• Cara Membuat Shoutbox atau Chat Box pada Blogspot
• cara memasang translator:google translate pada blogspot

membuat tombol blog