Cari Artikel Blog Ini

Total Tayangan Laman

CARA MENYISIPKAN IMAGE PADA SEBUAH LINK

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.

sebagai contoh link, anda perhatikan dibawah ini :

<a href="http://epg-studio.blogspot.com">EPG STUDIO</a>

Link diatas akan terlihat seperti ini :
EPG STUDIO


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

  1. Kata georgia dengan jenis huruf lain, seperti : Arial,Courier,Times,Trebuchet atau Verdana
  2. ukuran 40px dengan ukuran huruf yang anda inginkan,
  3. Italic dengan gaya yang anda inginkan seperti : bold,dan underline
  4. Yellow dengan warna yang anda inginkan.

Link tersebut akan terlihat seperti ini :

EPG STUDIO


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 STUDIO


Bisa 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 STUDIO


Jika 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 :

EPG STUDIO


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...!!!

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
11 Comments

11 komentar :

Indahnya Berbagi mengatakan...

terimakasih ilmunya, yg pgn anaa tanya mengganti icon link yg dah ada ditemplate bgm ya?

Kerja Keras Adalah Energi Kita mengatakan...

ada2 saja.... tapi tips menarik bro

barajakom mengatakan...

wah blognya keren ya, berkunjung ke blog sekeren ini bisa membuat barajakom
ikutan keren, aku numpang keren ya sob, makasi...

Mahkota Cellular mengatakan...

Makasih Mas ,akhirNya Impian Untik bikin Blog tercapai juga.
terimakasih atas smua tutorialNya...!!!
klo berkenan silahkan mampir di blog saya
www.mahkotacell.co.cc

Br.Admin Mahkota Cell bali

dukundigital mengatakan...

Selamat boz... sukses selalu

momo merintis mengatakan...

berguna nih buat gw yang pemula

hhee

JIPINCS COM mengatakan...

Trims cara buat tulisan kedip

By mengatakan...

tengs ilmunya....

supriyanto mengatakan...

ma,af kawan

DulduLization mengatakan...

mantaf nih blog..
tengkyu untuk semua tips dan triknya..

Anonim mengatakan...

membaca seluruh blog, cukup bagus

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!