Link Bergerak Saat Disorot Mouse

Link Bergerak Saat Disorot Mouse – Setelah dulu gw nulis tentang caramembuat efek link warna pelangi, kali ini gw mau coba share satu cara lain yang bisa kita gunain buat modifikasi link. Cara ini lumayan seru lah, sebab link yang kita buat nanti bisa bergerak kalo disorot oleh mouse.

Sebagai contohnya anda bisa lihat di bawah ini coba mous anda arahkan ke teks ini.....!!!!!

Contoh 01

Kita mulai ea !!



Langkah pertama:

1. Login dulu ke blogger.com

2. Pilih menu “Design”

3. Klik “Edit HTML”

4. Cari kode 

5. Copy/paste kode dibawah ini tepat setelah kode 

6. Klik “Save Template”



Langkah kedua:

Dalam pembuatan link nanti, tambahkan kode class="nudge"



Contoh link dengan teks:

url tujuan" class="nudge">teks yang akan dijadikan link

Contoh link dengan gambar:

url tujuan" class="nudge">url gambar">

Keterangan:


1. Silahkan ubah contoh link di atas sesuai kebutuhan

2. Teks yang berwarna hijau adalah jarak bergerak link, silahkan di ubah sesuai selera

Terima Kasih

Font Berubah Saat Disorot Mouse

Sebelumnya saya mengucapkan terima kasih kepada teman-teman blogger yang telah berkunjung ke blog saya. Pada postingan ini saya akan mencoba menjawab salah satu pertanyaan sahabat blogger saya :

"kang bagimana caranya merubah font ketika disentuh oleh mouse berganti bentuk.tak tunggu jawabannya"

Sebenarnya cara ini sama dengan cara memperbesar link yang telah saya jelaskan pada artikel saya sebelumnya.

Hanya saja cara ada perbedaan sedikit kode yang ditambahkan. Berikut tahap-tahapnya:

1. Login Ke blogger kalian
2. Pilih Rancangan
3. Pilih Edit HTML ( biasakan untuk mencentang pada box expand widget template )
4. coba kalian cari kode berikut :

a:link {
color:#333;
text-decoration:none;
font-family:'verdana';
}

a:hover {
color:#777;
text-decoration:underline;
}

Keterangan :
== Kode diatas mungkin tidak selalu mirip pada setiap template tapi intinya sama
== a:link berarti keadaan link saat normal
== a:hover berarti keadaan link saat disorot mouse

jadi intinya jika kita ingin huruf/font berubah saat disorot mouse, kalian tinggal menambahkan kode berikut pada css a:hover

font-family:'JENIS HURUF KALIAN';

Sebagai contoh hasilnya seperti ini :

a:link {
color:#333;
text-decoration:none;
font-family:'verdana';
}

a:hover {
color:#777;
text-decoration:underline;
font-family:'Kristen ITC';
}

Kode diatas berarti saat dalam keadaan normal jenis huruf adalah 'verdana' tapi ketika disorot mouse jenis huruf berganti menjadi 'kristen ITC'. kalian bisa menggantinya dengan huruf yang kalian inginkan.

KESIMPULAN :

sebenarnya jika kita ingin merubah baik itu huruf, warna, ukuran dan yang lainnya saat disorot mouse, kalian harus fokus pada setiap kode yang bertuliskan HOVER, contohnya seperti ini :

untuk gambar biasanya kodenya img hover { ...
untuk huruf biasanya kodenya a:hover {
dan seterusnya ....

Dalam kode tersebutlah kalian menambahkan atau mengganti kode yang akan dirubah saat di sorot mouse.
Pokoknya sekali lagi saya sarankan kalian fokus pada setiap kata HOVER.

Selamat mencoba dan semoga bermanfaat

Font Berubah Saat Disorot Mouse

Sebelumnya saya mengucapkan terima kasih kepada teman-teman blogger yang telah berkunjung ke blog saya. Pada postingan ini saya akan mencoba menjawab salah satu pertanyaan sahabat blogger saya :

"kang bagimana caranya merubah font ketika disentuh oleh mouse berganti bentuk.tak tunggu jawabannya"

Sebenarnya cara ini sama dengan cara memperbesar link yang telah saya jelaskan pada artikel saya sebelumnya.

Hanya saja cara ada perbedaan sedikit kode yang ditambahkan. Berikut tahap-tahapnya:

1. Login Ke blogger kalian
2. Pilih Rancangan
3. Pilih Edit HTML ( biasakan untuk mencentang pada box expand widget template )
4. coba kalian cari kode berikut :

a:link {
color:#333;
text-decoration:none;
font-family:'verdana';
}

a:hover {
color:#777;
text-decoration:underline;
}

Keterangan :
== Kode diatas mungkin tidak selalu mirip pada setiap template tapi intinya sama
== a:link berarti keadaan link saat normal
== a:hover berarti keadaan link saat disorot mouse

jadi intinya jika kita ingin huruf/font berubah saat disorot mouse, kalian tinggal menambahkan kode berikut pada css a:hover

font-family:'JENIS HURUF KALIAN';

Sebagai contoh hasilnya seperti ini :

a:link {
color:#333;
text-decoration:none;
font-family:'verdana';
}

a:hover {
color:#777;
text-decoration:underline;
font-family:'Kristen ITC';
}

Kode diatas berarti saat dalam keadaan normal jenis huruf adalah 'verdana' tapi ketika disorot mouse jenis huruf berganti menjadi 'kristen ITC'. kalian bisa menggantinya dengan huruf yang kalian inginkan.

KESIMPULAN :

sebenarnya jika kita ingin merubah baik itu huruf, warna, ukuran dan yang lainnya saat disorot mouse, kalian harus fokus pada setiap kode yang bertuliskan HOVER, contohnya seperti ini :

untuk gambar biasanya kodenya img hover { ...
untuk huruf biasanya kodenya a:hover {
dan seterusnya ....

Dalam kode tersebutlah kalian menambahkan atau mengganti kode yang akan dirubah saat di sorot mouse.
Pokoknya sekali lagi saya sarankan kalian fokus pada setiap kata HOVER.

Selamat mencoba dan semoga bermanfaat

Cara Update Status Twitter via Twuffer Mengupdate status twitter dengan menggunakan Twuffer

Cara Update Status Twitter via Twuffer Mengupdate status twitter dengan menggunakan Twuffer - Twuffer merupakan salah satu situs yang menyediakan layanan untuk bisa melakukan update status akun Twitter. namun bukan seperti yang biasa kita lakukan dimana update status akan langsung dilakukan begitu kita mengklik tombol Tweet. melalui situs layanan ini, kita bisa melakukan pengaturan waktu terhadap setiap update status yang akan dilakukan. BACA Cara Mencari Teman Melalui JustTweetit di Twitter

Ada banyak sekali cara yang bisa kita gunakan untuk melakukan updatestatus account Twitter kita, melalui aplikasi desktop, browser, atau dari perangkat gadget seperti ponsel atau Blackberry yang sudah banyak digunakan saat ini. Twuffer menawarkan cara yang unik dalam melakukan update status Twitter kita, karena kita dapat mengatur hari, dan jam berapa sebuah update status itu dilakukan hanya melalui beberapa pengaturan sederhana. anda juga tidak harus membuat account hanya untuk menggunakan layanan dari situs Twuffer ini, cukup login dengan menggunakan akun Twitter anda.

• Arahkan browser ke http://twuffer.com. kemudian klik tombol Sign in with Twitter untuk mulai menggunakannya.

• Ketika muncul pertanyaan dari Twuffer untuk mengakses account Twitter anda, klik tombol Allow untuk memberikan izin.

• Setelah berhasil, maka anda akan dihadapkan pada jendela pengaturan awal (settings). lakukan beberapa pengaturan seperti zona waktu, format tanggal dan waktu. setelah selesai, klik tombol Save untuk menyimpan hasil pengaturan tersebut.

• Kini, saatnya membuat beberapa status update, dan melakukan pengaturan waktu pada setiap status update tersebut. anda dapat mulai membuatnya dengan mengisikan status update tersebut pada bagian kolom Type your tweet.

• Klik pada bagian kolom When to tweet "Today" untuk mengubahnya ke tanggal yang anda inginkan. anda juga dapat menentukan kapan (jam) status update tersebut akan dilakukan.

• Setelah selesai menentukan tanggal dan waktu untuk melakukan update status, anda cukup mengklik tombol Set status. untuk memasukkannya ke dalam daftar antrian status update untuk account Twitter. anda dapat membuat beberapa status update untuk beberapa waktu ke depan.

• Kini, yang perlu dilakukan adalah menunggu, karena Twuffer akan melakukan update ke account Twitter anda secara otomatis sesuai dengan pengaturan waktu yang sudah diberikan. untuk mengetahui daftar status update yang sudah dibuat, dapat anda lihat bagian tab Qeued tweets.

• Selesai....