Menambahkan Loading Gif Halaman Hasil Pencarian Google Custom Search
Pada postingan hari ini aku akan mencoba menjawab pertanyaan beberapa sahabat Kompi Ajaib mengenai gambar loading pada halaman hasil pencarian Google Custom Search Kompi Ajaib menyerupai pada gambar animasi GIF di atas.Untuk menambahkan gambar loading GIF menyerupai pada gambar di atas tentunya Anda harus menciptakan dulu Google Custom Search untuk blog Anda, silahkan simak pada link postingan berikut:
Kemudian silahkan copy instruksi CSS di bawah ini dan simpan di atas instruksi
</head> <b:if cond='data:blog.url == "URL Halaman Hasil Pencarian"'>
<style type='text/css'>
.post-body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuIbJMk9rxuTZ_KLUmg6MY8D9qir2sxPvT-8lU702YdpDyxZVP2T5VlqbMiLwvg40M5zcKPOY_pzSmoRtI0HXokezulSzHs-q_TK8fsawIv79_k8g16FVGoZPKVhUSrKrqxmSsJa0ZewI/w220-h19-no/ajax-loader+%25281%2529.gif)50% 10% no-repeat!important;padding:20px 0;margin:0}
#gcsengine{margin-top:-30px}
</style>
</b:if>
Silahkan ganti
URL Halaman Hasil Pencarian dengan URL halaman hasil pencarian blog Anda. Jika Anda mempunyai gambar ajax-loading sendiri silahkan ganti URL gambar background-nya.
Makara dalam hal ini kita hanya menambahkan gambar background pada halaman postingan (
.post-body). Gambar loading GIF akan tampak sebelum hasil pencarian Google Custom Search muncul. Setelah hasil pencariannya muncul maka gambar dan halaman akan tertutup oleh hasil pencarian Google Custom Search. Nah demikianlah postingan sederhana cara menambahkan loading GIF pada halaman hasil pencarian Google ustom Search ini biar membantu dan sanggup dimengerti.
0 Response to "Menambahkan Loading Gif Halaman Hasil Pencarian Google Custom Search"
Posting Komentar