Membuat Screen Saver Blog dengan Gambar Sendiri
Ikuti langkah-langkah berikut untuk memulainya :
- Login ke Blogger.com
- Masuk ke Design
- Klik Add a Gadget > HTML/ JavaScript
- Copy Paste kode berikut ke dalamnya
<script
type="text/javascript"
src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/screensavervikry.js"></script>
<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR-Yu1G14l0KtpZzkX2VK7cHinB5kxdcFvELC1u4E0D5s-lgFhgrWL-Z4Rrj7KUnF2hahYEwF1whuHOI9ST48BPVngqpaRzTGr7rhoMW9Fjjj-p0cVf4HsqW3sAP1AyvDqmyglr-ItOs4I/) no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}
</style>
#Ganti yang berwarna biru dengan link gambarmu.. kalau bisa ya ukuran 1265 x 700 !
#ScreenSaver akan mucul setelah 25 detik jika tidak ada aktivitas.. sekian :)
EFEK PADA BLOG
Efek salju berjatuhan di blog
<script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script>
Script bintang bertaburan
<script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script>
Membuat efek kembang api di Blog
<script src='http://www.geocities.com/ridwanox/kembangapi.js' type='text/javascript'></script>
Membuat efek hati bertaburan di kursor blog
<script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script>
Untuk cara pemasangannya adalah sebagai berikut:
1. Silahkah masuk blog anda
2. Pilih Rancangan
3. Kemudian Edit HTML
Tips: Download lengkap template.(ini penting buat backup template blog anda,jika terjadi kesalahan)
4. centang expand widget template
5. kemudian cari kode </body>
Bila sudah ketemu pastekan kode di atas, tepat di atas kode </body>
Kode Tulisan kedip atau Berganti Warna Saat Di Sorot Mouse
1. Silahkan login ke blog anda.
2. Klik Rancangan
2. Klik Rancangan
3. Klik tab Edit HTML
Tips: Jangan lupa centang expand widget template
Tips: Jangan lupa centang expand widget template
4. Cari kode </head>
5. Lalu copy paste kode di bawah ini, tepat di bawah kode
</head>
<script src="http://ajurna.googlecode.com/files/rainbow.js"></script>
6. Klik Simpan template
Cara Membuat Efek Bintang Jatuh Pada Cursor Blog
Assalamu’alaikum wr.wb.
Dalam kesempatan kali ini, Wisnu Friskian Adhi akan memposting tentang CARA MEMBUAT EFEK BINTANG BERJATUHAN PADA CURSOR BLOG.
Bagi anda yang ingin melihat hasilnya, bisa dilihat blog saya ini, coba
anda gerakkan mouse pada area blog saya, pasti akan ada bintang –
bintang yang berjatuhan berwarna biru. Anda juga bisa memilih warna
bintang tersebut, misalnya merah, hijau, atau biru.
Bagi anda yang tertarik dengan cara ini, silahkan ikuti langkah – langkahnya sebagai berikut :
Langkah – langkah membuat efek bintang berjatuhan pada cursor blog :
1. Masuk ke akun blogger anda.
2. Pilih dan klik Rancangan.
3. Klik Tambah Gadget.
4. Pilih dan klik tanda + pada HTML/JavaScript
5. Kemudian copy dan pastekan kode di bawah ini :
# Untuk bintang berwarna merah :
<script
src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.merah.js'
type="text/javascript"></script>
# Untuk bintang berwarna hijau :
<script
src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js"
type="text/javascript"></script>
# Untuk bintang berwarna biru :
<script
src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js'
type="text/javascript"></script>
# Untuk bintang berwarna ungu :
<script
src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.ungu.js'
type="text/javascript"></script>
6. Klik Simpan.
7. Klik Lihat Blog untuk melihat hasilnya.
8. Selesai
Cara Membuat Efek Daun Berjatuhan Di Blog
Cara Membuat Efek Daun Berjatuhan Di Blog – Efek daun berjatuhan di blog sepertinya
juga banyak diminati oleh sobat blogger, dan menurut saya efek daun
berjatuhan ini loadingnya lebih ringan dan cepat ketimbang efek
bintang bertaburan yang saya posting sebelum ini. Trik membuat efek daun
berjatuhan ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut
dibawah ini.
Cara Membuat
Efek Daun Berjatuhan :
1.
Seperti biasa login dulu ke dashboard blogger
anda.
2.
Pilih Rancangan > Edit HTML, centang Expand
widget template.
3.
Cari kode </head>
pada template dengan menggunakan Ctrl+F.
4.
Copy kode javascript dibawah ini dan letakkan
tepat diatas kode </head> .
<script
src='http://arti.master.irhamna.googlepages.com/daun.js'/>
5.
Save / simpan template anda dan lihat hasilnya
muantaaap bro !!
Cara membuat efek salju di blog model baru
Cara memasang salju di blog model baru -- Akhirnya dapat lagi salju model kedua yaitu salju yang butirannya lebih besar dari pada salju model pertama. Jika sobat pernah membuat efek salju pada blog sebaiknya dihapus dulu sebelum memasang efek salju model kedua ini.
Dan berikut cara memasang efek salju di blog model baru :
1. login ke dasbor
2. Rancangan --> Edit HTML --> cari kode </body>
3. Copy kode dibawah dan letakkan diatas </body>
4. Preview terlebih dahulu untuk memastikan bekerja atau tidak scriptnya pada template sobat.<script src='http://masterendi.googlecode.com/files/snow.js' type='text/javascript'></script>
5. Lalu SAVE template..
cara mengganti cursor pada blog
Kode Cursor Untuk Blogger Yang Harus Di Pasang
Silakan copy dan paste kode berikut:<style type="text/css">Catatan:
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRtNqd7qELI8FsNuoaV7-z5l5JO3mYpb5TIGmI4CUPjo8w-JrS3WL7Sm1A2aS_sqt35J8ehp9O4_JJV4WzAw0J7ai_seOZ30k3L42SmbHYukMrdSWiddGSiFyr-VjxGjO2EVOIlw5wmw6t/s1600/jasablogsitus-web-id.gif"), auto;}
</style>
Silakan rubah tulisan yang saya beri warna Merah dengan url gambar cursor yang kamu suka.
Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Merah) maka cursornya terlihat seperti ini
Cara Ganti Icon Blog pada Address Bar
Kalo kita membuka website atau blog,
biasanya ada icon di sambing Address Bar (kotak untuk mengetikkan alamat
web). Dan jika kita punya blog di Blogspot maka icon default yang akan
tampil adalah gambar seperti ini 
.Tapi jika kita tidak puas dan ingin mengganti dengan icon lain bisa saja. Contohnya seperti icon Jempol di Tab Bar Blog ini.
Nah berhubung kebetulan ada teman yang nanya soal cara mengganti icon tersebut, maka kali ini saya akan coba buat tutorial singkat tentang hal tersebut. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel. Setelah itu upload file icon yang udah dibuat tadi ke Photobucket atau web sejenisnya. Tapi kalo kalian males untuk membuat icon sendiri bisa langsung cari aja di Google gambar sesuai dengan keinginan dan ukurannya.
Setelah itu masuk ke Dashboard --> Layout --> Edit HTML dan tempatkan kode/script berikut tepat sebelum kode </head> (biar gak repot cari dengan CTRL+F).
.Tapi jika kita tidak puas dan ingin mengganti dengan icon lain bisa saja. Contohnya seperti icon Jempol di Tab Bar Blog ini.Nah berhubung kebetulan ada teman yang nanya soal cara mengganti icon tersebut, maka kali ini saya akan coba buat tutorial singkat tentang hal tersebut. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel. Setelah itu upload file icon yang udah dibuat tadi ke Photobucket atau web sejenisnya. Tapi kalo kalian males untuk membuat icon sendiri bisa langsung cari aja di Google gambar sesuai dengan keinginan dan ukurannya.
Setelah itu masuk ke Dashboard --> Layout --> Edit HTML dan tempatkan kode/script berikut tepat sebelum kode </head> (biar gak repot cari dengan CTRL+F).
<link href='http://saungsandy.blogspot.com/ikongue.gif' rel='SHORTCUT ICON'/>
Ganti kode yang dicetak tebal dengan link gambar yang kalian inginkan. Setelah itu SAVE dan selesai deh...
FOR BONUS
Skalian saya kasi tutorial tentang caran membuat text berjalan di Tab Bar. Caranya gampang, tinggal tempatkan kode/script berikut setelah kode <head>
FOR BONUS
Skalian saya kasi tutorial tentang caran membuat text berjalan di Tab Bar. Caranya gampang, tinggal tempatkan kode/script berikut setelah kode <head>
<script language='JavaScript'>var txt="Welcome To Saung Sandy ";
var kecepatan=130;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
var kecepatan=130;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
Ganti text warna merah sesuai dengan keinginan kalian. Selesai deh...
Met nyoba ya..:D
Met nyoba ya..:D
for header
Tulisan berjalan lambat
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan sobat disini</marquee>
Contoh :
Tulisan sobat disini
Tulisan berjalan ke atas
<marquee height="30" behavior="scroll" direction="up"> Tulisan sobat disini </marquee>
Contoh :
Tulisan sobat disini
Tulisan Zig-zag
<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right"> Tulisan sobat disini </marquee><br /> </marquee>
Contoh :
Tulisan sobat disini
Tulisan berjalan tetapi berhenti kalau dibayangi cursor
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan sobat disini </marquee>
Contoh :
Tulisan sobat disini
Tulisan berjalan ke kanan
<marquee behavior="scroll" direction="right">Tulisan Tulisan sobat disini </marquee><br />
Contoh :
Tulisan Tulisan sobat disini
Tulisan berjalan dengan gambar
<marquee behavior="scroll"><br /> <img src="Url gambar yang akan ditampilkan" width="110" height="84"><br /> Tulisan sobat disini<br /> </marquee><br />
Contoh :
Tulisan sobat disini
Tulisan dapat memantul
<marquee width="300" behavior="alternate"> Tulisan sobat disini </marquee>
Contoh :
Tulisan sobat disini
Tulisan Bouncing around
<marquee behavior="alternate" direction="up" width="200" height="50"><br /> <marquee direction="right" behavior="alternate"> Tulisan sobat disini </marquee><br /> </marquee><br />
Contoh :
Tulisan sobat disini
Setelah sobat blogger Copy kode tersebut, jangan lupa, mengganti kalimat "Tulisan sobat disini" dengan kalimat yang sobat blogger inginkan. Terima Kasih atas kunjungannya, dan semoga tutorial blog ini ada mamfaatnya.
