Membuat Animasi Loading Pada BLOG

randomposts

Tampilan tertentu pada saat loading blog mungkin merupakan daya tarik tertentu dalam sebuah blog. Hal ini memungkinkan anda menyimpan sem...

Cara Membuat Widget Social Media Melayang di Blog Sebelah Kanan
Cara Membuat Widget Social Media + Search Melayang di Atas Header
Cara Mengedit CSS Template Seluler Blogspot
Cara Membuat Anti Ctrl+U, Ctrl+Shift+K, F12, Ctrl+Shift+I, Ctrl+S untuk BLOGGER

Tampilan tertentu pada saat loading blog mungkin merupakan daya tarik tertentu dalam sebuah blog. Hal ini memungkinkan anda menyimpan semua ketidak teraturan bentuk tampilan pada saat loading, sehingga pengunjung hanya melihat animasi tampilan loading. Posting kali ini saya akan share bagaimana membuat tampilan loading halaman dengan menggunakan jquery dan css. Tampilan animasi pada loading page ini menggunakan Query Loader, yaitu tampilan layar kosong hitam (bisa diubah) yang meliputi blog anda sampai semua konten dimuat. Artinya pengunjung tidak akan melihat apa yang diloading blog Anda. Pada tampilan ini pengunjung hanya melihat halaman loading dengan bar dan persentase loading secara keseluruhan dengan berwarna gelap. Coba anda refress blog ini? apa yang terlihat.....lumayan menarik bukan??? ok mari kita bahas cara pembuatannya. Ikuti langkah berikut ini.

Log in ke blog anda 
Klik Rancangan 
Klik Edit HTML 
Masukkan kode berikut di atas kode </head>

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js'
type='text/javascript'/>

Selanjutnya masukkan kode berikut di atas kode </body>

<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>

Selanjutnya masukkan kode berikut di atas kode ]]></b:skin>

.QOverlay {
background-color: #000000; /* warna background saat blog anda di loading */
z-index: 9999;
}

.QLoader {
background-color: #CCCCCC; /* warna bar loading */
height: 1px;
}

.QAmt {
color:#FF530D; /* warna angka persentase saat loading */
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}

Klik Simpan Template
Selesai dan lihat hasilnya
Selamat mencoba dan sukses selalu




copyright@palma_hutabarat
Name

.Net Framework Activator Adobe Adventure Afesubs Alt Code Anak SMA Android Android Emulator Android Games Anime Anime Skin Anime Subtitle Indonesia AnimeIndo AnimePack Anti Virus Antispyware Apk Aplikasi Aplikasi Pemesanan Taksi Artis Artis Indonesia Audisi Auto Connect Awenz Bahasa Pemograman Batch Berita Anime Biography Bisnis Online Blackberry BLockquote Blogger Blue Bird Group Blue Bird Semarang Botloop Browser Button Cheat Code Cheat Computer Converter Converter Video Crack And Patch Criminal Case CSS Design Developer Districk MC Download Download Anime Downloader Drawing Ebook Eminem Encoding Episode Event Blogging Facebook Facebook Game Fairy Tail Firmware Flashing For Developper Fort Minor Full Episode Game Offline Game Online Game PC Games Google Trends Grand Theft Auto Greenday GTA San Andreas History Hover HTML Humor Icon Pack Image Editor Indonesia News Instagram Internet ISO JavaScript jQuery Jumper Link Kedokteran Kenzen Robo Daimidaler Keygen Lenovo Lil Gucci Lil-O Linkin Park Lirik Lagu Indonesia Lyrics Macro Setting MeGUI Methosa Crew Movie Multimedia My Blue Bird Networking And Messaging Operating Systems Ost Music Anime Payment ADS Pemograman Visual Basic Perangkat Komputer Photography Point Blank Pokemon Go Portable PPC Proggraming Program SQL Programing Editor PSD File Search Google SEO Seputar Berita Sequrity Serial Key Serial Number Seseputar Berita Sitemap Skin App Skinpacks Snapshot water Software Software program Softwares Streaming Streaming Anime Subbed Indo Surat Terbuka Symbol Character Template Text Area Theme Pack Tips Games TIps Komputer tips N Trics Trainer Game Facebook Trainer Game PC Tutorial Tutorial Blog TV Series Twitter Uncategories Video Video Editor Wallpapers Widget Windows Windows 10 Windows 7 Windows 8 Windows 8.1 Windows Server 2012 R2 Windows Vista Windows XP Young Lex
false
ltr
item
Blogs PalmaHutabarat : Membuat Animasi Loading Pada BLOG
Membuat Animasi Loading Pada BLOG
Blogs PalmaHutabarat
http://palmahutabarat.blogspot.com/2012/10/membuat-animasi-loading-pada-blog.html
http://palmahutabarat.blogspot.com/
http://palmahutabarat.blogspot.com/
http://palmahutabarat.blogspot.com/2012/10/membuat-animasi-loading-pada-blog.html
true
6437582955972537617
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy