Obrak abrik blog dan baca-baca template dari blog saya muncul ide ini yaitu mengganti link menu dari bentuk tulisan / teks menjadi image gambar sesuka kita, yang berupa icon gambar yang dapat kita browsing terlebih dahulu dengan menggunakan google.co.id atau image yang kita miliki dengan ukuran misalnya 16 x 16 pixel. Untuk mencoba tips ini sepertinya harus sobat lihat dulu template pada blog sobat.
disini saya menggunakan template hasil desain dari Rohman Abdul Manap seperti pada informasi berikut ini :
dari template tersebut telah disediakan menu teks standar dan submenu pada menu tersebut yang dapat kita tambahkan yang kemudian saya modifikasi dengan mengganti teks menu menjadi gambar, tentu saja pada bagian ini kang rohman mengizinkan kita untuk memodifikasinya. Adapun susunan html menu dari template ini seperti pada gambar berikut :
Jika template sobat memiliki sedikit kesamaan pada susunan html menu tersebut sangat mudah kok untuk memulai memodifikasinya, yaitu :
1. Sobat cari kode <div id='NavbarMenu'> dibawah kode tersebut terdapat deklarasi dari menu dan submenunya beserta link menu tersebut.
2. Silahkan sobat tambahkan url image / icon / gambar yang akan digunakan pada gambar diatas contohnya terletak pada kode <img src="http://i647.photobucket.com/albums/uu191/admincoy/logo/icon-home.gif" border="0" alt="home"/></a> kode ini untuk menu home.
3. Jika sobat ingin menambahkan dari menu yang lain kode url imagenya sobat letakan setelah kode <a href='#'>
4. Jika sudah semua silahkan Simpan Template lihat hasilnya
Ok mudah bukan, semoga bermanfaat ..!!!
disini saya menggunakan template hasil desain dari Rohman Abdul Manap seperti pada informasi berikut ini :
dari template tersebut telah disediakan menu teks standar dan submenu pada menu tersebut yang dapat kita tambahkan yang kemudian saya modifikasi dengan mengganti teks menu menjadi gambar, tentu saja pada bagian ini kang rohman mengizinkan kita untuk memodifikasinya. Adapun susunan html menu dari template ini seperti pada gambar berikut :
Jika template sobat memiliki sedikit kesamaan pada susunan html menu tersebut sangat mudah kok untuk memulai memodifikasinya, yaitu :
1. Sobat cari kode <div id='NavbarMenu'> dibawah kode tersebut terdapat deklarasi dari menu dan submenunya beserta link menu tersebut.
2. Silahkan sobat tambahkan url image / icon / gambar yang akan digunakan pada gambar diatas contohnya terletak pada kode <img src="http://i647.photobucket.com/albums/uu191/admincoy/logo/icon-home.gif" border="0" alt="home"/></a> kode ini untuk menu home.
3. Jika sobat ingin menambahkan dari menu yang lain kode url imagenya sobat letakan setelah kode <a href='#'>
4. Jika sudah semua silahkan Simpan Template lihat hasilnya
Ok mudah bukan, semoga bermanfaat ..!!!
Comments :
0 komentar to “Cara Mengganti Teks Link Menu Dengan Image”
Posting Komentar