Cara Membuat Efek Awan Dan Pesawat Terbang

Posted by Angga Site


Iseng-iseng jalan ke negeri tetangga, sewaktu blogwalking ehh nemu script unik di blog tersebut. Awalnya sich ga tau mesti di apain nich script namun tiba-tiba dapet ide untuk berkreasi menggunakan script ini dan hasilnya seperti contoh di bawah ini. Gimana sob... kerenkan... kalo blog sobat mempunyai tema tentang traveling, ulasan pesawat terbang atau pun cuma pengen tampilan blognya tampil beda monngo sob di pasang widget ini... Nah buat yang tertarik langsung aja dech ke TKP.

Perhatian !!! Selalu di biasakan untuk memback-up dahulu kode template blog sobat untuk menghindari dari hal-hal yang tidak diinginkan. Untuk pertanyaan, kritik maupun saran silakan tuliskan pada kotak komentar yang terletak di bawah postingan artikel.
Cara Pemasangan :

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Kemudian dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu cari Code <Body>.
[4]. Setelah ketemu, Copy dan Paste-kan Code di bawah ini, tepat di BAWAH Code tadi.

<style type="text/css">
#cover-cloud {
width:100%;
height:200px;
position:absolute;
z-index:100;
left:0;
}
#cloud {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYifKEHMo1ROkXQhmmyJ-Xs2qiZZo9wE0xPc9PHx12zcLhvwHI25saybEh2pAV-EU8gUtZFvATHwQhHpRE84CmQTlZFlJrh8oiDsUYpxuFUdccea3ITBQ3OpTUKKu5VlLdN0k2eqJrktA/s1600/cloud1.png) repeat-x 0 0;
position: absolute;
width:100%;
height:188px;
z-index: 200;
}
#cloud2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCdayzIID8QnPi6x8LB2dGmPxmuC5mfy9OGLAGMv6f6ZbmyDqZHos0RwcpDJIWf5BV4fccgVea3c-gf1tOSWJMkiVNuoh6U8NVUd_ptz4J_MFOsCnYtSJgMTijKpRRKY6JZJJvikLlmRI/s1600/cloud2.png) repeat-x 0 0;
position: absolute;
width:100%;
height:125px;
z-index: 300;
}
#cloud3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzu-FvWtrKbqXVMJg1me_ZfbrmepibISm7av4cO_cymB3faqIB0XAXM7gHD1ZDqgKnCJaUnCOBhqQViOz8PfZpZMkkm2dphRMATvLIRCJcXNXHGHuqumvypKS01msbJgCfPv1Hzfkr8H4/s1600/cloud3.png) repeat-x 0 0;
position: absolute;
width:100%;
height:46px;
z-index: 400;
}
</style>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="http://monozcore-project.googlecode.com/files/jquery_spritely.js" type="text/javascript"></script>
<script type="text/javascript">
(function($) {$(document).ready(function() {$('#cloud').pan({fps: 30, speed: 1, dir: 'right'});$('#cloud2').pan({fps: 30, speed: 2, dir: 'right'});$('#cloud3').pan({fps: 30, speed: 0.5, dir: 'right'});});})(jQuery);
</script>
<div id='cover-cloud'><div id='cloud'></div><div id='cloud2'><marquee direction='right'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyybWkN6WcGhvDaAMY0HjyQAL6HaF5yjYiWJVAb4E-EoMKQASsIwwvtDAsHmgZTJDJ9CHWWE6iDXZh0HHEMk3XeFh25-K8f6XmUN1BxnNXrejIgYpNGpOXN74p_HvV5qim20G02_2p1SoW/s800/red_baron.gif'/></marquee></div><div id='cloud3'></div></div>

- Keterangan :

Teks yang berwarna biru merupakan link gambar pesawat, untuk mengganti gambar pesawat silakan ganti link tersebut dengan link gambar yang sobat inginkan. Usahakan menggunakan gambar dengan ukuran 144 pixel baik ukuran tinggi maupun ukuran lebar gambar. Pada postingan artikel ini terdapat beberapa pilihan gambar yang bisa sobat gunakan untuk menyesuaikan gambar pesawat dengan tema template blog sobat.


[5]. Klik "Save" dan lihat hasilnya...

Pilihan Gambar Pesawat :








Related Post



2 comments:

  1. klo misalnya file nya ada di pc sendiri gimana,,maksud nya bisa ngga tidak pake url,,

    gimana sript nya?

    ReplyDelete
  2. Mantap artikelnya yah kak!

    Segera cek Candi4D! Situs Betting online Untung dan aman untuk semua!

    Permainan Lengkap!
    - LIVE CASINO
    - SABUNG AYAM
    - NUMBER GAME
    - TANGKAS , SLOT, TEMBAK IKAN, & BATU GONCANG
    - POKER,DOMINO,CEME,BANDAR Q
    - SPOORTSBOOK M8BET/AFB88/UNITED GAMING
    - TOGEL (SYDNEY/SENTOSA4D/SINGAPORE/SENTOSA TOTO/HONGKONG/FINLANDIA)

    Dapatkan BONUS NEW MEMBER 10%
    lalu BONUS DEPOSIT 10% PER HARINYA

    WWW. TOGELCANDI .ORG
    Segera Hubungi
    https://wa.me/6283161896682

    ReplyDelete

FOLLOWERS

RECENT COMENTS

by Angga Site

BLOG STATISTIC

My Ping in TotalPing.com DMCA.com Protection Status