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 :

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://www.bmkg.go.id/webxml/eqshakemap.jpg" height="640" width="546" />
</div>

Klik "Save" dan lihat hasilnya...

BMKG Twitter Timeline

Cara Pemasangan :

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 Dirasakan

Cara Pemasangan :

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.

<style type="text/css">
div.pipesstyle div.ybf {
display: none;
height: 0px;
}
div.pipesstyle div.ybad {
display: none;
height: 0px;
}
div.pipesstyle a.yba a.gt div.gts {
display: none;
height: 0px;
}
</style>
<div class="pipesstyle ybad">
<script src="http://l.yimg.com/a/i/us/pps/mapbadge_1.5.js">
{"pipe_id":"18e468afdb8848c68171340223d17e8e","_btype":"map","hideHeader":true}
</script>
</div>

Klik "Save" dan lihat hasilnya...

Widget Info Peta Gempa Terbaru

PETA GEMPA TERBARU

Cara Pemasangan :

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="widgetgempa3">
<div align="center" style="font-size:14px;font-family:Arial;color:gold;margin-bottom:5px;text-shadow: 2px 2px #000;"><b>PETA GEMPA TERBARU</b></div>
<img src="http://data.bmkg.go.id/eqmap.gif" style="border-radius: 4px; border: 2px gold ridge; width: 100%; box-sizing: border-box;" />
<div align="center" id="creditApps">Powered By MonosBit</div>
</div>

<style>
.widgetgempa3{
overflow:hidden;
width:250px;
border:2px gold ridge;
padding:10px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
}
#creditApps, #creditApps a:link {font-family:Verdana;font-size:10px;color:#000;text-decoration:none;color:#000;}
</style>

Klik "Save" dan lihat hasilnya...

Oke sobat monosbit jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.

Info Gempa Terkini Di Indonesia

0 Response to "Info Gempa Terkini Di Indonesia"

Post a Comment

Popular Post