Cara membuat link berkedip ketika cursor melintas


Maksud judul diatas adalah jika sobat menyorot link maka link tersebut akan berkedi-kedip.
Untuk contohnya coba letakkan cursor Disini
Jika sobat ingin mencoba
Silahkan ikuti langkah-langkah berikut ini :

Login ke Blogger klik Rancangan klik Edit HTML
Silahkan cari kode </head> di dalam template sobat.
Jika sudah ketemu tambahkan kode berikut ini sebelum kode </head>

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

Keterangan : kode color:#0000ff; adalah menyatakan warna link tersebut dan kode text-decoration:blink; menyatakan link akan berkedip ketika disorot cursor, kode border-bottom:1px dotted #0000ff; adalah warna garis bawahnya
Silahkan sobat variasikan sesuai keinginan.
Jika sudah selesai klik SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba
Read More »»

Cara Membuat Javascript Anchor Link dan Jenis-Jenisnya


Banyak macam Link yang bisa anda kreasikan, seperti popup, alert, target, maupun hanya sekedar untuk variasi saja.

Macam dan jenisnya juga sudah banyak yang mempublikasikan.
Pelajaran blog, selaku penyampai informasi ingin sedikit berbagi yang siapa tahu dapat berguna dan bermanfaat.

Dasar membuat anchor link pada blog seperti ini:

Pernah anda menjumpai tulisan seperti;'klik disini' atau 'download now' maupun suatu tulisan yang menimbulkan efek alert/sebuah pemberitahuan.

Contoh konkrit:

Coba klik Disini

Tulisan diatas, saya tulis dalam kode javascript seperti ini:

<a ; href="#" onclick="alert('Inilah contoh link ancor alert javascript!')">Coba klik Disini</a>

Dan banyak jenis-jenis link anchor ini.
Ingin tahu lebih banyak? koleksi jenis dan macam-macam anchor link dari situs-situs dibawah ini:
Semoga bermnanfaat
Read More »»

Cara Membuat 1 Link untuk 2 halaman


Postingan sebelumnya saya sudah membahas bagaimana Cara membuat pop up window di blog.
Postingan kali ini saya akan membahas bagaimana caranya agar satu link bisa membuka 2 halaman sekali gus ketika di klik, cara ini mungkin cukup efektif untuk di terapkan bagi yang ingin mempromosikan 2 halaman sekali gus dalam satu anchor text.

Contohnya seperti ini Download , silahkan klik link Download tadi maka akan ada dua halaman yang terbuka,
Jika sobat ingin membuat link Download seperti di atas maka berikut ini adalah kode yang bisa sobat gunakan:

<a href="http://www.sazlina.co.cc/" target="_blank"onclick="window.open('http://adf.ly/hxU4')">Download</a>

Dengan membuat link seperti itu maka jika link nya di klik akan terbuka dua halaman sekali klik, yang akan terbuka adalah halaman www.sazlina.co.cc dan link download CCleaner.3.04 dengan trik link ini mungkin sobat bisa aplikasikan ke berbagai kebutuhan blog sobat, termasuk mungkin di antaranya menyimpan iklan di halaman tersebut.

Semoga bermanfaat
Read More »»

Cara membuat pop up window di blog


Pop up adalah sebuah tampilan windows baru yang berisi sebuah web atau informasi baru pada saat web/blog awal di akses.
Pop up tentunya sanget berguna bagi mereka para pelaku bisnis.Karena iklan yang ingin di tampilkan akan secara otomatis terbuka saat ada pengunjung yang membuka web terdebut. Contoh yang menggunakan iklan pop up adalah situs file sharing terkenal ziddu.com. Ketika anda ingin mendownload file dari ziddu, maka anda akan ditunjukkan beberapa tampilan windows baru yang berisi iklan.

Tapi pop up juga bisa mengganggu pengunjung, karena tampilan windows baru yang tidak diinginkan.Semua terserah anda,ingin menggunakan nya atau tidak.

Jika ada yang ingin menggunakan berikut caranya:

Login ke Blogger
Klik Rancangan klik tab Edit HTML
Cari kode <body>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
Jika sudah ketemu, copy kode script berikut dan paste di bawah kode <body>

<script type="text/javascript">

var popurls=new Array()
popurls[0]="http://harddiskku.blogspot.com/"
popurls[1]="http://harddiskku.blogspot.com/"
popurls[2]="http://harddiskku.blogspot.com/"
popurls[3]="http://harddiskku.blogspot.com/"

function openpopup(popurl){
var winpops=window.open(popurl,"","width=,height=,toolbar,location,
status,scrollbars,menubar,resizable")
}

openpopup(popurls[Math.floor(Math.random()*(popurls.length))])

</script>

Keterangan : Ganti kode yang berwarna biru dengan alamat web/blog anda.Jika anda hanya ingin menampilkan 1 web/blog saja, maka pada popurl 1-4 isi dengan 1 alamat web/blog saja.
Pada kode yang berwarna hitam,disebelah tanda =, masukkan ukuran pop up yang ingin anda tampilkan. Jika anda biarkan kosong,maka akan tampil pada ukuran full windows.
Jangan lupa aktifkan dulu allow pop up pada browser anda,karena jika tidak aktif,maka pop up tidak akan muncul.

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.

Selamat mencoba
Read More »»

Cara Membuat Link Terbuka Otomatis Tanpa di Klik


Link yang saya bahas disini tidak jauh berbeda dengan link-link yang lain, yang membedakan link ini adalah link ini tidak perlu di klik untuk membukanya, kita hanya perlu mengarahkan mouse ke link tersebut maka secara otomatis linknya akan terbuka sendiri.
Kelemahan dari link ini adalah link ini tidak bisa membuka pada windows baru meskipun diberikan perintah target="_blank" maupun target="_new" sehingga menyebabkan halaman blog akan tertimpa halaman yang ada dalam link tersebut.

Jika ingin tahu contohnya silahkan arahkan mouse sobat Kesini.

Jika sudah tahu sekarang untuk membuat link terbuka secara otomatis sobat cukup membuat kode seperti di bawah ini:

<a href="http://harddiskku.blogspot.com/" onmouseover="window.location=this.href">All In One</a>

Keterangan : Ganti kode yang berwarna biru.

Selamat mencoba
Read More »»