Cara Menyisipkan Image pada Sebuah Postingan
By
Rizal
0
komentar
Untuk
pemahaman pertama, anda terlebih dulu harus memahami tentang sebuah
link, baik pada tab menu, postingan, sidebar maupun pada tempat
lainnya.
sebagai contoh link, anda perhatikan dibawah ini :
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 biru.)
Gantilah
EPG STUDIO
Selanjutnya anda dapat menambah variasi lainnya pada link tersebut, misalnya sebuah image.
Perhatikan contoh dibawah ini:
Tampilannya akan seperti ini :
EPG STUDIO
Bisa juga anda tambahkan satu image lagi yang diletakkan disebelah kanan link. Perhatikan contonya :
Penampilannya akan seperti ini :
EPG STUDIO
Jika masih kurang variasi pada sebuah link, anda dapat menambahkan kode:
agar link tersebut berkedip.
Perhatikan cara meletakan kode tersebut :
Link akan menjadi seperti ini :
Sekali lagi trik ini dapat anda gunakan pada sebuah link yang anda tempatkan diseluruh bagian blog
Sekarang, silahkan anda coba terapkan pada blog anda...!!!
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 biru.)
<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.
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 :
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 :
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 :
Sekarang, silahkan anda coba terapkan pada blog anda...!!!
0 komentar: