mau dapat artikel terbaru blog ini? silahkan ikuti update blog ini

Ads

Membuat tombol dalam artikel blog

membuat tombol di artikel blogspot
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:
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:

<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:

Nova Imoet mengatakan...

wah keren ni..
makasih ya ...

Muchlisin mengatakan...

Mantap. Terima kasih ilmunya.

Oentoe_09 mengatakan...

@ All: makasih dah mampir Friends... :k :k

Unknown mengatakan...

Matur nuwun Sheringnya mas.............update teruzzz......ya.........?????????

Mila mengatakan...

Mantap ijin praktek ya kunjungi jg blog mila yeh

Posting Komentar

Label

Entri Populer

Blog support