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
Send email
Like
Next
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
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
No comments...Leave one now