Etalase`nya Andriy

Icon

leave this site if u don't like it …

Cara Membuat Banner Link

Menanggapi comment dari Dhea, berikut cara bikin link seperti yang tampak di sidebar paling kanan dari blog saya

PERTAMA, bikin image/gambar
Tombol kotak-kotak ukuran 80×15 pixel tersebut saya buat di situs ini : BlogFlux Tools.
Klik saja, lalu pilih Button Maker.
Silakan ber`eksperimen sendiri.
Kalo udah selesai, jangan lupa disimpan, klik di Save Image.
Image tersebut kamu upload lagi. Saya biasanya upload di Imageshack
Tapi keknya waktu saya bikin posting ini, situs imageshack tidak dapat saya buka. Alternatif lainnya, coba ke SINI
Kalau proses upload berhasil, kamu catat alamat image tersebut berada. di bagian Direct Link for Layouts. Catat ya…

KEDUA
1. Login wordpress kamu

2. Masuk ke Dashboard
dashboard

3. Pilih box Appearance – Widgets

4. Tambahkan pilihan Text, yang nantinya menambah deretan widget di blog kamu

Kenapa saya pilih Text, bukannya Blogroll?

Sebenernya sama aja sih, cuman karena saya udah kebiasaan
(dulu blajarnya dari blogspot sih)
Oke lanjut

Klik Edit, akan muncul gambar sbb:

Di kotak “Judul” kamu ketik nama title`nya nanti. Bisa “Tukeran Link”, “Link Exchange”, dll.
Di bagian “ISI“, ini yang agak rumit kalo kamu pingin seperti di widget “My Link” saya.
Syntax`nya gini :
<a href=”lokasi URL” target=”_blank” title=”keterangan bila kita meng-hover cursor pada image” ><img src=”alamat image” border=”0″ alt=”” /></a><br>

Sekarang langsung ke contoh aja:
(karena Dhea yang minta, jadi contohnya ke Dhea aja. *smile*)
Code :
<a href=”http://dhea19.wordpress.com/&#8221; title=”Dhea’s space” target=”_blank”><img src=”http://img4.imageshack.us/img4/5370/blogdhea.gif&#8221; border=”0″ alt=”” /><br></a>

Nanti yang muncul adalah:
just a diary and my daily electronic

Kalau kamu hover`kan (meletakkan kursor di atas image itu, tapi tidak di-klik lo) nanti ada tulisan “Dhea’s space” kan?

Kok ribet banget, Mas?
Awalnya kalo blom mudeng emang ribet, tapi kalo udah tau caranya, dijamin kamu bakal ketagihan. *ngakak*

lokasi URL, diisi dengan alamat situs tujuan bila kita meng-klik image tersebut (dalam contoh ini http://dhea19.wordpress.com)
title=”xxx”, udah jelas kan?
target=”_blank”, tiap kali kamu klik image ini, akan muncul tab baru. Jadinya kamu ga kehilangan alamat sebelumnya (daripada pake tombol Back di toolbar browser, .. Soalnya saya tidak terbiasa mengggunakan tombol Back)
img src=”alamat image”, isi dengan alamat dimana kamu menaruh logo. Yang kamu upload tadi lo.
<br>, ini perlu banget (menurut saya). Code ini diterjemahkan sebagai “pindah baris”

KETIGA, further tips
Kalo kamu liat, kotak2 link di widget “My Link” rata kanan kan?
Itu karena sebelum saya kasih code di atas tadi, saya tambahin di awal code sbb:
<p style=”text-align:right;”>
Dan di baris paling akhir, jangan lupa kasih code </p>
Kalo mau rata tengah, ganti aja right dengan center

KEEMPAT, more tips
Kalo kamu liat banner`nya mBak Novi dan mas Teguh yang kotak warna merah dan ijo itu, sebenarnya gede`nya ga segitu (lebih gede). Tapi saya kecilin supaya ga njomplang proporsinya dengan tombol2 80×15 pixel yang diatasnya (buat mBak Novi dan mas Teguh, harap maklum ya….)
Caranya gimana, Mas?
Sementara pelajari petunjuk Pertama sampe Ketiga dulu. Nanti kalo udah bisa, saya kasih penjelasan. Belajar dulu pelan2. Oke?
Berhubung saya ga ada bakat jadi guru, kalo ada yang kurang jelas, silakan tanya. Sedapat mungkin saya jawab.

Filed under: Call of Duty, Tips 'n Tricks, ,

8 Responses

  1. dhea19 says:

    makasiii yya kakk…..

  2. Andriy says:

    you’re welcome
    Anda puas, hubungi kenalan Anda
    Anda tidak puas, hubungi kami

    *ngakak*

  3. elrangga says:

    Woukee,…. 🙂

  4. ariesre says:

    hmm,,begitu ya cara buatnya….

    boleh deh tukeran link,,
    salam Milanisti

  5. dedenia72 says:

    aku juga pengen tau cara buat text area dong mas..hehehe
    boleh ya mas..
    sekalian tukeran link ya..
    saya link di blog saya ya..
    monggo mampir

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

silakan isi buku tamu...
Guestbook

Cinta adalah Hasrat Tak Tertahankan Untuk Dihasrati Secara Tak Tertahankan. (R.F.)

My Links

http://askepasbid.blogspot.com/
all about technology and computer
thePOWER ofWORDS
Bukti Cinta Kami
purpl3star
elrangga
Blog Iseng

do not ever,...ever ... turn away from this site
temukan solusi dari masalah hAmp0N Anda!
just a diary and my daily electronic
Blog Iseng
Hwakakakakakak!
hihihihihi...
thanks for visiting
attacking is the best defense
buat yang sering bikin presentasi...
Lucazappa Button Maker
ARSITEK DISINI
all about graphics design
i'm invite you
iTeg Blog site
jejak-annas1
banner-21omiyan
create your own banner at mybannermaker.com!
Make your own banner at MyBannerMaker.com!

tukeran link?
copy paste aja code di bawah:

<a href="https://ardnt.wordpress.com/" title="Etalase`nya Andriy" target="_blank"> <img src="http://img2.imageshack.us/img2/1827/ndrie.png" border="0" alt="My Wordpress"></a>


ntar jadinya seperti ini :
Etalase`nya Andriy

thanks
nice to know you ^_^

Misc. Online Dicts

Ouch, I'm hit!

  • 64,141 shots
<span>%d</span> bloggers like this: