<html>
<head>
<!-- CSS -->
<style>
#preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#ffffff; /* change if the mask should have another color then white */
z-index:99; /* makes sure it stays on top */
}
#status {
width:200px;
height:200px;
position:absolute;
left:50%; /* centers the loading animation horizontally one the screen */
top:50%; /* centers the loading animation vertically one the screen */
background-image:url(http://mediationbhc.gov.in/Pics/updateimg.gif); /* path to your loading animation */
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; /* is width and height divided by two */
}
</style>
</head>
<body>
<!-- Loading -->
<div id="preloader">
<div id="status"></div>
</div>
<!-- Konten web -->
<h1>Hello Word !</h1>
<!-- jQuery -->
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- Javascript -->
<script type="text/javascript">
$(window).load(function() { // makes sure the whole site is loaded
$("#status").fadeOut(); // will first fade out the loading animation
$("#preloader").delay(350).fadeOut("slow"); // will fade out the white DIV that covers the website.
})
</script>
</body>
</html>
Thursday, October 15, 2015
Membuat Animasi Loading/Proses Halaman Website
Cara membuat animasi loading/proses ketika membuka halaman suatu website cukup mudah, dan bisa membuat pengunjung website kita tidak boring ketika lama meload konten website kita :)
Wednesday, January 14, 2015
Membuat Deskripsi Berbeda Pada Setiap Posting
Salah satu yang membuat Platform Blogger semakin banyak penggunanya walaupun harus bersaing dengan platform wordpress yang versi berbayar sekalipun adalah pada keunggulan fitur-fitur yang selalu ditambah oleh Google Inc. Kali ini fitur terbaru adalah kita dapat memasukan deskripsi setiap posting blogger secara manual seperti halnya pada CMS Joomla.
Manfaat Membuat Meta Description Per Posting
Diantara beberapa manfaat tersebut adalah sebagai berikut:
1. Meningkatkan probabilitas diklik oleh visitor pada pengunjung yang melalui Search Engine menemukan postingan Blog Anda. Mengapa demikian? Karena deskripsi tergambar jelas di Search Engine Result Page (SERP). Terkadang kita ragu karena deskripsi yang muncul itu adalah semabarang kata yang hanya dicrawl oleh Google yang terkait dengan kata kunci yang kita cari di mesin pencari.
Indikator dari Blog yang memakai fitur ini adalah deskripsi posting di SERP terlihat rapi dan tidak terputus.
2. Menjadikan postingan artikel-artikel Anda lebih SEO Friendly. Bagaimana tidak, Anda menseting sedemikian rupa deskripsi postingan Anda sendiri, disana dapat kita tentukan keyword yang kita bidik dengan tanpa menghilangkan "gairah membaca" bagi visitor, karena tampilan deskripsi terlihat rapi.
Ok, di atas adalah gambaran dari kita mensetting deskripsi blog per posting pada blogspot platform. Sekarang kita beranjak pada teknis caranya.
Cara Membuat Deskripsi Blog per Posting pada Platform Blogger
Berikut adalah langkah-langkahnya:
1. Login ke BLOGGER dengan akun GMAIL Anda. Lalu pilih Blog yang akan disetting.
2. Cari menu "Setelan" dan pilih "Preferensi Penelusuran"
Pada pilihan "Tag Meta", klik "Edit" dan isikan dengan Deskripsi Utama Blog Anda. Setelah Anda mensetting ini dan men-save-nya. Maka otomatis, pilihan menu pengisian deskripsi per posting akan muncul di bagian penerbitan entri. Untuk mengeceknya, klik "Entri Baru" dan lihat bagian Kanan, maka akan terdapat menu pilihan baru postingan Anda. Isikan Deskripsi postingan artikel Anda di bagian "Deskripsi Penelusuran"

Finish, dan Artikel Anda akan makin Profesional bersaing dengan Blog lainnya! Jika ada problem, feel free to comment!
Salah satu yang membuat Platform Blogger semakin banyak penggunanya walaupun harus bersaing dengan platform wordpress yang versi berbayar sekalipun adalah pada keunggulan fitur-fitur yang selalu ditambah oleh Google Inc. Kali ini fitur terbaru adalah kita dapat memasukan deskripsi setiap posting blogger secara manual seperti halnya pada CMS Joomla.
Manfaat Membuat Meta Description Per Posting
Diantara beberapa manfaat tersebut adalah sebagai berikut:
1. Meningkatkan probabilitas diklik oleh visitor pada pengunjung yang melalui Search Engine menemukan postingan Blog Anda. Mengapa demikian? Karena deskripsi tergambar jelas di Search Engine Result Page (SERP). Terkadang kita ragu karena deskripsi yang muncul itu adalah semabarang kata yang hanya dicrawl oleh Google yang terkait dengan kata kunci yang kita cari di mesin pencari.
- See more at: http://www.fanspage-id.com/2013/01/CaraMembuatDeskripsiPerPostingBlogspotBlogger.html#sthash.A0Y7WeOT.dpufSalah satu yang membuat Platform Blogger semakin banyak penggunanya walaupun harus bersaing dengan platform wordpress yang versi berbayar sekalipun adalah pada keunggulan fitur-fitur yang selalu ditambah oleh Google Inc. Kali ini fitur terbaru adalah kita dapat memasukan deskripsi setiap posting blogger secara manual seperti halnya pada CMS Joomla.
Manfaat Membuat Meta Description Per Posting
Diantara beberapa manfaat tersebut adalah sebagai berikut:
1. Meningkatkan probabilitas diklik oleh visitor pada pengunjung yang melalui Search Engine menemukan postingan Blog Anda. Mengapa demikian? Karena deskripsi tergambar jelas di Search Engine Result Page (SERP). Terkadang kita ragu karena deskripsi yang muncul itu adalah semabarang kata yang hanya dicrawl oleh Google yang terkait dengan kata kunci yang kita cari di mesin pencari.
- See more at: http://www.fanspage-id.com/2013/01/CaraMembuatDeskripsiPerPostingBlogspotBlogger.html#sthash.A0Y7WeOT.dpuf
Subscribe to:
Posts (Atom)
