Sabtu, 14 Januari 2012

Banner Link Pada Blog Dengan Text Area

Cerita Miko


Akhirnya dapat juga saya yang newbie dan masih copo tentang blogging ini membuat sebuah banner link yang tadinya masih bingung harus memulai dari mana setelah dapat pencerahan dari temen blog baru yang punya alamat blog di sini nie akhirnya jadi juga ni banner link berikut sedikit penjelasan tentang banner link beserta fungsi dan langkah-langkah pembuatannya, mudah-mudahan dapat berguna bagi sesama blogger.  

Banner link adalah sebuah gambar atau tulisan yang di dalamnya terkandung link html yang apabila kita klik maka akan langsung tertuju pada sebuah page web atau blog yang diinginkan bagi si empunya banner link tersebut. Sebagai gambaran dalam kehidupan nyata kita ibaratkan saja blog atau website kita adalah handphone dan banner link adalah nomernya. Menurut penilaian saya pribadi banner link itu harusnya wajib dimiliki setiap blogger atau pemilik web karena sebuah blog atau web tanpa banner link atau logo ibarat handphone tanpa nomer handphonenya jadi kembali deh ke jaman mezolithycum.
 

Setelah kita punya banner link maka kita bisa saling tukar code link banner tersebut dangan rekan blogger lainnya. Fungsi dari Tukar code Banner Link adalah untuk Meningkatkan PAGE RANK BLOG/WEB kita, karena dengan memasang code Tukar link di blog , maka rekan-rekan sesama blogger bisa lebih mudah menemukan blog kita. Sehingga mempermudah kita sesama blogger untuk saling kunjung mengunjungi sekedar tengok-tengok kondisi bloger yang lain untuk mengikuti status updatenya. Untuk bahan-bahan yang di perlukan dalam pembuatan sebuah banner link, monggo silakan di lanjut simak postingan saya ini.
 

Hal pertama yang harus dimiliki adalah sebuah situs (hehe... tu ma wajib 'Ain). Baru kemudian memiliki gambar banner yang dapat kamu buat dengan aplikasi CorelDraw, Photoshop, atau aplikasi lain yang kamu kuasai. Setelah gambar atau text banner selesai kita desain untuk langkah selanjutnya kita upload gambar banner tadi ke dalam sebuah situs penyimpan foto/gambar (image hosting) dengan tujuan untuk diambil alamat urlnya yang nantinya akan kita perlukan untuk penyusunan script pada banner link kita tadi, disini saya upload gambar banner saya ke situs ini. Nah sebelumnya sekali lagi saya ucapkan terima kasih buat mbak Funny yang telah kasih penjelasan ke saya pada langkah pertama ini. 
 

Langkah selanjutnya saya teruskan bersama mbah google yaitu tentang cara memasukkan script banner link kedalam bingkai (kotak). Bingkai atau kotak di blog atau web sering disebut dengan text area. Script perintah pembuatan bingkai atau kotak pada posting blog dapat menggunakan  perintah overflow atau textarea. Pada artikel saya sebelumnya yaitu tentang  Posting Dengan Text Area, telah dijelaskan langkah-langkah serta contoh tag script html yang dapat kamu gunakan untuk membuat text area, sehingga url banner link kita dapat terlihat dengan jelas untuk memudahkan rekan blogger lain yang bermaksud untuk melakukan tukar link banner dengan kita.
 

Masih pusing? Ok, kita cari gampang aja ya. Nih aku berikan contoh salinan script yang dibingkai oleh text area. Bingkai text area digunakan karena bisa diberi tambahan perintah supaya ketika diklik langsung nge-block script yang ada di dalamnya.

<textarea rows="3" cols="23" onclick="select(this)">&lt;a href="URL Situs" target="_blank" title="Keterangan Situs"&gt;&lt;img style="border:0px; margin-top:5px; width:120px; height:50px;" alt="Nama Situs" src="URL Gambar Banner"/&gt;&lt;/a&gt;</textarea>

Kamu tinggal mengganti URL Situs(Alamat blog atau website kita), Keterangan Situs kita, URL Gambar Banner dari situs tempat kita upload gambar banner kita tadi. Kamu juga bisa mengubah ukuran baris (rows) dan kolom (cols) textarea disesuikan dengan lebar sidebar blog kamu, juga mengubah pengaturan margin atas (margin-top), lebar (width), dan tinggi (height) banner kamu.
Jika kamu ingin menampilkan preview (pratinjau) untuk link banner tersebut, kamu tinggal menambahkan script berikut di bawah atau di atas script tadi.

<a href="http://ceritamiko.blogspot.com/" target="_blank" title="| Everything About All |"><img style="border:0px; margin-top:5px; width:128px; height:111px;" alt="Cerita Miko" src="http://i1150.photobucket.com/albums/o606/ceritamiko/bannercm1.gif"/></a>

Untuk ukuran gambar banner jika terlalu besar, kamu dapat mengatur lebar (width) dan tinggi (height) gambar disesuaikan dengan lebar sidebar blog kamu. Untuk contoh jadinya bisa anda lihat pada bagian paling awal dari posting ini, di sini terpampang link banner saya silakan bagi yang mau tukar link banner dengan saya lalu tinggalkan pesan anda dengan tulis koment di bawah posting ini atau pada chat fixbox pada blog ini. Selamat Mencoba.

6 komentar:

  1. huhuhuhu <--gaptek,ga bsa gambar,ga tau bikinnya,bhkan ga tau fungsinya

    BalasHapus
  2. cemungudddh eaaa suci #pukpuk hihi
    udah lama ga blogwalking >,<

    BalasHapus
  3. kan g harus bisa gambar kakak suci.....minta di gambarin aja sama mbah google gambar ayam ato angsa :-).....
    akupun yang ngajarin mbak lucu tuh yang abis menang lomba hingga bisa bkin ni baner link terima kasih mbak funny...jadi ke Jerman ya :-)

    BalasHapus
  4. bang brow, kode tersebut kita copas di mana?kalau hanya ingin menampilkan baner Lng Saja di dalam postingan gmana??
    kalau sempat balas di blog saya juga
    thanks
    Aneka Souvenir Bambu

    BalasHapus
  5. trimakasih resepnya gan..

    ditunggu kunjung baliknya di SINI

    BalasHapus
  6. makasih infonya sob
    http://www.ceritadong.com/

    BalasHapus

Related Posts Plugin for WordPress, Blogger...