EPG STUDIO Postingan ini merupakan sebuah keinginan dari sahabat yang mengisi buku tamu. Dia bertanya, " Bang bagaimana cara membuat menu yang isinya ada logo seperti punya EPG yang bulat berkedip itu lho"
Sebenarnya trik seperti itu telah dibahas pada beberapa Tutorial EPG Studio sebelumnya.
Tapi tidak ada salahnya kalau dibahas ulang dengan harapan pengunjung dapat lebih memahami cara mengedit kode-kode HTML pada sebuah blog.
Untuk pemahaman pertama, anda terlebih dulu anda harus memahami tentang sebuah link, baik pada tab menu, postingan, sidebar maupun pada tempat lainnya.
Tapi tidak ada salahnya kalau dibahas ulang dengan harapan pengunjung dapat lebih memahami cara mengedit kode-kode HTML pada sebuah blog.
Untuk pemahaman pertama, anda terlebih dulu anda harus memahami tentang sebuah link, baik pada tab menu, postingan, sidebar maupun pada tempat lainnya.
sebagai contoh link, anda perhatikan dibawah ini :
<a href="http://epg-studio.blogspot.com">EPG STUDIO</a>Link diatas akan terlihat seperti ini :
Setelah anda memiliki sebuah link, tinggal menambahkan aksesoris berupa warna , ukuran , jenis huruf dan sebagainya.
Cara mengedit penampilan huruf tinggal menambahkan kode-kode seperti contoh dibawah ini : (lihat yang berwarna kuning.)
<a href="http://epg-studio.blogspot.com"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:blue;"> EPG STUDIO&</span></a>Gantilah
- Kata georgia dengan jenis huruf lain, seperti : Arial,Courier,Times,Trebuchet atau Verdana
- ukuran 40px dengan ukuran huruf yang anda inginkan,
- Italic dengan gaya yang anda inginkan seperti : bold,dan underline
- Yellow dengan warna yang anda inginkan.
Link tersebut akan terlihat seperti ini :
Selanjutnya anda dapat menambah variasi lainnya pada link tersebut, misalnya sebuah image.
Perhatikan contoh dibawah ini:
<a href="http://epg-studio.blogspot.com"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:blue;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif.jpg" /> EPG STUDIO</span></a>Tampilannya akan seperti ini :
EPG STUDIOBisa juga anda tambahkan satu image lagi yang diletakkan disebelah kanan link. Perhatikan contonya :
<a href="http://epg-studio.blogspot.com"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:yellow;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /> EPG STUDIO<img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span></a>Penampilannya akan seperti ini :
EPG STUDIOJika masih kurang variasi pada sebuah link, anda dapat menambahkan kode:
<blink>............</blik> agar link tersebut berkedip.
Perhatikan cara meletakan kode tersebut :
<a href="http://epg-studio.blogspot.com"><span style=";font-family:georgia;font-size:40px;font-style:italic;color:yellow;"><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /> <blink>EPG STUDIO</blink><img src="http://img97.imageshack.us/img97/5906/bluea.gif" /></span></a>Link akan menjadi seperti ini :
Mudah bukan...??
Sekali lagi trik ini dapat anda gunakan pada sebuah link yang anda tempatkan diseluruh bagian blog
Sekarang, silahkan anda coba terapkan pada blog anda...!!!
0 komentar:
Posting Komentar