Membuat tombol dalam artikel blog
Memasang tombol dalam artikel biasanya lebih sering dimanfaatkan untuk membuat tombol download, cara paling sederhana adalah dengan menyisipkan URL pada teks :@ :@ :x serta merta teks tersebut sudah bisa disebut tombol juga bukan? :x :p :p atau bisa juga dengan membuat image berbentuk tombol kemudian menyisipkan URL tujuan cara kedua ini bisa dibaca diartikel yang saya tulis sebelumnya disini, tapi kedua cara membuat tombol diatas menurut saya pribadi masih biasa-biasa saja karena tetap saja efek hover dan press tidak nampak realistis. Beda jika kita menggunaka script HTML hasilnya akan terlihat seperti ini:
Bagaimana..??? terlihat lebih maknyus bukan??? ;) :D . Caranya sederhana yaitu:
Bagaimana..??? terlihat lebih maknyus bukan??? ;) :D . Caranya sederhana yaitu:
Pastikan saat menulis artikel berada dalam mode HTML dan bukan mode Compose kemudian pada kata atau kalimat yang akan dikonversi menjadi tombol Mis: kata DOWNLOAD:
Btw khusus buat rekan-rekan yang menggunakan template; Green World, Orange Free Template, dan Template Black White ada sedikit perbedaan pada sript tombol yang digunakan yaitu dengan menambahkan script class="art-button" lebih jelas silahkan perhatikan script dibawah ini.
simpan dan publish artikel untuk melihat hasilnya.
So semoga bermanfaat and don't forget to leave comment Ok :k :k
<a href="http://LinkWebsiteTujuanAnda.com/"><button>DOWNLOAD</button></a>
Keterangan:
ganti http://LinkWebsiteTujuanAnda.com/ sesuai dengan URL tujuan anda, begitu juga kata Download bisa diganti sesuka hati :$ :$ :k
Btw khusus buat rekan-rekan yang menggunakan template; Green World, Orange Free Template, dan Template Black White ada sedikit perbedaan pada sript tombol yang digunakan yaitu dengan menambahkan script class="art-button" lebih jelas silahkan perhatikan script dibawah ini.
<a href="http://LinkWebsiteTujuanAnda.com/"><button class="art-button">DOWNLOAD</button></a>
simpan dan publish artikel untuk melihat hasilnya.
So semoga bermanfaat and don't forget to leave comment Ok :k :k
5 komentar:
wah keren ni..
makasih ya ...
Mantap. Terima kasih ilmunya.
@ All: makasih dah mampir Friends... :k :k
Matur nuwun Sheringnya mas.............update teruzzz......ya.........?????????
Mantap ijin praktek ya kunjungi jg blog mila yeh
Posting Komentar