Effect Blink-Blink pada Link Blog

Seneng deh rasanya bisa bikin blog makin keren. Rednino posting ini special untuk Ulanrouge! Ada yang mau juga? Aku mau bagi-bagi tips deh (tipsnya nyontek) Aku browse dan nemu blog keren dan jadilah link blog aku blink blink! Luv it much! Aku juga minta izin repost and dapat izin dari Fishbone nih. Thanks gan! Aku juga suka banget dengan cursor dia yang ada efek blue stars… Cool! Untuk blue stars nanti aku posting lain waktu ya…
Sekarang aku mau kasih tahu cara biar link blog bisa blink blink… Dijamin ga akan bikin berat load blog karena file yang dipakai ukurannya sangat kecil. Cara bikin link blog blink-blink:
Pertama kali wajib masuk (login) ke dashboard (dasbor) blog dan klik design (rancangan), pilih Edit HTML cari kode berikut (gunakan ctrl+f untuk mempermudah pencarian):

/* Content ----------------------------------------------- */

Setelah kode ketemu, coba telusuri ke bawah sedikit dan temukan kode berikut ini:

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

Pada beberapa template kadang beda jadi cari aja code /*content serangkaian code hover jika pada template kamu beda.
Langkah selanjutnya kamu tambah kode berikut ini tepat di bawah kode tersebut:

background-image:url(http://url gambar stars.gif milikmu)
kode lengkapnya akan seperti ini:

a:hover {
text-decoration:underline;
color: $(link.hover.color);
background-image:url(http://url gambar stars.gif milikmu)

Untuk URLnya terserah selera kamu, ganti aja dengan URL gambar yang kamu suka, kalau belum punya gambar star/bintang, ambil ini aja. tinggal klik kanan langsung bisa copas URLnya.

Okey biar lebih mudah copy aja code ini:

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUygaGGi8dZuupGM_EcjKekI7QY4pZ5xKgX9QdhbJMoBJI0kRgDhItS0I-GpzvMCPeCyMev2t1WypoBKgjrM6Uko0t1oFbwn6nPUDH7uD6A1gR8HlbStFfgTSHeRndirO3K5QrZPRuJGiA/)

Kalau After Hours Lounge pake link yang ini:

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97gVApk3docXBv6RvT_oE6Ei2Rlfps1gfeGtnMi5OnNSMLks81K_9HvR67aO_R2r6grjV2hx85b_Tgz_sCaHPToszrSa-OUbcD6gbeMW0jkKddnXoe9XSkUNmtDrosnGoGRAKf-jVtDhe/)

Oh ya jangan lupa! Pastikan kode yg kamu masukkan ada di dalam kurawal. OK! Soalnya aku sempet salah juga tuh awalnya.
SEMOGA BERHASIL!!!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment