Cara Membuat Background Bergerak di Blog

Rss
Contact
- Google+
- Blogger
- Facebook
- Email
Categories
Anime
- Winter
- Summer
- Spring
Staf
- Staf a
- Staf b
- Staf c

Cara Membuat Background Bergerak di Blog

Posted by : Unknown Tuesday, 16 February 2016

Info unik kali ini mengenai salah satu trik membuat gambar background blog menjadi dinamis. Trik ini menggunakan JQuery sederhana yang dikhususkan untuk membuat gambar background menjadi bergerak (Scrolling Background). Script ini membuat gambar background blog bergerak secara vertikal ataupun horizontal, untuk contoh seperti yang terlihat pada postingan artikel ini apabila tidak terlihat silakan sobat refresh browsernya. Buat sobat blogger yang ingin mencobanya silakan disimak trik membuat scrolling background berikut ini.

Cara Pemasangan :

Login ke blog anda.
Klik Template kemudian klik edit HTML.
Cari potongan kode "</body>" pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian guna mempercepat pencarian).
Copy - Paste kode berikut ini tepat di atas kode "</body>" atau bisa juga dipasang pada kotak gadget blog.

<script>
if(typeof(jQuery) == 'undefined'){
document.write("<scr" + "ipt type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></scr" + "ipt>");}
</script>
<script>
var bgScrollDirection = "left";
var bgScrollImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOCVCt50LBnu__QY_JNO1zNXjWT7kk3Pl5iCMyNmXLyqJS1z5HAKMqkyTnuZvWVFG1bSiJr3OOzbfw_gQRu7fYbrjiqtVpXWSZHUNrgnam4m3KiyXs-kKDBTzyNuyU8ZWfijTCDNR4KAnA/s800/ThighHeels.png";
var bgScrollColor = "black";
var bgScrollSpeed = 70;
</script>
<script src="http://sites.google.com/site/monosbit/monosbit_bg_power_scroll.js"></script>

Klik "Save" dan lihat hasilnya.

Keterangan :

var bgScrollDirection = "left" merupakan variabel arah gerakan animasi background. Apabila ingin merubah arah gerakan ke atas ganti tinggal merubah varabel "left" dengan "up". Adapun kode variabel arah gerakan ada empat macam, yaitu :
left => Gerakan dari kanan ke kiri,
right => Gerakan dari kiri ke kanan,
up => Gerakan dari bawah ke atas,
down => Gerakan dari atas ke bawah.
var bgScrollImage merupakan variabel URL gambar.
var bgScrollColor merupakan warna latar.
var bgScrollSpeed merupakan kecepatan gerakan animasi, semakin angkanya kecil maka gerakan animasi semakin cepat.

Itulah cara Menganti Beground Gambar bergerak,Semoga bermanfaat bagi kita Semuanya,, Amin!
Sumber Klik Disini!

Membuat Background Animasi di Blog Berganti Setiap hari Hari Di akhir tahun 2011 ini saya akan berbagi pengetahuan dengan sobat2 blogger semuanya tentang cara membuat Background blog anda secara otomatis berganti setiap harinya. Lho..emang bisa ???, Bisa donk,Bagi yang penasaran dan masih bingung coba sobat perhatikan gambar latar belakang blog saya ini, secara otomatis gambar latar belakang blog saya ini akan berganti setiap hari ( tepatnya setiap jam 12 malam, saat pergantian hari ). Jika anda lakukan secara manual pasti akan sangat melelahkan, untuk itu saya akan berikan script khusus untuk merubah gambar background blog berdasarkan hari secara otomatis.Oh..ya,,script ini saya dapatkan di blog salah satu teman blogger,tentunya dengan sedikit modifikasi agar bisa menggunakan gambar animasi. Cara pemasangannya seperti biasa anda harus: • Login ke blog sobat. • Klik "Design" kemudian klik "Edit HTML". • Lalu cari kode kemudian copy-paste kode dibawah ini tepat diatas kode . Catatan: Ganti tulisan " url gambar anda " dengan URL link gambar yang akan anda gunakan sebagai background blog anda.. Atau bisa juga anda gunakan gambar disini •Klik "Save" dan lihat hasilnya... Selamat Mencoba

Copy the BEST Traders and Make Money : http://bit.ly/fxzulu