cara buat kod tukar link pada blog

Bagi menaikkan ranking blog kita ,terdapat berbagai yang kita boleh lakukan.salah satu daripadanya adalah dengan saling bertukar link atau link exchange.Oleh itu bertukar tukar link adalah menguntungkan .oleh itu kenapa kita tidak cuba pasang kod tukaran link di blog kita dan bertukar link dengan blogger lain.untuk bertukar link seelok eloknya hendaklah dari kategori yang sama.kalau blog tutorial,tukar lah dengan blog tutorial yang lain.Sekiranya membuat banner utk tukaran link pula,janganlah terlalu besar.Kerana tidak semua blog mempunyai ruang yang besar.

Berikut adalah cara untuk membuatnya:

Pertama sekali kita perlu sediakan banner terlebih dahulu.Boleh gunakan photoshop atau gunakan kemudahan banner online pada internet.Kemudian upload imej tersebut ke Imageshack,Photobucket dan sebagainya.
Setelah upload dapatkan url imej tersebut:

contohnya Url imej adalah seperti ini yang saya upload ke image shack:

<img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot ">

Bahagian yg berwarna merah adalah alamat imej yg kita upload.Sekarang kita ambil bahagian teks berwarna merah dan letakkan pada kod dibawah.



<a href="http://teknikbuat.blogspot.com" target="_blank"><img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot "></a>
 
Tukar teks hijau dengan nama blog anda dan biru keterangan berkaiatan imej.Alamat/url imej tadi berada pada teks berwarna merah.
Langkah seterusnya :

1. Login ke Blogger
2. Pilih Tata Letak.
3. Klik Add page element
4. Klik Add Gadget --> pilih yang HTML/Java Script.
5. Kemudian masukkan kode tukaran link di bawah ini :

Kod diatas tadi(yg berrwarna hijau) dimasukkan bersama dengan kod untuk text area(yg akan memaparkan kod untuk tukar link untuk dicopy oleh pengunjung)

<textarea name="code" rows="4" cols="30><a href="http://teknikbuat.blogspot.com" target="_blank"><img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot "></a>
</textarea>

Nota:kod warna hijau perlu diencode terlebih terlebih dahulu menggunakan tool yang ada diblog ini iaitu encode html pada side bar
Hasilnya:
     teknik 
buat blog


Untuk paparkan imej bersama dengan text area seperti diatas cuma masukkan kod url gambar contoh sperti ini:
<a href="http://teknikbuatblog.blogspot.com/"><img alt="teknik buat blog" src="http://img194.imageshack.us/img194/5621/belajarbuatblog.gif" /></a>
jadi akan muncul imej setelah kod diletakkan

*Masukkan url imej untuk paparkan imej diatas

Kemudian klik save
Selamat mencuba

Catat Ulasan

25 Comments:

cik gold berkata...
Teknik Buat Blog

tq en atas info tersebut

CgMas berkata...
Teknik Buat Blog

Banyak yg perlu sy baca lg ni.. TQ..

Neng Ayu berkata...
Teknik Buat Blog

Asslm,,,,

Kunjungan Balik nih Sob,
Thanks ya udah Berkunjung ke Rumahku…hehehe
Rumahnya (Blognya…red) tambah oke aja,
Gak bosen deh saya sempatkan untuk Datang ke Sini lagi..!!

Sob saya punya Blog baru nih,
Sempatkan untuk berkunjung ya, ini Rumah Baruku…
http://gratispasangbanner.blogspot.com
http://artibelajarmengajar.blogspot.com
http://guladarahrendah.blogspot.com


Salam,,,

Bang Koko berkata...
Teknik Buat Blog

Info yang menarik..tips nya ok bang....salam knl ya dari blogger manado..:)

biar tambah akrab langsung follow di no urut 125 di blog kawan....di tggu kbr follow baliknya ya..

Kimie Hashim berkata...
Teknik Buat Blog

dah lama cari bend ani tau yahaya..ok sy follow blog ni jugak..stylo lah !

najib berkata...
Teknik Buat Blog

xfaham bro

yahaya berkata...
Teknik Buat Blog

@najibkalau boleh najib dpt nyatakan bahagian yang tak faham..nanti saya terangkan.

arohim-online berkata...
Teknik Buat Blog

Saya suka sekali blog ini karena bermanfaat bagi para blogger pemula. Sukses selalu!

yahaya berkata...
Teknik Buat Blog

@arohim-onlinesaya juga suka dengan komen dan pandangan dari sobat agar boleh di mantapkan lagi blog ini.

Tempah DiSini~ berkata...
Teknik Buat Blog

nak buat colum untuk blogger copy link xjadi ler...

yahaya berkata...
Teknik Buat Blog

@Tempah DiSini~
nak saya tolong buatkan pun boleh....

cikPuanRAihah berkata...
Teknik Buat Blog

encik yahaya.tlg buatkan benda ni kat saye?susahnye..

eira berkata...
Teknik Buat Blog

@yahaya
emm..salam p'knalan..banner ni saiznya brape??slain photoshop, kt mne lg ley buat..thanx..

yahaya berkata...
Teknik Buat Blog

@eira
button atas tu leh buat online kat http://tools.dynamicdrive.com/button/

eira berkata...
Teknik Buat Blog

@yahaya
sume da buat..xley encode..ble encode, xjadi la..da shrian buat mnde ni...banner da buat ciap..juz nk code kan utk d msukkan lam blog..cmne ea??ley tlong x??

yahaya berkata...
Teknik Buat Blog

@eira
lepas encode copy kod tadi ganti pada teks hijau diatas.apa apa masaalah boleh dikemukakan.

eira berkata...
Teknik Buat Blog

@yahaya
eira da buat mcm y dtnjukkan..tp xley gnti jgak..ble gnti, eira try ltak lam blog, tbe2 xde pape2..so x jd r..nk mnangis pon ade jgak ni..nape xjd eaa??

♥ мιƨʓ αɛи κɛcнικ ♥ berkata...
Teknik Buat Blog

trime kseh bb singgah blog sy..

redzuan berkata...
Teknik Buat Blog

akhirnya. setelah dr tahun lepas saya cari tutorial ni jumpa jugak kat blog ni. tahnx bro yahaya. :) terima kasih banyak2 dengan tutorial ni.

yahaya berkata...
Teknik Buat Blog

@redzuanterima kasih juga kerana sudi membaca tutorial disini dan mempraktikkanya...

geekz36 berkata...
Teknik Buat Blog

dah lama berhajat nak buat. tq tuan blog

Wan Faris berkata...
Teknik Buat Blog

Terima kasih..
Tips yang berguna untuk blog..
Jom follow blogku..
http://farissite49.blogspot.com

Mohd Shafwan berkata...
Teknik Buat Blog

DUGAAN

mohd din ibrahim berkata...
Teknik Buat Blog

WAH... ADA YG BARU NAMPAK..!!

mohd din ibrahim berkata...
Teknik Buat Blog

ADA TEKNIK BARU KAN...SAYA TAK SBR NK BUAT ..!!