Tips dan Trik: Link

Tampilkan postingan dengan label Link. Tampilkan semua postingan

Link Berkedip Ketika Cursor Melintas

Jika kita perhatikan begitu banyak link-link yang terdapat di halaman blog kita. Saya sedikit ada trik cara membuat agar link-link tersebut berkedip ketika mouse melintas di atasnya.

Silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode </head> di dalam template anda
6. Tambahkan script berikut ini sebelum kode terse

<style>
a:hover { color:#00FFFF; text-decoration:blink; border-bottom:1px dotted #FF0000; }
</style>

7. Kode #00FFFF adalah menyatakan warna link tersebut dan kode #FF0000 adalah warna garis bawahnya
8. Silahkan anda variasikan sesuai dengan warna kesukaan anda
9. Klik Simpan Template
10. Selesai

»» READMORE...

Cara Membuat Link terbuka otomatis saat cursor melintas

Hi.. friends Kali ini saya akan Berbagi sesuai dengan judul posting, yang mungkin sebagian teman sudah banyak tau dari dimaksud dengan judul diatas??
Coba sobat letakkan cursor di link berikut :
Langsung aja di coba Itu yang di maksudkan judul diatas Cara membuatnya gampang sekali sobat tinggal menambahkan sedikit kode

Berikut contoh script diatas :

<a href=" http://www.4shared.com/"onMouseover="window.location=this.href">coba letakkan mouse sobat disini maka akan menuju ke link Contoh program SP </a>

Selamat mencoba dan semoga bermanfaat...!!

»» READMORE...

Membuat Link Berubah Warna dan Membesar Ketika di Sorot

Menarik sekali neeh aku posting yang membahas tentang modifikasi link, Jadi ketagihan nulis lagi soalnya ringkas dan padat sekaligus membantu he he ... Kali ini mo bahas bagaimana cara membuat link tidak hanya berubah warna tetapi juga membesar ketika disorot dengan mouse. Mantap kan sob ? selain itu kita juga bisa mengganti mouse pointer kita sehingga bukan lagi bentuk tangan.

Langsung saja caranya sbb:
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML"
3. Cari bagian a:link dan a:hover dan masing-masing ganti dengan kode dibawah ini :

a:link
{
color:#0000ff;
font-size:10px;
cursor:default;
}

a:hover
{
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

4. Simpan Template.

Warna biru menunjukkan warna link+ warna merah menunjukkan ukuran+ warna cokelat menunjukkan font miring ketika link disorot+ warna hijau menunjukkan style mouse pointer+ Kamu bisa modif menjadi hand, crosshair, wait, move, text, help dll sesuai dengan pilihanmu.

Langsung praktekkan aja sob ...

»» READMORE...

Cara Menghilaangkan garis Pada Link (Underlink)

Mungkin di antara teman-teman Pernah liat ada tulisan yang mengandung link ada underline (garis bawah)-nya. Bagi sebagian orang, mungkin garis bawah pada link itu tidak mengganggu. Namun ada juga yang menganggap bahwa garis bawah pada link itu agak mengurangi keindahan blog.

Cranya sbb:

1. Login dulu kemudian klik LAYOUT/TEMPLATE –> EDIT HTML
2. Cari kode berikut di bawah <head>

a:link {
color:$linkcolor;
text-decoration:none;
} a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;

text-decoration:none; untuk membuat link tidak memakai underline
text-decoration:underline; untuk membuat link memaki underline.

Jadi, Anda tinggal merubah kode setelah “text-decoration:”
3. Jangan lupa setelah membuat perubahan, klik SAVE
Selesai.

Catatan :
1. a:link artinya link yang tampil di blog kita.
2. a:visited artinya link setelah diklik
3. a:hover artinya link ketika mouse kita arahkan ke link tsb.

Selamat mencoba.

»» READMORE...

Membuat link untuk membuka halaman Baru (tab/window)

Mungkin ada teman-teman yang masih pemula yang ingin membuat link teks, jika anchor text (teks link) di klik, maka akan terbuka sebuah halaman baru. Terkadang jika anda berkunjung di sebauah blog, misalnya di blog saya ini, jika anda mengklik sebuah link halaman targetnya terbuka di halaman (tab/jendela)baru, dan terkadang halaman target terbuka di halaman (tab/window)yang sama.

Untuk membuat halaman target terbuka di halaman (tab)baru bisa buat link seperti di bawah ini:
(jika linknya berada dalam postingan, maka atur option teks editor pada mode Edit HTML)

Membuat link untuk membuka halaman target di halaman baru, anda perlu menambahkan kode target="_blank" ke kode link standar.

Contoh 1:

<a href="url tujuan" target="_blank">teks yang akan ditampilkan</a>
atau
<a href="url tujuan" target="_blank">anchor text</a>

(catatan: anchor text = teks yang akan ditampilkan, biasa juga disebut teks yang berisi link /merujuk ke halaman postingan lain)

Contoh source code link:

<a href="http://mycomputerdummies.blogspot.com/" target="_blank">Dummy</a>

Hasil linknya Klik disini Dummy

Contoh 2:

<a href="http://artikelkomputerku.blogspot.com/2008/08/daftar-isi-tips-dan-tutorial-blog.html" target="_blank">Tutorial Blog</a>

Hasil linknya seperti ini: Tutorial Blog

Sebagai bahan perbandingan, anda bisa lihat contoh lain yang berbeda seperti di bawah ini, halaman target terbuka di halaman (tab)yang sama

<a href="url tujuan">teks yang akan ditampilkan</a>
Contoh source code linknya:
<a href="http://kalongkalong.blogspot.com/">Kalongkalong</a>

»» READMORE...

Membuat efek pelangi link blog

Ada dua script yang aq dapat untuk membuat efek pelangi pada blog,sangat mudah juga ternyata,sejak melihat blog seorang temen yang diberi efek pelangi pada blognya saya pengen juga memasangnya untuk blogku yang lain.silankahkan saja jk sobat pengen memasangnya juga caranya sbb:

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout
3. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget
4. Kemudian cari kode </head>
5.kalau sudah ketemu letakkan script ini tepat dibawahnya:

Untu cara II:

* Cari kode <head>
Kemudian CopPas Code dibawah ini tepat di bawah code di atas.

»» READMORE...

Tips dan Trik

Link Berkedip Ketika Cursor Melintas

Cara Membuat Link terbuka otomatis saat cursor melintas

Membuat Link Berubah Warna dan Membesar Ketika di Sorot

Cara Menghilaangkan garis Pada Link (Underlink)

Membuat link untuk membuka halaman Baru (tab/window)

Membuat efek pelangi link blog

Labels