Membuat Kode HTML Links Exchange di Blog

Sejak pertama saya BW yang menjadi perhatian adalah membuat atau menampilkan kode links exchang dan kemudian timbul suatu pertanyaan bagaimana caranya membuat . Pertama yang aku perhatiakan adalah yang ada di blog FATAMORGANA disamping tampilannya yang asyik dengan dihiasi bintang-bintang yang muncul saat cursor menyorot ke judul blok atau judul postingan. Munculnya kemerlap binta-bintang ini sangat disukai oleh si kecil Mohamad Rheyhan Akhbar putraku.

Orang yang gaptek seperti saya , kalau dipikir lucu dan kelihatan ndesonya . Karena keingintahuan yang tanpa didukung oleh pengetahuan sehingga menyebut suatu nama-nama.istilah diberi nama sendiri, saat itu saya membuat postingan yang berjudul Aku pingin membuat kotak bergeser , yang saya maksud kotak bergeser itu ternyata namanya scroll lock (maaf kalau masih salah tulis). Dari postingan itu saya mendapat bantuan informasi dari Sohib yang di Pinrang Sul-Sel Berpikir Positif tentang situs yang memandu pembuatan scroll lock. Lebih penting lagi petunjuk dari berpikir positif bahwa untuk membuat sesuatu bias ditanyakan ke mbah google. Tapi yang jadi masalah saya gak tahu istilah/namanya di dunia computer. Sehingga untuk membuat tempat kode link masih berpikir mau tulis apa di google search.

Sekian bula berlaku ketika mau browsing saya tulis “menulis kode tukar link blog” akhirnya kujumpai beberapa blog yang sudah memandu membuat kode tukar link di blog. Diantaranya adalah Kang Supriatno “Belajar Dengan Menulis”. Untuk berbagi kegembiraan pengetahuan baru itu saya sampaikan di sini.

 Untuk membuat kotak tukar links yang pertama adalah membuat script tukar link
Bagaiman cara membuat script tukar link? Nah, untuk membuat kotak tukar link atau link exchange atau blogroll di blog/web bias dilakukan dibeberapa situs penyedia seperti http://cooltext.com atau di http://www.photobucket.com/ .
Untuk membuat logo dan script di http://cooltext.com Ikuti langkah-langkah berikut :
1. Browsing ke http://cooltext.com

 2. Pada menu sebelah atas klik Logos, hingga muncul seperti pada gambar dibawah ini:

3. Pilih/klik logo yang anda suka

4. Logo dibagi atas dua bagian yaitu sebelah kanan dan kiri. Silahkan anda
melakukan pengaturan atau desain sesuai dengan kebutuhan anda.
5. Klik pada Image Width untuk menentukan ukuran logo, jika sudah selesai klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo selesai.
6. Klik Download Image untuk langsung menyimpan logo/image ke hardisk atau flashdisk anda. Get HTML Code untuk mendapatkan script, akan tetapi anda diminta untuk register terlebih dahulu. Silahkan register dulu.
Untuk membuat logo dan script di http://www.photobucket.com/ Ikuti langkah langkah berikut.
1. Siapkan logo atau banner blog sobat memakai program yang disukai, bisa Microsoft powerpoint, Paint, photoshop atau lainnya.
2. Browsing ke http://www.photobucket.com/
3. Login atau Regestrasi terlebih dahulu apabila belum punya account selanjutnya tinggal Anda tunggu sampai muncul halaman uplode IMAGE dan VIDEO
4. Anda upload file logo yang sudah disiapkan selanjutnya tinggal tunggu sampai muncul kode html
5. Selanjutnya klik kotak Get HTML Code untuk di COPAS di blog Anda
Tahap selanjutnya adalah menempatkan kode HTML Links exchange blog kita, ikuti langkah berikut.
login ke acount blog anda, saya ambil contoh Blog Ra’want Matematikakah, pada menu Dashboard, klik widget, pilih Text, lalu pada Text tersebut klik Edit. Lalu copy/paste script dibawah ini ke sidebar blog atau bisa juga dibuat posting khusus untuk bertukar link seperti ini.

<a href=”http://nyachya.blogspot.com” target=”_blank”><img border=”0″ alt=”Ra’want Matematikakah” src=”http://i1013.photobucket.com/albums/af256/Nyach/Decorated%20images/LogoRawant.gif” ></a>

Berikut Contoh Script yang bisa dipakai untuk menampilkan widget tukar link pada blog/web anda :

Mau Tukar Link? Copy/paste code HTML berikut ke blog anda

MAAF MENULIS SCRIPT DIPOSTINGAN MASIH PERLU BELAJAR KARENA SELALU TEREKSKUSI (maklum saya GAPTEK  dan nDeso)

untuk copas script langsung saja ke TKP (http://supriatno.blogdetik.com)

Dengan belajar otak atik kode HTML secara otodidak akhirnya berhasil
Jadinya seperti ini

Cool Text: Logo and Button Generator -

<a href=”http://nyachya.blogspot.com” target=”_blank”><img src="http://images.cooltext.com/1470436.gif" width="200" height="94" alt="Ra'want Math" /></a><br /> <br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=519049392">Create Your Own</a> ” >