Tukar Link? Gimana Membuatnya?
Posted 05.47 by popo in Label: banner link, blog tutorial, blogspot tutorial for beginner, text linkSalah satu cara untuk meningkatkan traffic pengunjung blog adalah dengan bertukar link. Ada 2 tipe link yang biasanya digunakan oleh para blogger, yaitu text link dan banner link. Text link berupa text yang mewakili nama blog anda. Sedangkan banner link berupa gambar/foto yang mewakili blog anda.
1. Membuat Text Link.
Formatnya sebagai berikut :
<a href="url_blog_anda" target="_blank"> Nama Blog Anda</a>
Anda tinggal mengganti url_blog_anda dengan url blog anda dan Nama Blog Anda dengan nama yang menurut anda mewakili blog anda, sebagai contoh text link untuk blog saya Free Tips adalah sebagai berikut:
<a href="http://allfreetips4u.blogspot.com" target="_blank">Free Tips 4U</a>
maka hasilnya adalah seperti di bawah ini (hanya kata-kata Free Tips 4U yang muncul):
2. Membuat Banner Link
Sebenarnya cara membuat banner link dengan text link sama saja, perbedaannya hanya terletak pada gambar/image yang diberi link. Langkah-langkahnya adalah sebagai berikut:
1. Siapkan gambar/image yang akan anda gunakan, sebagai contoh saya gunakan gambar di bawah ini:
2. Simpan gambar/image tadi ke situs penyimpan gambar seperti flickr, photobucket, dll. Sebagai contoh saya menyimpan di flickr dan mendapatkan url untuk gambar tadi sebagai berikut:
http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg
3. Format untuk membuat banner link adalah sebagai berikut:
<a href="http://allfreetips4u.blogspot.com" target="_blank"><img src="http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg" ></a>
Hasilnya seperti di bawah ini, apabila anda meng-klik pada gambar, maka akan terbuka blog saya pada jendela baru.
4. Anda bisa merubah ukuran gambar/image untuk disesuaikan dengan blog anda. Hanya dengan menambahkan kode width=”xxx” dan height=”xxx”. Width untuk lebar gambar, height untuk tinggi gambar, dan ganti xxx dengan angka dalam pixel. Sebagai contoh saya ingin tampilan banner di atas menjadi lebih besar:
<a href="http://allfreetips4u.blogspot.com" target="_blank"><img src="http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg" width="320" height="60"></a>
Maka hasilnya seperti di bawah ini:
Atau kalau kita rubah seperti ini
<a href="http://allfreetips4u.blogspot.com" target="_blank"><img src="http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg" width="160" height="160"></a>
maka hasilnya:
Nah, selesai sudah. Mudah-mudahan berguna untuk anda.
0 komentar:
Posting Komentar