Header Ads Widget

Responsive Advertisement

Info Gempa Terkini Di Indonesia


Info unik dan keren kali ini mengenai Info Gempa Terkini di Indonesia dan Widget Info Gempa berdasarkan data dari situs BMKG Indonesia.

Info Singkat :
Indonesia merupakan negara yang memiliki titik gempa terbanyak di dunia, mencapai 129 titik. Selain itu, Indonesia merupakan negara rawan gempa terbesar di dunia yang dapat menimbulkan gelombang tsunami.

Kenapa Indonesia rawan terhadap gempa ??? karena Indonesia dikepung tiga lempeng tektonik dunia, Indonesia juga merupakan jalur The Pasicif Ring of Fire (Cincin Api Pasifik), yang merupakan jalur rangkaian gunung api aktif di dunia. Cincin api Pasifik membentang diantara subduksi maupun pemisahan lempeng Pasifik dengan lempeng Indo-Australia, lempeng Eurasia, lempeng Amerika Utara dan lempeng Nazca yang bertabrakan dengan lempeng Amerika Selatan. Ia membentang dari mulai pantai barat Amerika Selatan, berlanjut ke pantai barat Amerika Utara, melingkar ke Kanada, semenanjung Kamsatschka, Jepang, Indonesia, Selandia baru dan kepulauan di Pasifik Selatan. Indonesia memiliki gunung berapi dengan jumlah kurang lebih 240 buah, di mana hampir 70 di antaranya masih aktif. Zone kegempaan dan gunung api aktif Circum Pasifik amat terkenal, karena setiap gempa hebat atau tsunami dahsyat di kawasan itu, dipastikan menelan korban jiwa manusia amat banyak.

Oke... Moz's Bloggers dengan adanya info ini semoga bisa menjadi informasi untuk kewaspadaan sobat terhadap bahaya gempa dan tsunami... Buat yang tertarik memasang widget info gempa ini silakan dibaca tutorialnya...

Info Lengkap : BMKG

Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari  hal-hal yang tidak diinginkan dalam menerapkan widget ini.

Peta Gempa Terkini


Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".

  • Cari kode </Body> kemudian letakan kode berikut ini tepat diatas kode </Body> atau taruh di kotak gadget blog.

    <div class="separator" style="clear: both; text-align: center;">
    <img border="2" src="http://data.bmkg.go.id/eqmap.gif" height="640" width="546" />
    </div>

  • Klik "Save" dan lihat hasilnya...


BMKG Twitter Timeline


Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".

  • Cari kode </Body> kemudian letakan kode berikut ini tepat diatas kode </Body> atau taruh di kotak gadget blog.

    <div align="center">
    <a class="twitter-timeline" data-widget-id="364281505196937216" href="https://twitter.com/infoBMKG">Loading...</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </div>

  • Klik "Save" dan lihat hasilnya...


BMKG Gempa Terjadi


Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".

  • Cari kode </Body> kemudian letakan kode berikut ini tepat diatas kode </Body> atau taruh di kotak gadget blog.

    <center>
    <div class="widgetgempa3">
    <img src="http://data.bmkg.go.id/eqmap.gif" style="box-sizing:border-box;width:100%;border:1px #ccc solid;border-radius:2px;margin-bottom:5px;"/>
    <script src="http://feeds.feedburner.com/monosbit/gempa5SR?format=sigpro&nItems=5&format=openLinks=new
    &displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below" type="text/javascript" ></script>
    </div>
    </center>
    <style>
    .widgetgempa3{
    text-align:left;
    overflow:hidden;
    width:250px;
    border:4px gold ridge;
    padding:5px;
    border-radius:2px;
    background:#F2F2F2;
    list-style-type:none;
    }
    .date, #creditfooter{
    display:none;
    }
    .feedburnerFeedBlock ul {
    list-style-type:none;
    width:250px;
    padding: 2px;
    margin: 0;
    box-sizing:border-box;
    border:1px #ccc solid;
    border-radius:2px;
    text-align:center;
    }
    .headline a{
    text-decoration:none;
    color:red;
    }
    </style>

  • Klik "Save" dan lihat hasilnya...
Oke sobat monozcore jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.

Post a Comment

0 Comments