CARA CARA MEMPER INDAH TAMPILAN BLOG

Membuat Screen Saver Blog dengan Gambar Sendiri

       Pada artikel sebelumnya sudah aku post tentang 'Membuat ScreenSaver di Blog' , kali ini kita akan belajar bagaimana cara memasang screen saver dengan gambar sendiri.. tapi ini ada copyright nya, aku ambil dari blogger sebelah.. namun begitu copyright nya ini tidak banyak menutupi dan tidak me-link pop up atau semacamnya.. di coba aja kalau tertarik (y)

  Ikuti langkah-langkah berikut untuk memulainya :

1. Login ke Blogger.com
2. Masuk ke Design
3. Klik Add a Gadget > HTML/ JavaScript
4. 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

3. Klik tab Edit HTML
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> 

<script src='http://masterendi.googlecode.com/files/snow.js' type='text/javascript'></script>

4. Preview terlebih dahulu untuk memastikan bekerja atau tidak scriptnya pada template sobat.

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">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRtNqd7qELI8FsNuoaV7-z5l5JO3mYpb5TIGmI4CUPjo8w-JrS3WL7Sm1A2aS_sqt35J8ehp9O4_JJV4WzAw0J7ai_seOZ30k3L42SmbHYukMrdSWiddGSiFyr-VjxGjO2EVOIlw5wmw6t/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

Catatan:
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).

<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>

<script language='JavaScript'>var txt=&quot;Welcome To Saung Sandy &quot;;
var kecepatan=130;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>

Ganti text warna merah sesuai dengan keinginan kalian. Selesai deh...
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.