30 Jan 2009 | CANDU - Cara Langkah & Panduan: 30 Jan 2009

Format HTML Link Dengan Gambar

Pernah liat yang seperti itu kan...??

Sama halnya seperti tulisan KLIK Disini.... atau DISINI....

Hal tersebut sering kita dapatkan di Blog atau website yang ingin mengarahkan usernya ke halaman lain atau ke alamat url lain yang berhubungan dengan postingannya.

cara untuk membuat gambar seperti itu, adalah memasukan code HTML seperti ini:

<a href="http://url_tujuan_anda.com"target="_blank"> <image src="http://url_image_anda.com/image.jpg"></a>

untuk lebih mudahnya silahkan copy code Berikut :

dan ganti kata :

url_tujuan_anda

dengan

url tujuan yang ingin anda arahkan pada pembaca anda

misalnya : http://yaybloging.blogspot.com

Selanjutnya, ganti kata :

url_image_anda

dengan url image dimana anda menghosting gambar anda

misalnya : http://yaybloging.blogspot.com/hehehe.gif

sudah tau kan caranya mendapatkan URL Gambar...???

kalau belum, salah satu caranya silahkan

Baca Lebih lanjut Artikel → :

Format HTML Link Dengan Gambar

Cara Membuat Link Klik Disini (HTML)

KLIK Disini.... atau DISINI....

Hal tersebut sering kita dapatkan di Blog atau website yang ingin mengarahkan usernya ke halaman lain atau ke alamat url lain yang berhubungan dengan postingannya.

Cara membuatnya bisa dibilang cukup mudah yaitu hanya dengan membuat format HTML.

Misalnya anda ingin membuat format seperti ini

Begini atau Begitu

maka format HTML nya adalah seperti ini

<a href="http://yaybloging.blogspot.com">Begini</a> atau <a href="http://yaybloging.blogspot.com">Begitu</a>

untuk lebih mudahnya silahkan copy code Berikut :

dan ganti kata :

url_tujuan_disini

dengan

url tujuan yang ingin anda arahkan pada pembaca anda

Selanjutnya, ubah kata :

kata_yang_ditampilkan

dengan kata apa saja yang ingin anda tampilkan di postingan anda, misalnya

Klik Disini, Baca disini, dan sebagainya

selanjutnya, jika anda ingin membuat link yang terbuka pada tab lain.

contohnya Klik Disini

Maka format HTML nya adalah seperti ini :

<a href="http://yaybloging.blogspot.com/" target="_blank">Begini</a>

untuk lebih mudahnya silahkan copy code Berikut :

dan ganti kata :

url_tujuan_disini

dengan

url tujuan yang ingin anda arahkan pada pembaca anda

Selanjutnya, ubah kata :

kata_yang_ditampilkan

dengan kata apa saja yang ingin anda tampilkan di postingan anda, misalnya

Klik Disini, Baca disini, dan sebagainya

ada juga dengan menyertakan gambar seperti ini :

Untuk format seperti itu silahkan

Baca Lebih lanjut Artikel → :

Cara Membuat Link Klik Disini (HTML)

Cara Merubah Huruf Judul Postingan

Huruf pada judul postingan kadang suka mengganggu tampilan layout, hal itu juga yay alami sendiri beberapa lalu, sampai sampai yay penasaran bongkar bongkar html layout cuma untuk mencari cara untuk mengatasi masalah ini.

caranya adalah :

Silahkan Login pada account blog anda
>lalu> klik pada layout
>lalu> klik edit HTML
>lalu> cari code :

#content h3 {

dan untuk merubah bentuk huruf judul postingan ini terbagi atas 3 bagian yaitu :

Pertama :

Mengubah ukuran Huruf:

dibawah code

#content h3 {

ada code

font-size: 18px;

ganti angka 18 dengan ukuran font yang anda inginkan.
misalnya

font-size: 19px;

font-size: 15px;

atau

font-size: 25px;

semakin tinggi ukuran font maka hurufnyapun akan semakin besar, begitu juga sebaliknya.

Yang Kedua yaitu :

Mengubah Nama Huruf

dibawah code

#content h3 {

ada code

font-family: Times New Roman, Georgia, Trebuchet MS;

silahkan ganti alternatif huruf yang pertama, dalam hal ini "Times New Roman"

dengan jenis huruf yang ingin anda tampilkan.

contohnya :

font-family: Times New Roman, Georgia, Trebuchet MS;

Diubah menjadi :

font-family: Monotype Corsiva, Georgia, Trebuchet MS;

atau

font-family: Arial, Georgia, Trebuchet MS;

Dan yang ketiga yaitu mengubah huruf menjadi :

Huruf besar semua, Huruf Kecil Semua, atau Huruf besar pada tiap awal kata

untuk bisa merubah itu, seperti langkah langkah yang tadi juga yaitu :

beberapa baris dibawah code

#content h3 {

ada code

text-transform: uppercase;

atau

text-transform: lowercase;

atau

text-transform: capitalize;

selanjutnya ganti kata uppercase atau lowercase atau capitalize,
sesuai dengan jenis huruf yang anda inginkan yaitu :

Huruf besar semua = UPPERCASE
Huruf Kecil Semua = lowercase
Huruf besar pada tiap awal kata = Capitalize

setelah itu klik Preview atau Pratinjau

jika sudah berhasil diganti, jangan lupa di save ya...^^

Good Luck

Baca Lebih lanjut Artikel → :

Cara Merubah Huruf Judul Postingan

Code HTML Smiley ala Yahoo III

Sekali lagi yay biskin postingan buat Smiley ala Yahoo...

Karena sebelumnya yay sudah posting wajah wajah yang lain di :
Code HTML ala Yahoo

dan di

Code HTML ala Yahoo II

hmmm.....

kayaknya udah semuanya deh...

tapi kalo ada yang dianggap kurang...

yuuu' silahkan ditambah atau direquest deh, nanti Yay lengkapi lagi....