Membuat Link Di Blog Berubah Warna dan Membesar Ketika Disentuh Kursor

Setelah sekian lama tidak pernah update mengenai tutorial blog maka kali ini saya sempatkan untuk menulis artikel tutorial blogging lagi, yang mana tutorial ini saya dapatkan dari salah satu blog yang bisa dibilang blog master yakni System Of Blog.

Tutorial yang saya pelajari dari blog tersebut yaitu bagaimana sih cara membuat agar link di blog berubah warna dan membesar ketika disentuh oleh kursor. Gak usah buang-buang waktu untuk membaca kalimat pembuka di atas langsung aja ikuti tutorial di bawah ini.

1. Login ke blogger atau klik disini»
2. Pilih template » Edit Html » Lanjutkan.
3. Jangan lupa centang Expand Template Widget.
4. Cari code berikut a:link dan a:hover hapus semua code tersebut dan ganti dengan code CSS di bawah ini.

a:link {
color:#0000ff;
font-size:10px;
cursor:default;
}
a:hover {
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}
Demikian tutorial bloging kali ini semoga bermanfaat dan jika ini dirasa berguna jangan lupa untuk dishare yach….
 
Semoga artikel kali bermanfaat.. Happy Blogging :)

5 komentar:

  1. terimakasih banyak sob, sangat membantu sekali tutorialnya...

    BalasHapus
  2. a:link {
    text-decoration:none;
    color: $(link.color);
    }

    a:visited {
    text-decoration:none;
    color: $(link.visited.color);
    }

    a:hover {
    text-decoration:underline;
    color: $(link.hover.color);
    }

    template ane kok gak seperti screenshot diatas yaa?

    BalasHapus
  3. blogging walk...
    www.uchiha-uzuma.com

    BalasHapus
Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top