Skip to main content

Cara Membuat Alert Script di Blogspot

Mungkin Anda pernah mengunjungi blog yang ketika pertama di buka ada pesan seperti gambar di samping. atau bisa juga Anda lihat yang sudah saya buat di blog ini.

Namun setiap orang pasti ada selera masing-masing, saya sendiri sedikit kurang menyukai untuk memasang script ini di blog karena dapat mengurangi kenyamanan para pengunjung.
tapi hanya untuk sekedar ilmu saja, atau mungkin Anda memang bernita untuk memasangnya di blog Anda berikut tutorial cara memasangnya.

Anda hanya perlu manambahkan script dibawah ini ke blog Anda.



tulisan yang berwarna merah Anda ganti sesuai dengan selera Anda.

script di atas untuk menampilkan satu Alert, jika Anda ingin menambahkan yg lain. maka scriptnya jadi seperti ini.



sangat sederhana scriptnya kan...
sekarang masukkan script tersebut ke blog Anda.

1. Login dulu ke blogger
2. Klik Tata Letak
3. klik tab Edit HTML4. cari kode
5. pastekan script alert tadi di atas kode
6. klik tombol SIMPAN TEMPLATE
7. selesai. coba buka blog Anda sekarang.

Mudah kaan....??
semoga bermanfaat....
Labels:

Comments

Post a Comment

*jika Anda belum terdaftar di KoFa Style Blog, harap memilih profil Nama/URL sebelum memposting komentar.

Popular posts from this blog

Efek Foto Koran Zaman

Pada tutorial yang sederhana ini saya akan mengajak Anda-anda semua untuk merubah foto yang normal menjadi seperti gambar pada koran-koran tempoe doeloe hanya dengan memberikan beberapa efek. langsung saja, buka dulu foto Anda dengan photoshop. Tekan kombinasi tombol shift + ctrl + u pada keyboard untuk membuat efek Desaturate sekarang buat sebuah layer baru. Ubah warna background dengan #74673D , warnai layer baru tersebut dengan Paint Bucket Tool , ubah blendingnya dari Normal menjadi Color dan turunkan Opacity menjadi 50% . tekan Ctrl + E di keyboard untuk menggabungkan Layer1 dengan Background. sekarang pilih Filter > Texture > Texturizer . Isi nilai Scaling, Relief sesuai dengan gambar di bawah. (Anda bisa juga berkreasi sendiri tanpa mengikuti nilai-nilai seperti gambar di bawah) sekarang buat sebuah tekstur untuk memberikan efek koran. buat sebuah layer baru, warnai layer dengan #A09263 ubah warna background manjadi putih. dalam kond...
Post a Comment
Read more

Konsep dan Hirarki DNS

DNS adalah suatu bentuk database yang terdistribusi, dimana pengelolaan secara lokal terhadap suatu data akan segera diteruskan ke seluruh jaringan (internet) dengan menggunakan skema client-server. Suatu program yang dinamakan name server, mengandung semua segmen informasi dari database dan juga merupakan resolver bagi client-client yang berhubungan ataupun menggunakannya. Struktur dari database DNS bisa diibaratkan dengan dengan struktur file dari sebuah sistem operasi UNIX. Seluruh database digambarkan sebagai sebuah struktur terbalik dari sebuah pohon (tree) dimana pada puncaknya disebut dengan root node. Pada setiap node dalam tree tersebut mempunyai keterangan (label) misalnya, .org, .com, .edu, .net, .id dan lain-lainnya, sampel penggunaan pada  www.aceh-id.com yang relatif rerhadap puncaknya (parent).Ini bisa diibaratkan dengan relative pathname pada sistem file UNIX,seperti direktori bin, usr, var, etc dan lain sebagainya. Pada puncak root node dalam sebuah sistem DN...
6 comments
Read more

Navigasi Halaman Blog dengan Javascript

Page Navigation atau Navigasi Halaman berfungsi untuk mempermudah para pengunjung untuk menjelajahi blog kita dengan melihat halaman per halaman. Bagi pengguna Wordpress, tentunya sudah tidak asing lagi dengan Page Navigasi seperti yang Anda lihat pada gambar disamping, karena biasanya template-template wordpress sudah menyediakan fasilitas ini. Bagi pengguna Blogspot, harus menambahkan sintak JavaScript dibawah ini. berikut cara-caranya: Login ke Blog Anda pilih Rancangan kemudian klik tab Edit HTML masukkan kode dibawah ini sebelum kode ]]></b:skin> .showpageNum a { color:#FFF;padding:4px 10px; margin:0 2px; text-decoration:none; -webkit-border-radius:2px;- moz-border-radius:2px; background:#848484 } .showpageOf { color:#222; margin:0 6px 0 0 } .showpageNum a:hover { background:#222; color:#FFF } .showpagePoint { color:#FFF; text-shadow:0 1px 2px #333; padding:4px 10px; margin:0 2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#222; text-de...
Post a Comment
Read more