Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Cara Membuat Background Efek Petir

Background Efek Petir merupakan widget untuk membuat latar belakang Blog atau Website dengan gambar animasi petir. Buat yang hobby memodifikasi blog contohnya seperti saya pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau gambar yang mereka inginkan sendiri. Salah satu modifikasi blog adalah dengan memasang Background Efek Petir pada blog yang biasanya untuk mempercantik halaman atau tampilan blog. Efek petir ini menggunakan kode CSS 3 yang sederhana kemudian saya modifikasi sedikit menggunakan javascript untuk mempermudah pemasangannya di Blog. Contoh seperti yang terlihat pada postingan artikel ini apabila tidak terlihat klik disini. Buat yang tertarik memasang widget Background Efek Petir ini di blognya monggo disalin kodenya.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Layouts" selector box kemudian klik "Add a Gadget" setelah itu scroll ke bawah dan pilih "HTML / Javascript" atau bisa juga di taruh di kode Template Blog tepat di bawah kode "<Body>".

  • Copy kode berikut ini di kotak gadget.
    <script type="text/javascript">
    var imgUrlLightning = "http://3.bp.blogspot.com/-GaLf17GTJSY/VBfS0rS4vAI/AAAAAAAAES8/eaW3b326Yus/s1600/monozcore_petir.gif";
    document.write("<style>img.bg{z-index:-1;min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;}@media screen and (max-width: 1024px){img.bg{left: 50%;margin-left: -512px;}}<\/style><img src=\""+imgUrlLightning+"\" class=\"bg\"\/>");
    </script>
    Keterangan :
    var imgUrlLightning = "http://3.bp.blogspot.com/-GaLf17GTJSY/VBfS0rS4vAI/AAAAAAAAES8/eaW3b326Yus/s1600/monozcore_petir.gif";
    Kode yang berwarna biru merupakan alamat URL gambar latar petir yang bisa sobat ganti sesuai dengan keinginan sobat. Saya sediakan empat pilihan gambar animasi petir yang bisa sobat pilih atau sobat bisa menggantinya dengan gambar sendiri.

  • Klik "Save" dan lihat hasilnya...
Pilihan Gambar :

  • http://1.bp.blogspot.com/-4t04byxYt_Q/VBlIh8bp94I/AAAAAAAAETk/VRBKa90b9ss/s1600/MonozCore_Petir2.gif


  • http://3.bp.blogspot.com/-D_oPaaW_AO8/VBlIhJQTBGI/AAAAAAAAETY/HfLZmPDmEwA/s1600/MonozCore_Petir3.gif


  • http://3.bp.blogspot.com/-GaLf17GTJSY/VBfS0rS4vAI/AAAAAAAAES8/eaW3b326Yus/s1600/monozcore_petir.gif


  • http://2.bp.blogspot.com/-kA5zq_hTqqQ/VBph29q6pEI/AAAAAAAAEUA/EB-e51cwzcw/s1600/MonozCore_Petir4.gif
Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.: Semoga Bermanfaat :.


This post first appeared on MonozCore, please read the originial post: here

Share the post

Cara Membuat Background Efek Petir

×

Subscribe to Monozcore

Get updates delivered right to your inbox!

Thank you for your subscription

×