Cara Buat Background Animasi Petir

Cara Buat Background Animasi Petir

13:36 by leo coolz

leo coolz hadir dengan senyum lebar, memenuhi permintaan opamer yang kemaren kirim komentar di web leo coolz ini. Hayo senyum dulu dong. Maaf leo coolz baru bisa bahas sekarang.... makhlum lah namanya juga masih..???Hmmm.. Ini langsung saja leo coolz kasih petunjuknya, mudah-mudahan bisa mengerti walau cuma dikit hahahahaha.. inilah tutorialnya :


1. Buat Gambar warna hitam dengan "Adobe Photoshop" , lalu save dengan .gif

Klik Gambar Untuk Perbesar

2. Buat gambar petir, lalu save dengan .gif

Klik Gambar Untuk Perbesar

3. Buat gambar petir yang berbeda posisi, lalu save dengan .gif

Klik Gambar Untuk Perbesar

4. Kalau gambar tadi sudah jadi, Go ke "Adobe ImageReady".

Klik Gambar Untuk Perbesar

5. Open or ambil semua gambar yang sudah Opamer buat:

Klik Gambar Untuk Perbesar

6. Seperti ini nantinya :

Klik Gambar Untuk Perbesar

7. Klik move tool dulu, lalu pindah or jadikan satu semua gambar yang Opamer buat tadi:

Klik Gambar Untuk Perbesar

8. Jadinya seperti ini:

Klik Gambar Untuk Perbesar

9. Lalu klik Windows => Animation.

Klik Gambar Untuk Perbesar

10. Klik bundaran berpanah di bagian bawah, seperti gambar ini:

Klik Gambar Untuk Perbesar

11. Klik "Make Frames From Layers", seperti gambar:

Klik Gambar Untuk Perbesar

12. Nahh.. sekarang "atur waktunya", lihat gambar di bawah:

Klik Gambar Untuk Perbesar

13. Lalu ganti tulisan Once ke "Forever" dan coba klik play (=>).

Klik Gambar Untuk Perbesar

14. Kalau dikira sudah selesai, klik File => Save Optimized As.

Klik Gambar Untuk Perbesar

15. Save as type harus image only (*.gif) + Settings harus default settings.

Klik Gambar Untuk Perbesar

16. Alhasil or hasil terakhir seperti ini:

Permulaan : Cara Buat Akaun Blogspot

Permulaan : Cara Buat Akaun Blogspot

Mendaftarkan diri sebagai seorang pemilik blog dengan menggunakan platform blogger tidaklah sesusah yang disangka.
Dengan mengikuti beberapa langkah ringkas berikut, anda sudah bergelar seorang blogger.




Sebelum memulakan pendaftaran untuk akaun blogspot, anda mestilah mempunyai akaun google dahulu. Akaun lain pun boleh, tetapi untuk jangka masa panjang, ada akaun google akan lebih memudahkan memandangkan blogger.com adalah produk dari google.

Jika anda sudah mempunyai akaun google, boleh sign dahulu atau klik disini.http://mail.google.com/mail/?hl=en&tab=im.

Jika anda masih belum mempunyai akaun google, sila daftarkan dahulu disini untuk memudahkan proses pendaftaran akaun blogspot.

Berikut adalah langkah-langkah yang diperlukan untuk mendaftar akaun blogspot.

1. Buka link www.blogger.com

2. Apabila paparan sudah keluar, klik pada 'create a blog'


3. Seterusnya masukkan maklumat yang dikehendaki kemudian klik 'continue'.


4. Kemudian masukkan blogname dan juga blog address

• Blog name lebih merujuk kepada trademark sesebuah blog
• Blog address adalah digunakan oleh pengunjung untuk membuka blog anda. Blog address antara perkara paling penting bagi sesebuah blog. Untuk memudahkan pemahaman, sila rujuk Tips Pemilihan URL Untuk Blog.

5. Pilih template yang anda rasa sesuai, kemudian klik 'continue'


6. Siap. Anda sudah mempunyai akaun blogspot anda sendiri ada boleh mula untuk menaip entri pertama anda.:)

                                           Diposkan Oleh : Leo Coolz

Memberi Efek Salju Pada Blog

Memberi Efek Salju Pada Blog

Bagi para blogger.., kalian pasti sudah liat blog yang ada efek saljunya.., bagi yang belum tahu cara menambahkan efek salju di blog. Saya akan memberitahu cara menambahkan efek salju pada blog.

Caranya sebagai berikut :

1. Buka blognya.
2. Lalu ke Dasbor >> Rancangan
3. Tambah Gadget
4. Pilih HTML / JavaScript
5. Lalu copy salah satu URL salju berikut :

>>> Salju Merah

<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>

>>> Salju Kuning

<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>

>>> Hijau Muda

<script src='http://agungosx.googlepages.com/greensalju.js' type='text/javascript'></script>

>>> Hijau Tua

<script src='http://agungosx.googlepages.com/saljuijotua.js' type='text/javascript'></script>

>>> Salju Merah Muda

<script src='http://agungosx.googlepages.com/pinksalju.js' type='text/javascript'></script>

>>> Salju Ungu

<script src='http://agungosx.googlepages.com/saljuungu.js' type='text/javascript'></script>

>>> Salju Biru Muda

<script src='http://agungosx.googlepages.com/saljubirumuda.js' type='text/javascript'></script>

>>> Salju Biru Tua

<script src='http://agungosx.googlepages.com/saljubiru.js' type='text/javascript'></script>

>>> Salju Coklat

<script src='http://agungosx.googlepages.com/saljucoklat.js' type='text/javascript'></script>

>>> Salju Orange

<script src='http://agungosx.googlepages.com/saljuorange.js' type='text/javascript'></script>

>>> Salju Hitam

<script src='http://agungosx.googlepages.com/saljuhitam.js' type='text/javascript'></script>

>>> Salju Putih

<script src='http://agungosx.googlepages.com/saljuputih.js' type='text/javascript'></script>

7. Save

8. Kalau berhasil comment ya....

 

                                          Diposkan Oleh : Leo Coolz

Menampilkan Cuaca di Blog

Menampilkan Cuaca di Blog

     Kalian ingin menampilkan kondisi cuaca di kota kalian dan kota lain saat pengunjung mengakses blog kalian, kalian bisa menyajikannya dalam widget yang cukup ramping dan ringkas. Tampilan widget ini beraneka ragam, sehigga selain blog kalian berisi informasi mengenai cuaca, tentu juga akan lebih menarik. Disini kita akan menggunakan Wearher for Blog untuk menapmilkan cuaca di blog.  Kelemahan dari Weather for Blog adalah tidak dapat mendeteksi suhu dengan benar. Kalian dapat mengunjungi situs ini untuk mendapatkannya [link].

Gimana ?? bagus tidak ?? semoga bermanfaat bagi kalian ya !! jangan lupa komentarnya !! thanks !!
1. Buka link berikut http://www.weatherforblog.com/.
   
2. Pilih Negara kalian dan kota kalian.
   
   
   
   
3. Lalu tentukan ukuran widgetnya, hanya ada 2 pilihan 300x250 dan 160x600.
   
   
   
   
4. Pilih background yang anda sukai untuk menjadi background widget Weather for Blog.
   
   
5. Isi informasi dengan benar, pertama isilah email, kedua isilah URL blog kalian, lalu klik tombol Get Weather Widget di bawah sendiri.
   
   
6. Copy Paste kode yang muncul setelah meng-klik tombol Get Weather Widget ke Blogger.com >> Rancangan >> Tambah Gadget >> HTML/ JavaScript, lalu klik Save.
   
   
    
   Diposkan Oleh : Leo Coolz

Membuat Gulungan di Sudut Blog

Membuat Gulungan di Sudut Blog

       Aksesoris blog di butuhkan bagi setiap blog yang masih aktif, aksesoris blog dapat memperindah dan mempercantik tampilan blog kita agar pengunjung betah mengunjungi blog kita berkali - kali.  Namun jika terlalu banyak aksesoris mengakibatkan blog menjadi lola' (loading lama) dan pengunjung enggan untuk mampir ke blog kita lagi, kebanyakan pengunjung blog menutup blog yang dikunjungi nya sebelum semua kode pada blog yang dikunjunginya karena terlalu lama loadingnya.  Maka dari itu, kita harus pintar memilih aksesoris yang cocok untuk blog kita, bukan semua aksesoris di masukan di blog kita.

        Pernah kalian melihat blog yang sudutnya mempunyai gulungan-gulungan aneh ?  Nah.. kali ini kita akan membahas gimana cara Membuat Gulungan di Sudut Blog, kalau belum pernah lihat cek ke situs Radar Banyuwangi.  Gimana ?  Tertarik dan cocok untuk di blog kalian ?  Ikuti langkah di bawah berikut

1. Login ke Blogger
2. Klik Design > Edit HTML > centang 'Expand Widget Template'
3. Pasang kode berikut di atas kode ]]></b:skin>
   
   
   #pageflip {

   position: relative;

   }

   #pageflip img {

   border: none;

   width: 50px; height: 52px;

   z-index: 99;

   position: absolute;

   right: 0; top: 0;

   -ms-interpolation-mode: bicubic;

   }

   #pageflip .msg_block {

   width: 50px; height: 50px;

   position: absolute;

   right: 0; top: 0;

   background: url(http://kon.tl/deopra) no-repeat right top;

   text-indent: -9999px;

   }
   
   #Ganti kode yang berwarna hijau dengan link kode gambar (300px x 300 px) yang kalian inginkan
   #Bisa juga diganti dengan gambar dengan link berikut http://kon.tl/deopr
   
   
4. Kemudian pasang lagi kode berikut di bawah kode <b:skin><![CDATA[ atau <b:skin><![CDATA[/*
   
   <script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js
   ' type='text/javascript'/>
   <script type='text/javascript'>
   $(document).ready(function(){
   $("#pageflip").hover(function() {
   $("#pageflip img , .msg_block").stop()
   .animate({width: '307px',height: '319px'}, 500);
   } , function() {
   $("#pageflip img").stop()
   .animate({width: '50px',height: '52px'}, 220);
   $(".msg_block").stop()
   .animate({width: '50px',height: '50px'}, 200);
   });
   });
   </script>
   
   
5. Selanjutnya pasang kode berikut di bawah kode <body>
   
   <div id='pageflip'>
   <a href='http://dopind.blogspot.com/' target='_blank'>
   <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDyyWmkvoqvsc7ZgDVcps99yt_P3BOOwDzocXs-h4kVIwAtnezBGB5RxOqeUlV4brHOTtRMXvGTyGu8wLXn5QXPqBRgk1prH8IbL01iS_c5zmnZFnPuv0jXOcAL1ib3C-rOvU6UnIl2hfx/'/>
   <span class='msg_block'/>
   </a>
   </div>
   
   #Ganti kode yang berwarna putih dengan alamat blog atau link yang kalian ingin pasang
   
   
6. Terakhir klik 'Save Template' dan tinggal lihat hasilnya seperti apa ^^

                                                          Diposkan Oleh : Leo Coolz

Menambahkan Musik Pada Blog

Menambahkan Musik Pada Blog

   Hi, teman-teman selamat siang nie..., kalian pasti lagi maen facebOOk ya..., hehe. Teman-teman sekelas gue tanya lagi bagaimana cara menambah musik pada blog.., salah satunywa ya temanku yang kemarin tu..., bagi para blogger pemula liat juga nie cara menambah musik di blog..,
Nie caranya :

1. Pikirkan musik yang ingin anda masukkin ke blog. ( just KiddiN6 )

2. Silahkan ke situs ini untuk memilih lagu.

3. Lalu copy URL yang ada di scrool itu.

   

4. Masuk ke Tata Letak >> Tambah Gadget >> HTML/JavaScript
    Lalu paste URL tadi di kotak putih itu.

5. Lalu Save.

6. Buka blog kalian ..., dan sudah ada deh lagu di blog kalian.

7. jangan Lupa COMMENTx .., hehe

Sekian postingku kali ini semoga bermanfaat bagi kalian, G00d LucK

                                               Diposkan Oleh : Leo Coolz

Memasang Gadget Tukar Font Pada Blog

Memasang Gadget Tukar Font Pada Blog

        Okelah...., kali ini saya akan memposting "Memasang Gadget Tukar Font Pada Blog" sesuai request dari visitor Akatsuki Blog™, fatymazahra., kalian tau tidak Gadget Tukar Font seperti apa ? tidak tau ?? kasian...kasian...kasian...,. hehe..,  nih ku kasih tau apa Gadget Tukar Font itu :

         Sudah tau kan ?? blog kalian mau dipasang Gadget seperti itu.., mau ?? ya sudah deh ku kasih tau cara-caranya membuat Gadget seperti itu..,

1. Login ke Blog anda.

2. Klik Dasbor >> Rancangan/ Tata Letak.

3. Lalu klik Tambah Gadget >> Pilih HTML/ JavaScript.

4. Lalu masukan kode di bawah ini beserta kode menu dropdown di bawah ini :

 

<script> function go1(){ if (document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value != "none") { document.getElementById('main').style.fontSize =document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value } } function go2(){ if (document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value != "none") { document.getElementById('main').style.fontFamily =document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value } } </script> <form id="forma" method="POST" name="selecter2"> <select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Times New Roman">Times New Roman </option><option value="Arial">Arial </option><option selected="selected" value="Book Antiqua">Book Antiqua </option><option value="Bookman Old Style">Bookman Old Style </option><option value="Century Gothic">Century Gothic </option><option value="Comic Sans Ms">Comic Sans Ms </option><option value="Tahoma">Tahoma </option><option selected="selected" value="Trebuchet Ms">Trebuchet Ms </option><option value="Verdana">Verdana </option></select> <select name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="8px">8 </option><option value="9px">9 </option><option value="10px">10 </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option></select></form>

1. 
    Lalu Save..,

ya..., sem0ga posting ku kali ini bermanfaat & thanks buat fatymazahra yang mau request., ya.., kalau ada yang mau request seperti fatymazahra tinggal tinggalkan comment, tulis di contact me / di buku tamu..., thanks aLL..,

 

 

                              Diposkan Oleh: Leo Coolz