English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified

Cara Membuat gambar loading tampil di blog

Membuat gambar loading tampil di blog
Gambar loading diperlukan untuk menunjukkan bahwa halaman yang sedang dibuka belum tampil seutuhnya, kemudian gambar loading akan hilang setelah halaman tersebut lengkap. Sehingga setiap pengunjung membuka halaman blog, maka gambar loading juga akan tampil memberikan indikasi loading sedang berlangsung.

Namun sebenarnya, gambar tidak harus berupa gambar loading yang sering kita lihat seperti gambar loading blog saya ini. Tapi juga bisa berupa gambar yang lain, misalnya gambar kuda yang sedang berlari, atau sesuatu yang sedang bergerak. Bisa juga gambar berhenti sesuai dengan keinginan anda. Yang penting anda harus mengetahui dimana gambar itu disimpan. Atau anda menginginkan gambar itu tersimpan di folder anda ? Bagi para senior hal ini tentu bukan menjadi masalah, tapi bagi para pendatang baru di blogger, tentu hal yang kecil harus kita terangkan juga, supaya tidak terjadi kesalahan, ok.
Bila anda telah menemukan gambar (dengan browsing di internet) yang akan digunakan, silahkan klik kanan kemudian cari 'copy image location' yang nanti akan kita paste di script yang akan kita pasang di widget blogger.

Tapi bila anda tidak yakin bahwa gambar itu akan tetap di situ alias tidak pindah alamat, seperti kalau kita mengambil gambar di photobucket yang setiap saat bisa diedit atau raip sama sekali (bila kamu mengambil gambar bukan di folder sendiri) , kamu bisa menyimpannya di folder kamu sendiri dimana blogger telah menyediakannya yaitu di picasa. Langkah selanjutnya silahkan pasang script berikut di dalam tag head (sebelum tag /head) di blogger template html anda (buka dashboard - layout - edit html ):

<script type="'text/javascript'"> window.onload = detectarCarga; function detectarCarga() { document.getElementById("imgLOAD").style.display="none"; }
  
Jangan lupa kemudian kamu save.
Selanjutnya silahkan pasang script berikut di 'html/java script widget' anda (buka layout - page element - add a gadget - html/javascript):
<div id="imgLOAD" style="position:fixed;top:50px;right:200px" align="right"><br /> loading,sabar menanti,kacian d lu...<br /> <br /> <img src="alamat gambar" /></div>
  
Selanjutnya kamu bisa atur penempatan gambar dan tulisan yang ada di situ, juga jangan lupa paste alamat gambar yang tadi telah kamu copy di dalam tanda "alamat gambar"

Setelah semua beres, silahkan dilihat hasilnya... mudah kan? jangan lupa juga follow me now and comment it on my page,ok?

Tips - Trick komputer

Tips Merawat Komputer dan Tips Perawatan Komputer atau PC
Tips Cara Perawatan Printer atau Cara Merawat Printer
Tips Ampuh Mematikan Autorun
Tips Mudah Cara Instal Driver Laptop, Komputer, dan Netbook
Tips Cerdas Cara Mengenali 7 Arti Lampu Kedip Printer Canon Pixma IP dan Solusinya
Tips Jitu Mempercepat Proses Booting Windows 7
Tips Nyleneh Cara Membuat Layar Laptop Terbalik di Windows
Tips Ringan Cara Meminimize Seluruh Program Di Windows 7
Tips Cerdas Cara Menampilkan Operasi Matematika Equation Tools di Microsoft Word 2007
Tips Manjur Cara Menentukan Program Default di Windows 7
Tips Saleh Cara Menggunakan Komputer Di Bulan Puasa
Tips Cerdas Cara Mengatasi Wintoflash Cannot Lock The Drive
2 Cara Kilat Install Netbook, Laptop dengan Flashdisk
Tips Microsoft Excel yang Wajib Dikuasai Seorang Guru
Disable dan Enable Ctrl Alt Del ketika login di Windows Xp, Vista dan windows 7
Menghentikan program yang tidak dikehendaki (hidden process/ virus), memakai Securuty Task Manager
Menormalkan kembali atribut hidden folder dan file di dalam flash disk yang disembunyikan oleh virus
Tips Membuat Irit Konsumsi Baterai Laptop
Proteksi dokumen Ms.office dengan password
Backup Driver Komputer
Cegah Autorun dengan Autorun Eater 2.3
Cd Drive Tools, untuk buka tutup tray CD/DVD Rom dengan klik mouse
Aplikasi Pengunci Tombol Keyboard
Proteksi Dokumen dengan Menyembunyikan Folder Memakai My Lockbox
Tips Menyembunyikan Drive Komputer
Menampilkan kembali Folder Options yang hilang di Windows xp
Membuat Autohide Shortcut di Desktop
Disable Fungsi Port USB Disk

Tips-Trick Blogger widget dan kode Javascript

LANGKAH PEMBUATAN BLOG
cara membuat addres bar berjalan di blog
berbagi ilmu
Cara Memasang Animasi Tags Cloud
Menampilkan Status Yahoo Mesengger di Gadget Profil
Membuat Widget "Change Font This Blog" di Blog
Cara Membuat Sub Dropdown Pada Horizontal Menu
Tips Making Link list With Scrool
Cara membuat link dengan scrool dan bergerak
Cara Membuat Tempat Link
Cara Menambahkan Icon pada Link List / Label
Cara Membuat ScrollBar Pada Arsip Blog anda
Cara Membuat Efek Energy Saving Pada Blogspot
Memasang Effect cursor bertaburan bintang
Memasang Primbon di blog
Cara Membuat Auto Hide pada Navbar Blog
Cara membuat Shoutmix / buku tamu Tersembunyi
Membuat Widget Recent Comment ( Komentar Terbaru)Java Script
Cara Membuat Widget Multi Halaman/TabView
Cara Membuat gambar loading tampil di blog
Membuat Judul Blog Bergerak atau Berjalan
Cara Membuat Kelelawar/ kupu-kupu Terbang di Blog
Cara Membuat Roaming effect Blog
Cara membuat Gambar Membesar di blog
Cara Membuat Efek Link Berwarna-warni JavaScript
Cara Memberi Efek Blur pada Gambar dengan Java Script
Cara Menghilangkan Judul Blog Di Header
Cara Menghilangkan Tulisan Subscribe To Post Atom di Blog
Cara Membuat Halaman Penuh Tanpa Sidebar
Cara Menghilangkan Judul Blog Di Header
Cara Menghilangkan Tulisan Subscribe To Post Atom di Blog
Membuat favicon scroll text dengan mudah
Cara menaruh kode HTML di postingan blog
Cara mengatur postingan pada beranda blog
Pasang Widget penterjemah from google
Cara menampilkan kode html / javascript di postingan
cara membuat salam penutup di blog
widget google translate Versi.2
Cara membuat Cursor Menjadi Gambar di blog anda
Cara Daftar & Pasang Widget Histats di Blog anda
membuat text area di postingan blog
membuat widgets 3 kolom di bawah header blog
Tips membuat gambar Berada Di pojok blog
trick membuat readmore otomatis di blog
Tips memprotek blog dari penjiplakan
membuat salam pembuka di blog

Category software dan aplikasi

cara ngakalin billing warnet (1)
Tips Merubah File Pdf ke Swf Pdf to swf converter
Tips Menuliskan Ayat Al-quran Beserta Terjemahan Ke Ms Word Secara Otomatis Text bukan gambar
20 Arabic Font Keren Gratis
18 Software Gratis
Ebook Lengkap Panduan PHP dan MySql Gratis
Download Frame Foto Gratis
software fulll version
WebcamXP Pro 5.5.1.0 Full Patch Keygen
SpeedUpMyPC 2011 5.1.1.3 Full With Key
Download Copy Protect 1.5 Full Crack
Testing Memory RAM Dengan MemTest86+ 4.20
Software Pencari Chord Guitar Otomatis
Download Windows Movie Maker 6.0 Support Windows 7
software editing gambar ke video
Easy Icon Maker 5.5
Laporan Praktikum Java Internet anda
Tutorial lengkap JAVA Programming
Modul Kuliah Macromedia Flash 2
Download CD Ilmu Komputer
PCMAV (Anti Virus)
Opera mini versi 5 BETA
Download Ebook Safety Riding
OllyDBg - 32 bit Assembler
Download Aplikasi PDF to Word Converter 1.1
Download Aplikasi ColorPic
instant Messenger Alternatif dengan Fitur SMS Gratisan
doPDF - Free PDF Converter
Download IE7 PRO
Download Vista Start Menu
Download EximiousSoft Banner Maker
WinShalat 1.0 (Aplikasi pembelajaran sholat gratis
Quran Desk v.4.29 - Menampilkan Terjemah di Desktop
DOwnload HTTrack Website Copier
software unik dan gokil
bermain-piano-di-pc-dengan-pianofx
Download Photoscape V3.4
portable-photoshop-cs4
Portable Google Chrome 3.0.195.33
Online banyak ID yahoo dalam satu PC
Versi terbaru Opera 10.53
Mengconvert Video Dengan iWisoft Free Video Converter
Backup Dan Sinkronisasi Data Dengan DropBox
Bullzip PDF Printer Aplikasi Pencetak File PDF Gratis
Membersihkan File Sampah Dengan BleachBit Portable
Download Game Gratis TAGAP 2
Mengelola Jadwal Dengan EssentialPIM

Recent Post

Get Free Music at www.divine-music.info
Get Free Music at www.divine-music.info

Free Music at divine-music.info

Followers

ads
free counters
IP