Cara membuat tombol diblog dengan CSS



YahooGlee! Indonesia -  Cara membuat button/tombol diblog dengan code css.

Membuat Tombol dengan Css kemungkinan tidak terlalu mempengaruhi loading blog, karena ia hanya bermodalkan code-code saja, berbeda dengan tombol download yg menggunakan image atau gambar, dan tombol yg dihasilkan dari code-code ini juga sangat unik dan memuaskan.

Langsung saja kita mulai ke TKP.

- Pertama-tama seperti biasa buka dulu account blog anda.
- Masuk Bagian TEMPLATE
- Klik EDIT HTML
- Cari Code berikut ini : ]]></b:skin>
- Dan Letakkan code berikut diatasnya.




Setelah itu simpan Template anda.

Nah... Jika anda sewaktu-waktu ingin membuat button/tombol anda cukup memasukkan code berikut ini.



<a href="#" class="button">Button</a>
<a href="
#" class="button add">Add</a>
<a href="
#" class="button edit">Edit</a>
<a href="
#" class="button delete">Delete</a>
<a href="
#" class="button save">Save</a>
<a href="
#" class="button email">Send email</a>
<a href="
#" class="button like">Like</a>
<a href="
#" class="button next">Next</a>
<a href="
#" class="button star">Favourite</a>
<a href="
#" class="button spark">Spark</a>
<a href="
#" class="button play">Play</a>
<a href="
#" class="button tw">Follow me</a>
<a href="
#" class="button fb">Become a fan</a>

Keterangan :

- Tanda # berwarna hijau diganti dengan URL tujuan yg diinginkan.
- Teks Berwarna merah adalah jenis tombolnya.
- Teks Berwarna biru adalah teks yg akan tertera pada tombol tersebut.

Contoh pengaturannya : 

 <a href="http://www.facebook.com/yahooglee" class="button fb">Like Me</a>


 CONTOH HASILNYA NIH SOB!

 Button Add Edit Delete Save Favourite Spark Play Follow me Become a fan



Mungkin begitu saja tutorial membuat tombol dengan css diblog, semoga bisa menambah pengetahuan anda.

Jangan Lupa bagikan dan informasikan kepada segenap teman dan saudara anda.


Penulis : Muhammad Zakaria Bin Saad


Kata Kunci :

Cara membuat code css
Cara memasang tombol diblog
Code CSS tombol
Button
Cara mempercantik blog

Baca dan Pelajari juga yg ini!

No comments...Leave one now

© 2013. YahooGlee. Hak Cipta dilindungi Oleh Undang-undang.

DMCA.com Ping your blog, website, or RSS feed for Free