Membuat Tombol Sederhana Di Dalam Posting Blog Admin : Unknown

Cara mudah membuat tombol sederhana di dalam postingan blog - membuat tombol link dengan gambar sangatlah mudah, sobat bisa membuatnya sendiri dengan gambar image yang di inginkan. Tentunya sobat sudah banyak yang tahu dan melihat di blogger2 atau web lainnya, seperti contohnya tombol download dan demo , Banyak yang menggunakan CSS lalu script pemanggil dalam membuatnya. Pastilah lebih keren karena memakai Kode CSS yang berfungsi memperindah tampilan. Namun kali ini catatansaif membuatnya sederhana saja tanpa Edit Html yang tak kalah kerennya. (menurut saya ^^).

Kebetulan ini Ide yang saya dapat dari salah satu blog yang saya kunjungi, lumayan unik dan keren jadi sekalian belajar praktekin ya sekalian diposting,hahah biar ada manfaatnya. betuul... ^^

Sebagai Demonya bisa lihat dibawah ini :

DEMO

sentuh dengan kursor

Sudah lihat jika tertarik silahkan ikuti langkah-langkah pembuatannya berikut :
1. Pertama silahkan sobat siapkan 2 buah gambar ( png / jpg ) nya.
    Contoh saya pakai 2 buah gambar bikinan saya sendiri dibawah ini.

2. Silahkan kopi dan paste kode berikut ke dalam posting sobat ( dalam mode HTML,bkn Compose).

<style type="text/css">

a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline}
</style>
<center><a class="pic" href="URL LINK TUJUAN">
<img class="image1" src="URL GAMBAR 1" /> 
<img class="image2" src="URL GAMBAR 2" /></a></center>

Catatan :

Warna merah, silahkan ganti dengan URL TUJUAN
Warna kuning, silahkan ganti dengan gambar pertama
Warna hijau, silahkan ganti dengan gambar kedua

Catatan sedikit : Didalam posting nanti tampilan gambar akan sejajar, namun setelah di publikasikan akan seperti pada demo diatas.

3. Selesia ^^

Itulah tutorial Cara Membuat Tombol Sederhana Di Dalam Posting Blog semoga bermanfaat,..
Thank's untuk idenya cronosal.blogspot.com.