MonozCore

Blogging for fun

Followers

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...


DATA GEMPA BUMI TERAKHIR DI ATAS 5.0 SR


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 align="left" style="width:100%;border:1px #ccc solid;border-radius:2px;padding:2px;box-sizing:border-box;">
    <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 type="text/css">
    /* MONOSBIT FEED WIDGET */
    .postnew li a:hover {
    display:block;
    text-decoration:none;
    background:#efefef;
    }
    .postnew li a:visited {
    text-decoration:none;
    }
    .postnew {
    float:left;
    width:380px;
    }
    .postnew ul {
    width:90%;
    list-style-type:none;
    }
    .postnew li a {
    text-decoration:none;
    border-top:1px solid rgb(204,204,204);
    line-height:1.6em;
    font-size:12px;
    display:block;
    padding:3px 0px 3px 0;
    }
    .feedburnerFeedBlock div, .date, .feedItemAuthor, .feedTitle, .fbsubscribelink, .creditfooter {
    display:none;
    padding:2px 3px;
    margin-left:95px;
    margin-bottom:12px;
    width:162px
    }
    .feedburnerFeedBlock  li:hover .date {
    font-size:13px;
    font-weight:bold;
    text-align:left;
    display:block;
    position:absolute;
    background:url(http://4.bp.blogspot.com/_1_qkt6bisvU/TFWxXnUOeKI/AAAAAAAAAiQ/lPG9EIxJemM/s400/tooltips-date.gif) no-repeat scroll 10px 0px; color:#333; padding:0px 35px; margin-right:10px;
    width:114px
    }
    .feedburnerFeedBlock  li:hover div {
    line-height:1.2em;
    border-radius:8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -khtml-border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
    font-size:90%;
    display:block;
    position:absolute;
    border:1px solid #D8D8D8;
    background:#E5E5E5  url(http://2.bp.blogspot.com/_1_qkt6bisvU/TFWw-97HlKI/AAAAAAAAAiI/0uCcQMJxNgU/s1600/tooltips-background.png) repeat-x;
    color:#333;
    padding:35px 10px 10px 10px;
    }
    </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 :.
Bagikan :
+
Previous
Next Post »
Comments
Tweets
1 Comments

1 Komentar untuk "Info Gempa Terkini Di Indonesia"

terima kasih banyak gan infonya menarik
bermanfaat serta menambah wawasan

Yahoo Minion UpinIpin Kaskus Special-Code

Recent Comments

 
Copyright © 2010 MonozCore - All Rights Reserved
Back To Top