22 Oktober 2010

Membuat Warna Link Berkedip Warna Warni

Ketika sebuah link di sorot, link tersebut akan dikelilingi bintang yang berkedip-kedip. Emang bisa? bisa saja,kenapa nggak? Ingin tahu caranya? silahkan ikuti langkah-langkah berikut ini :


  1. Silahkan login ke hosting tempat biasa anda menyimpan/upload gambar/image atau foto dll, lalu upload lah gambar yg ada pd link di bawah ini :

    http://i27.tinypic.com/2626vyh.jpg 

    Cara uploadnya, saya ambil contoh menyimpan di http://s567.photobucket.com/. Setelah saya login ke photobucket.com, muncul tampilan spt berikut:




     
    Arahkan mouse/cursor ke link "MORE UPLOAD TOOLS" sehingga muncul shorcut. Pilih dan klik pada pilihan "from the web".Pada kotak isian yg ada tulisan : "Paste URL to an image", copy URL warna merah diatas dan pastekan pd kotak tsb, lalu klik "Start Uploading". Kemudian klik "Save". Geser layar kebawah dan cari gambar yg barusan anda upload, lalu arahkan cursor pada gambar sehingga muncul shorcut spt berikut:




     Perhatikan pada kotak : "Direct Link" (yg di lingkarin merah). Nanti URL tsb yg akan dicopy. Tp sebelum mengcopy URL tsb, ikuti dulu langkah ke dua berikut ini.


  2. Silahkan login ke blogger dengan ID dan :
    • Klik Rancangan.
    • Klik tab Edit HTML.
    • Cari kode yg mirip spt dibawah ini:


      a : hover {
      color: red;
      text-decoration: underline;
      cursor: hand;
      }
  3. Jika sudah ketemu, tambahkan kode berikut ini tepat diatas tanda " }":



    background-image:url(http://i567.photobucket.com/albums/ss114/fatiasa/pb.jpg)

    Kembali ke langkah 1 diatas dan copy lah URL yg dilingkaran merah tsb. Gantilah alamat URL yg berwarna biru, dgn URL yg dilingkaran merah tsb ( krn kode diatas ini hy contoh saja, jangan di pakai)

  4. Sehingga kode tersebut diatas menjadi seperti ini :


    a : hover {
    color: red;
    text-decoration: underline;
    cursor: hand;
    background-image:url(http://i567.photobucket.com/albums/ss114/fatiasa/pb.jpg)
    }
Catatan:
Tulisan "red" pada kode tsb adalah warna merah sehingga saat link disorot, maka link akan berubah warna menjadi merah. anda dpt merubah dgn warna lain misalnya "blue" atau "yellow". demikian juga "underline" adalah kode garis bawah sehingga saat link disorot, maka link akan berubah menjadi bergaris bawah. Ini jg dapat anda rubah dengan "italic" atau "bold".

Sekarang coba lihat blog anda dan sorot link nya, jika berhasil maka linknya akan dikelilingi bintang yg berkedip-kedip.

Selamat mencoba.

Artikel Terkait di Bawah posting
Blogger
Tips N Triks

Diposting oleh KD JON'S di 02.31

Label: , , ,

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

LOGIN

Template by : JON'S