Download Gratis

yak, Efek blog lagi, namun kali ini bukan pada blog nya tapi pada cursornya , lebih tepatnya Percantik Blog Dengan New Efek Cursor Bertabur Bintang Warna-Warni , memang sudah banyak efek efek cursor untuk percantik blog, namun yang satu ini tidak boleh dilewatkan, karena efek yang satu ini sangat keren.
sebagai recomendasi , sebaiknya efek yang ini digunakan di blog yang backgroundnya berwarna hitam , jika tidak juga tidak masalah ,


berikut contoh New Efek Cursor Bertabur Bintang Warna-Warni di blog yang beckgroundnya hitam


dan berikut contoh New Efek Cursor Bertabur Bintang Warna-Warni di blog yang beckgroundnya putih



Tertarik ? Berikut Langkah Langkah Cara Membuat Efek Cursor Diikuti Bintang Warna-Warni


1. buka dasbor > rancangan > tambah gatget > html/javascript
2. copy dan paste kode dibawah ini di html/javascript tadi
<script type="text/javascript" src="http://yourjavascript.com/312027802/reknaon-efek-bintang.js"></script>


3. simpan

Cara Menambahkan Efek Pada Kursor

-Cara untuk memberikan efek glitter pada kursor blog Tumblr cukup mudah!
1. Klik (Customize) > Theme > HTML Code
2. Copy kode ini dan letakkan di atas kode </head>
3. Klik Save + Close dan cek blog Tumblr anda sekarang!

Keterangan:
Ganti warna glitter sesuai keinginan dengan mengganti kode warnanya!
Atau jika anda ingin efek yang lain bisa menggunakan efek bubble pada kursor seperti ini.

Caranya :
1. Klik (Customize) > Theme > HTML Code
2. Copy kode ini dan letakkan di atas kode </head>
3. Klik Save + Close dan cek blog Tumblr anda sekarang!
Keterangan:
Ganti warna efek bubble di kursor dengan mengganti kode warna sesuai warna yg diinginkan!
Selamat mencoba!

 Membuat Efek Zoom Pada Gambar di Blog
1.login ke akun blogger kamu
2.pergi ke Edit HTML
3.cari kode ]]></b:skin>
4.copy dan pastekan kode di bawah ini di atas kode  ]]></b:skin>

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

5.Simpan Template Anda, dan lihat perubahan nya

Cara Membuat Efek Zoom / Perbesar Foto Di Blog - sebelum nya saya juga pernah membuat postingan tentang Cara Membuat Efek Zoom / Perbesar Foto Di Blog v2 tapi yng itu bersifat semua , artinya semua foto yng ada di postingan mempunyai efek zoom , beda hal nya dengan yang v2 , yang v2 ini hanya bersifat di satu posting tergantung iya mau memasang kode html ini di berapa posting.

keuntungan Membuat Efek Zoom / Perbesar Foto Di Blog adalah agar visitor terlihat nyaman karena gambar terlihat dengan jelas,
ok lah, langsung ke cara pemasangannya ,

pertama buat postingan . lalu pindag ke tab edit html di sebelah tab compose

copy kode dibawah ini


<style type="text/css"> border: none; vertical-align: top; </style> <script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript"> </script><img border="0" class="expando" height="100" src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-prn1/529497_318536304905687_653170036_n.jpg" width="100" />

kode warna merah ganti dengan url gambarmu


Berikut adalah Live Demonya , silahkan arahkan cursor anda ke foto dibawah ini





thanks to http://aryservis.blogspot.com

Ok, langsung aja yuk kita simak cara membuat dan memasang efek meteor jatuh :
1. Log in ke Blogger
2. Klik Rancangan
3. Tambah Gadget
4. HTML/Javascript
5. Copy kode di bawah ini dan masukkan ke dalam konten.

<script language="javascript">
Demikian Cara Membuat Efek Bunga Mekar Di Blog

Orang sering bilang bahwa keberbedaan itu membuat sesuatu menjadi indah. Keragaman berbagai sisi kehidupan, alam dan budaya juga membuat bangsa lain banyak tertarik terhadap bangsa kita. Oleh karena itu jika anda suka sesuatu yang tidak biasa atau berbeda dengan yang lain, dan anda salah satu yang selama ini menggunakan "widget Label Cloud Bawaan Blogger" atau mungkin ingin menggunakan tag cloud bawaan blogger-blogspot, satu perubahan menggunakan kode CSS3 akan membuat cloud sederhana ini terlihat berbeda dan lebih indah dari biasanya. Kita akan tambahkan beberapa efek baru berupa background-color, color, border serta animasi yang tercipta melalui CSS3 transition dan CSS3 transformation. Jadi ketika cursor menyentuh teks link di label cloud maka akan muncul sebuah background color secara perlahan. Bersamaan dengan itu maka terjadi pula perubahan color teks link sera munculnya border. Satu tambahan efek animasi yang tercipta dari CSS3 transition adalah bertambah besarnya teks link bersamaan dengan terlihatnya background, perubahan color dan border link. Cukup menarik dan aku kira cukup pantas untuk menghiasai blog anda.
Bagi yang belum menggunakan atau memanfaatkan widget label tag cloud bawaan blogger, anda bisa ikuti langkah berikut ini untuk memasangnya di blog.

• Login : Login ke Blogger.
  • Tuliskan Alamat Email
  • Tuliskan Password
  • KLIK Login.
• Setelah halaman Dasboard terbuka, klik Design/Rancangan.
• Sesaat setelah anda klik, maka akan terbuka Page Elemen/Elemen Laman. Silahkan klik Add a Gadget (yang bergaris putus-putus) di bagian sidebar kanan atau kiri.
• Selanjutnya akan terlihat beberapa widget yang disediakan blogger, seperti Stats, Popular Posts, Archive serta beberapa yang lain termasuk Label.
• Silahkan klik "Label". Tunggu hingga pilihan bentuk widget muncul.
• Akan terlihat pilihan
  Tampilkan : Daftar dan Cloud. Beri tanda/pilih Cloud.
• KLIK SAVE/Simpan.
• Buka blog dan lihat serta coba hasilnya.

• Jika pada langkah di atas, setelah Design/Rancangan anda klik Add a Gadget, maka untuk merubah tampilan tag cloud yang anda klik adalah "Edit HTML".
• Sesaat setelah klik Edit HTML akan terlihat deretan Kode CSS dan xHTML penyusun blog.
• Lakukan back-up Template terlebih dahulu dengan klik "Download Template Lengkap/Download Full Template. Simpan file template anda. File template ini bisa anda gunakan kembali bila diinginkan dengan klik Choose File-Unggah. Selain itu back-up template berfungsi untuk menjaga bila terjadi kesalahan saat modifikasi blog hingga template bisa dipulihkan seperti sebelumnya (Choose File-Unggah).
• Cari kode ]]></bskin>. Gunakan Ctrl+F. Jika membutuhkan tutorial cara mencari kode, silahkan klik di sini!
• Copy-paste kode CSS di atas ]]></bskin>.
• KLIK SAVE Templates/Simpan Template kemudian buka blog untuk membandingkan hasil perubahan yang dilakukan.

.cloud-label-widget-content span a{
       background:transparent;
       text-decoration:none;
       text-shadow:1px 1px 1px transparent;    
       padding:2px 5px;
       border:1px solid transparent;
       opacity:0.7;
      -o-transition:all 0.6s ease-in;
      -moz-transition:all 0.6s ease-in;
      -webkit-transition:all 0.6s ease-in;
}
.cloud-label-widget-content span:hover a{
       background:blue;
       color:white;
       text-decoration:none;
       text-shadow:1px 1px 1px #000;
       border:1px dotted red;
       opacity:1.0;    
       border-radius:3px;
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
      -o-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -webkit-transform:scale(1.2);
}

Keterangan

• Desain baru ini akan bekerja secara maksimal di browser pendukung CSS3 terutama Opera dan Mozilla.
• Anda dapat merubah color dan background supaya lebih pas dengan blog anda.
• Bila anda ingin melihat demonya silahkan klik link di bawah ini. Lihat pada "Labels Cloud" di ujung bawah sebelah kanan!

DEMO NYA BISA ANDA LIHAT DI BLOG SAYA INI