December 24, 2011

Membuat Scroll Pada Blog Archive (Arsip Blog)


Membuat Scroll Pada Blog Archive (Arsip Blog)
Bulan lalu berapa tulisan yang sudah kamu posting? Coba deh, yang pasang widget Arsip Blog dilihat! Bulan lalu saya berhasil memposting 8 tulisan di blog ini. Dan kali ini kita akan belajar ngeblog lagi, yaitu membuat scroll untuk arsip blog. Jika tampilan drop down sih tidak terlalu bermasalah. Tapi jika memilih tampilan herarki yang mempunyai kelebihan bisa menampilkan jumlah tulisan perbulan dan judul akan sedikit membuat blog terlihat kurang rapi. Iya kalau kita rutin mengupdate blog, kan sebagian blogger dan saya tidak pasti rajinnya mengurus blog.

Dengan membuat scroll pada arsip blog, akan membuat panjang sidebar ke bawah tetap. Walau pada bulan tertentu banyak postingan atau sedikit arsip blog yang tampilannya herarki akan terlihat rapi dengan adanya scroll. Jika kita sudah menambahkan widget arsip blog dengan model herarki, langsung saja lakukan langkah selanjutnya.

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

6. Kode lengkapnya adalah seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

7. Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah seseuai selera.
 8. Simpan jika sudah selesai.
sumber : http://kurniasepta.blogspot.com

December 18, 2011

Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box



Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box  - Inilah persembahan 3 in 1 floating widget yang menurut saya merupakan salah satu widget blogger terbaik di penghujung tahun 2011 ini. 3 buah widget melayang
yang digabung dalam 1 gadget ini merupakan sequel jilid 2 dari posting saya sebelumnya Cara Membuat Floating Facebook Like Box dimana dalam gadget ini memuat widget follower blogger (Google Friend Connect), widget update status Twitter dan widget Facebook Like Box sekaligus !! Demo penerapan widget melayang (floating widget) ini bisa sobat lihat disamping sidebar kanan blog ini. Seperti apa Cara membuat widget Follower Blogger, status Twitter dan Facebook Like ini akan kita bedah bersama (hiks..!) dalam tips blogging kali ini.

Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box :
1.   Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
2.       Copy script master widget dibawah ini dan paste pada gadget.
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCzdEUiy8tJcFJ5_WPqxzEh9CwgAHsFsh7BEJP4HPWNikuXB0AoAWmT_KbMSO3dtfGlaTWvu6Ki_QKp9KEoptnDY8sbZSfHPvFgPmwcIgVNhn9RmqvQqVHJZnUL8ou-qLBrPSCMkhuklpo/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQkT5Qsm8JXk7y3uWKD6cPMoSo58XeYDek-JBNqmMHe3RXOzuo5bqIem0eCW75X0H0bndHIJ8EwPDSj1QJzpw-XxbuSvWUlVOFC7j2ay6FxIpsMsO92JkJolGJp870uwuAQUeRWNcea2id/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-9C_wRfSXUW0Wrhl4tO5eqPCNDSwO4PTDHBaedsTdE0fKTPpgToCee-ryAhyphenhyphenQFv7tbzFbN168eNUz4Eo7rKCNGdX-kIjHDfBht_ZrcDhMfbj_Ggqo5TZqcWFFCWVojW2jiTcRFYu4cpu/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlMo1xd15SHYO91dFApWITC7gphYCYWkLv7IWwehQ7vLnP33pfNmWYvElBC6zp3uqigZhDJLZdZWsao_89hASvIvcuCbiwxzxaP80_jSokAoM5lygZsL2XR91Guc4Phch1jZtm39QgNpRs/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPlbnWwUwhFXufY5GAZdaPAMruyKRrOFqabEyJPNwObYA4vrcM9A_zmDWZDFGOiS6muJ2oJtrU70tSUSaTfbWlU1NKW__TMbgpo58WinwKSnsckhONVwx5zcKECMkFzyoqoXmaDQv12ZlN/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTE4JBFksCniSAJe9PmdSZce0PiBaTPW5hOD9PdTwp4QQa62K0brxt2SXovzUbs2RkaYrnntAhfn_Gyg2aJuSmUGwD_BKXbaQCh8skns9mu_U-0x0s9VnjVuxVZJDeIKNVZBfdYSqYH60M/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>
3.       Kustomisasi widget :
  • Ganti tulisan CONTENT BLOGGER HERE dengan kode HTML Google Friend Connect anda.
  • Ganti tulisan CONTENT TWITTER HERE dengan kode HTML widget status Twitter anda.
  • Ganti tulisan CONTENT FACEBOOK HERE dengan kode HTML Facebook Like Box anda.
4.      Bentuk akhir dari kode script ini ( Final Code ) akan menjadi seperti script widget milik saya dibawah ini :
<style type="text/css">
.barrightblogger{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCzdEUiy8tJcFJ5_WPqxzEh9CwgAHsFsh7BEJP4HPWNikuXB0AoAWmT_KbMSO3dtfGlaTWvu6Ki_QKp9KEoptnDY8sbZSfHPvFgPmwcIgVNhn9RmqvQqVHJZnUL8ou-qLBrPSCMkhuklpo/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQkT5Qsm8JXk7y3uWKD6cPMoSo58XeYDek-JBNqmMHe3RXOzuo5bqIem0eCW75X0H0bndHIJ8EwPDSj1QJzpw-XxbuSvWUlVOFC7j2ay6FxIpsMsO92JkJolGJp870uwuAQUeRWNcea2id/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-9C_wRfSXUW0Wrhl4tO5eqPCNDSwO4PTDHBaedsTdE0fKTPpgToCee-ryAhyphenhyphenQFv7tbzFbN168eNUz4Eo7rKCNGdX-kIjHDfBht_ZrcDhMfbj_Ggqo5TZqcWFFCWVojW2jiTcRFYu4cpu/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlMo1xd15SHYO91dFApWITC7gphYCYWkLv7IWwehQ7vLnP33pfNmWYvElBC6zp3uqigZhDJLZdZWsao_89hASvIvcuCbiwxzxaP80_jSokAoM5lygZsL2XR91Guc4Phch1jZtm39QgNpRs/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPlbnWwUwhFXufY5GAZdaPAMruyKRrOFqabEyJPNwObYA4vrcM9A_zmDWZDFGOiS6muJ2oJtrU70tSUSaTfbWlU1NKW__TMbgpo58WinwKSnsckhONVwx5zcKECMkFzyoqoXmaDQv12ZlN/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTE4JBFksCniSAJe9PmdSZce0PiBaTPW5hOD9PdTwp4QQa62K0brxt2SXovzUbs2RkaYrnntAhfn_Gyg2aJuSmUGwD_BKXbaQCh8skns9mu_U-0x0s9VnjVuxVZJDeIKNVZBfdYSqYH60M/');background-
repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-5280101236238054965" style="width:225px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#ff9900';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '5';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-5280101236238054965',
   site: '13497557564014853740&#039; },
  skin);
</script>
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 2,
  interval: 30000,
  width: 220,
  height: 220,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#333333',
      color: '#f3f5f0',
      links: '#eb9f07'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('@rayhanzhampiet').start();
</script>
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
<iframe allowtransparency="true" frameborder="0" scrolling="no"
src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Share-With-Irfan-Blogs/322414587773378&amp;width=24
0&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=320" style="border: none; height: 320px;
overflow: hidden; width: 240px;background: #fff;"></iframe>
</div>
</div>
5.     Kalau mau gampang sobat tinggal mengganti ID akun Google Friend Connect, Twitter dan Facebook Like milik saya yang sudah saya tandai dengan tulisan warna merah dengan ID atau kode akun milik anda.
6.      Jika sudah selesai melakukan kustomisasi, Save / Simpan gadget dan lihat hasilnya.
Buat yang masih kesulitan untuk mengetahui kode ID Google Friend Connect (GFC) berikut ini tutorialnya :
1.       Login ke Google Friend Connect menggunakan akun blogger/gmail anda.
2.       Klik nama blog anda pada sidebar kiri dan pilih Add the member gadget.
3.     Anda akan dibawa ke halaman kustomisasi gadget seperti gambar dibawah ini. Lakukan kustomisasi lebar gadget, jumlah baris follower yang ingin ditampilkan, warna background, border, huruf dan lain-lain dihalaman ini.
 4.        Jika kustomisasi sudah selesai, klik tulisan Generate code pada langkah ke-3 Create the HTML code, maka kode HTML gadget follower / Google Friend Connect milik anda sudah selesai dan siap dicopy atau disimpan di notepad.
Untuk pengaturan widget update status Twitter silahkan meluncur ke halaman http://twitter.com/about/resources/widgets, sedangkan untuk Facebook Like Box dapat sobat membuatnya dihalaman ini http://www.facebook.com/pages/create.php. Mohon maaf kalau saya tidak bisa menuliskan secara lengkap tutorial ketiganya berhubung tangan ane sudah pegel-pegel ngetiknya he he. Selamat mencoba sendiri membuat widget melayang Google Friend Connect, Twitter dan Facebook Like Box ini, jangan cepat menyerah kalau ternyata sobat gagal memasang dan melakukan pengaturan pada widget
ini. Blogger sejati tidak mengenal kata MENYERAH kecuali anda ingin menyandang gelar NEWBIE FOREVER selamanya. Selamat menyongsong Tahun Baru 2012 sahabat..!
sumber : http://rayhanzhampiet.blogspot.com

Tips Membuat Floating Facebook Like Box Di Blogspot




Tips Membuat Floating Facebook Like Box  - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.
Cara Membuat Widget Melayang Facebook Like Box
1.     Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.
2.       Login ke dashboard blogger anda.
3.       Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).
4.       Copy script widget dibawah ini dan paste pada gadget.
<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPlbnWwUwhFXufY5GAZdaPAMruyKRrOFqabEyJPNwObYA4vrcM9A_zmDWZDFGOiS6muJ2oJtrU70tSUSaTfbWlU1NKW__TMbgpo58WinwKSnsckhONVwx5zcKECMkFzyoqoXmaDQv12ZlN/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTE4JBFksCniSAJe9PmdSZce0PiBaTPW5hOD9PdTwp4QQa62K0brxt2SXovzUbs2RkaYrnntAhfn_Gyg2aJuSmUGwD_BKXbaQCh8skns9mu_U-0x0s9VnjVuxVZJDeIKNVZBfdYSqYH60M/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
<!-- Begin Facebook -->
CONTENT FACEBOOK HERE
<!-- End Facebook -->
</div>
</div>
5.      Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.
6.      Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
7.     Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.
8.      Save / Simpan.
Well, cukup gampang bukan membuat widget melayang Facebook Like Box  ini ? Sekian dulu tips blogging kali ini, happy nice blogging on Saturday Night !!
 sumber :http://rayhanzhampiet.blogspot.com

Cara Membuat Judul dan Deskripsi Blog Rata Tengah

Seperti yang anda lihat di blog saya ini, berikut panduan untuk Membuat Judul dan Deskripsi Blog Rata Tengah

  1. Masuk ke menu 'Rancangan'>>Klik 'Perancang Template' 
  2. Cari menu Advanced lalu anda klik.
  3. Pada sub menu Advanced anda cari 'Add CSS' lalu klik menu tersebut. 
  4. Anda copy lalu paste kode berikut untuk mengisi bagian pengisi CSS, anda paste seperti di gambar berikut


    DAN INILAH KODE CSS NYA YANG HARUS ANDA COPY!

    .titlewrapper{
    text-align: center;
    }

    .descriptionwrapper{
    text-align: center;
    }
  5. Setelah anda paste seperti pada gambar, lalu anda klik "Apply to Blog"!
  6. Kemudian berbahagialah karena anda telah berhasil menerapkan panduan ini!
     source : http://jenderal-it.blogspot.com

Cara Membuat Buku Tamu Tersembunyi Di Blog

Cara Membuat Buku Tamu Tersembunyi Di Blog

or Cara Memasang Buku Tamu Tersembunyi Di Blog Tadi siang saya berjalan jalan di dunia maya mengunjungi blog sodara sodara. Seperti biasa, saya pasti meninggalkan jejak di blog dimana saya kunjungi dan tadi saya menemukan blog yang memiliki Shoutmix atau Buku tamu tersembunyi.Karena saya orangnya suka penasaran dengan sesuatu yang belum aku tahu, maka saya mencari cara memasang Shoutmix yang tersembunyi itu di om Google.

Ok bagi ang sudah penasara cara buatnya,ikuti Tutorial Blog nya Cara Membuat Buku Tamu Tersembunyi Di Blog or Cara Memasang Buku Tamu Tersembunyi Di Blog berikut ini :

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML

6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://rezarezong.blogspot.com/2009/07/cara-membuat-shoutmix-buku-tamu.html">
[Pasang Widget]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

7. Save Widget tersebut.

Jika sudah anda pasti akan mempunyai Shoutmix yang tersembunyi seperti di blog saya. Selamat mencoba.

source = http://keluarga-blog.blogspot.com/

Cara Membuat Cursor Bertabur Bintang Pada Blog

Cara Membuat Cursor Bertabur Bintang Pada Blog, Cursor Bertabur Bintang merupakan cursor mouse yang bertabur bintang warni-warni yang terletak pada cursor mouse,, Klik disini untuk melihat contoh nya,, tertarik untuk memasangnya di blog anda, langsung saja ikuti langkah-langkah di bawah ini :
Pilih salah satu script kode dibawah ini sesuai dengan warna kesukaan anda dan warna yang kontras dengan warna background blog anda :

sebelumnya lihat efek Yang Lainnya Yaitu
Cara Membuat Efek Bintang Berjatuhan Di Blog
Cara Membuat Burung Twitter Terbang Di Blog

Cursor Bertabur Bintang Dengan Warna Biru

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Hijau

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Merah

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>


Cursor Bertabur Bintang Dengan Warna Ungu

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Silver
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-silver.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Kuning

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Hitam

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hitam.js" type="text/javascript"></script>


Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan

Good Luck...!!!

source : http://anak-kos.blogspot.com/

Cara Membuat Tulisan Judul Blog Berjalan

Cara Membuat Tulisan Judul Blog Berjalan or keyword Google Cara Membuat Judul Blog Berjalan atau Bergerak Pada Address/Title Bar yah Itulah Tutorial Tips Dan Trik Blogspot Kali Ini Ada banyak cara memper indah tampilan blog agar pengunjung senag melihatnya, diantaranya Membuat Tulisan Judul Blog berjalan pada Address Bar.

Adapul Cara Membuat Judul Blog Berjalan adalah sebagai berikut:

Login blogger
Masuk pada halaman Edit HTML
Cari kode </head> dan letakkan kode berikut di atas kode </head> tersebut

<script type='text/javascript'>
//<![CDATA[

msg = " --- Komud Blog ";
msg = " | Media Sharing | Tutorial Blogger | Software | Komputer --- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

Simpan dan liat hasil nya...

NB

Ganti tulisan yang berwarna biru pada kode tersebut dengan titel blog kamu atau tulisan apa saja yang kamu suka.

Selamat mencoba Cara Membuat Tulisan Judul Blog Berjalan or keyword Google Cara Membuat Judul Blog Berjalan atau Bergerak Pada Address/Title Bar semoga bermanfaat..

Source : Komud

Membuat ShoutBox di Blog


Shoutbox adalah sebuah widget yang berfungsi untuk mengirim pesan-pesan singkat seperti ucapan selamat, perkenalan, pemberitahuan dan lain-lain kepada pemilik blog atau pengunjung lainnya.

Shoutbox ini biasanya terletak dihalaman depan blog atau website. Dengan shoutbox, pengunjung bisa dengan mudah memberikan komentar dan berkomunikasi secara langsung dengan pemilik maupun pengunjung lain secara bersamaan.

Shoutbox adalah sebuah layanan yang sangat interaktif yang dapat menjalin hubungan antar sesama blogger. Jika Anda tertarik untuk memilikinya. Silahkan ikuti cara-cara dibawah ini:

1. Buka situs http://www.shoutmix.com kemudian klik CREATE YOUR SHOUTBOX NOW.



2. Kemudian akan muncul halaman seperti pada gambar dibawah ini. Isi semua data-data yang diperlukan dengan benar. Beri tanda centang pada "I have read and agree to the Terms of Service". Kemudian klik Continue.



3. Selanjutnya Anda akan dibawa kehalaman seperti gambar dibawah ini.



4. Pilihlah salah satu style diatas, kemudian isi kode verifikasi yang terdapat pada sisi kanannya. Lalu klik Continue. Anda akan dibawa ke halaman konfirmasi bahwa account Anda telah berhasil dibuat.



Cara Memasang Shoutbox pada Blogger :

1. Klik Go to my control panel now. Pada bagian Quick Start terdapat tulisan Get Codes, klik tulisan tersebut untuk mendapatkan kodenya.



2. Pilih Place Shoutbox on webpage. Copy semua kode HTML yang ada dalam kotak Generated Codes.

3. Login ke Blogger, klik menu Layout lalu pada bagian Page Elements klik Add a Gadget. Maka akan muncul halaman baru. Cari HTML/JavaScript. Kalau sudah ketemu, klik tombol + yang terletak di sebelah kanan kotak HTML/JavaScript.



4. Isi nama pada kotak Title. Lalu paste kode HTML tadi ke dalam kotak Content seperti contoh dibawah ini.



5. Kalau sudah, klik Save untuk menyimpannya. Jika muncul "Page element added". Berarti proses pemasangan Shoutbox berhasil. Silahkan klik View Blog untuk melihat hasilnya.

Membuat Judul Blog Bergerak Dari Kanan ke Kiri

Untuk memperindah penampilan halaman blog anda, tidak ada salahnya jika anda juga mengikuti trik berikut ini, yaitu cara membuat judul blog bisa bergerak. Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode





<title><data:blog.pageTitle/></title>


6. Ganti kode tersebut dengan script berikut ini

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

7. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai dengan yang kita inginkan
9. Jika sudah oke, klik Simpan Template
10. Selesai

Selamat mencoba, semoga bermanfaat

December 15, 2011

Ramuan Pencegah Rambut Putih untuk Orang Muda


uban 300x205 Ramuan Pencegah Rambut Putih untuk Orang MudaRambut putih alias uban tak selalu berkaitan dengan usia, karena tak jarang pula orang yang masih muda ubanan. Jika sudah demikian, ada beberapa cara pengobatan rumah yang bisa memperlambat tumbuhnya uban.
Setiap rambut memiliki akar yang berisi struktur seperti tas kecil atau disebut dengan folikel rambut. Folikel rambut ini mengandung melanosit yang menghasilkan pigmen melanin, yang bertanggung jawab terhadap warna rambut.
Seiring berjalannya waktu, sel-sel pigmen di dalam folikel rambut akan berkurang yang membuat rambut tidak lagi memiliki melanin yang banyak. Kondisi inilah yang mengubah warna rambut menjadi abu-abu atau putih.
Jika sudah tua mengalami ubanan itu sangat wajar, tapi jika masih muda sudah ubanan maka ada cara yang bisa dilakukan untuk mencegahnya.
Beberapa faktor bahkan dapat menyebabkan uban tumbuh secara prematur meski di usia yang masih muda, antara lain seperti dilansir Lifemojo:
1. Genetik
2. Stres berlebihan, kecemasan dan ketegangan berkepanjangan
3. Penyakit seperti thypus
4. Terlalu banyak minum teh, kopi atau alkohol
5. Makan makanan yang digoreng atau berminyak
6. Makan rempah-rempah, makanan asam secara berlebihan
7. Kekurangan gizi khususnya zat tembaga yang dapat mengurangi produksi melatonin.
Apa yang bisa dilakukan untuk mengatasinya?
Ada beberapa pengobatan rumah sederhana untuk mengobati kondisi ini, seperti dilansir Lifemojo berikut ini:
1. Minum jus wortel
Minum jus wortel setiap hari dapat menjaga rambut tetap hitam dan membantu mengatasi masalah rambut beruban.
2. Jahe parut di dicampur madu
Parut jahe segar dan campurkan dengan madu yang kemudian tempatkan di dalam toples. Minum 1 sendok teh setiap hari.
3. Pijat rambut
Pijat rambut dengan minyak kelapa akan menjaga rambut panjang, hitam dan kuat. Anda juga dapat menggunakan jus lemon yang dicampur bubuk gooseberry kering untuk digunakan pada kulit kepala selama beberapa hari. Hal ini akan membantu menghitamkan rambut uban prematur secara bertahap. Pijat rambut dengan engan minyak kelapa dan air jeruk nipis setiap hari juga bisa membantu.
4. Minum susu mentega (butter milk)
Minum susu mentega dengan campuran 2 sendok teh ragi dan gandum akan mencegah dan mengobati rambut beruban prematur.
5. Menggunakan pasta bawang merah
Menerapkan pasta bawang merah ke kulit kepala selama beberapa hari sebelum mandi membantu mengubah rambut abu-abu secara bertahap menjadi hitam.
6. Makan makanan kaya protein, besi, mineral yodium, dan vitamin A dan B
Vitamin A misalnya pada sayuran hijau  dan buah-buahan kuning seperti brokoli, bayam, wortel, labu. Vitamin B pada pisang, tomat, kembang kol, sereal, hati, ginjal, yoghurt, ragi dan gandum. Protein pada biji-bijian sereal, daging dan kedelai. Mineral seperti seng, besi dan zat tembaga pada daging merah, almond dan ikan.

sumber :  http://hutantropis.com

December 12, 2011

Fakta dan Mitos Tentang Pengaruh Sinar Matahari Pada Tubuh Kita


 


Untuk masyarakat yang tinggal di daerah tropis kaya di Indonesia, berjemur merupakan hal yang tidak lazim. Yang berjemur paling-paling cuma anak bayi sama orang yang lagi sakit tulang, itupun matahari pagi. Jangan harap cewek-cewek Indonesia mau berjemur di siang bolong. Pemandangan jemur-menjemur kaya ikan asin itu paling cuma bisa kita liat di Pulau Dewata, soalnya banyak bule disitu eek atau paling deket ya di kolam renang.

Tetapi sayangnya, mau tidak mau kita juga harus berhadapan dengan paparan sinar matahari setiap harinya, kaya ke kampus naik angkot atau kerja lapangan. Nah, ternyata banyak mitos keliru tentang berjemur yang masih sering kita lakukan. Bukannya dapet sehatnya, malah dapet penyakit. Sebelum kena efek negatifnya, mending cekidot dulu deh.

Seperti dilansir dari Foxnews, Selasa (1/6/2010), berikut 7 mitos tentang berjemur di bawah sinar matahari:


1. Mitos, sering berjemur sinar matahari maka asupan vitamin D semakin banyak

Memang benar bahwa matahari memasok tubuh dengan vitamin D, tapi tidak dengan cara sering berjemur lantas vitamin D semakin banyak. Paparan ultraviolet berlebih justru berbahaya bagi tubuh.

Vitamin sinar matahari terbukti dapat memperbaiki jantung, tulang bahkan membantu mencegah kanker jenis tertentu. Namun, para pakar mengatakan bahwa paparan sinar matahari yang sehat hanya sekitar 2 sampai 10 menit sehari. Jumlah ini sudah cukup untuk memenuhi asupan vitamin dalam tubuh.

2. Mitos, berjemur dalam tanning bed (tabung UV) lebih aman



Peneliti mengatakan bahwa jumlah radiasi dari tabung UV (indoor taning) sama dan bahkan kadang lebih tinggi ketimbang radiasi dari sinar matahari alami.

Sinar matahari alami mengandung sinar UVA dan UVB. Dan tabung UV diklaim lebih aman karena hanya menghasilkan sinar UVB, padahal kedua jenis sinar UV tersebut sama-samam dapat menyebabkan melanoma (kanker kulit).

3. Mitos, di dalam air tidak menyebabkan kulit terbakar

Air tidak dapat melindungi kulit dari sengatan matahari. Refleksi cahaya di dalam air justru dapat meningkatkan paparan UV pada kulit.

4. Mitos, menggunakan make up dengan SPF (Sun Protection Factor) sudah cukup aman



Lapisan tipis SPF pada wajah tidak cukup untuk melindungi kulit ketika harus menghabiskan waktu di bawah sinar matahari.

Skin Cancer Foundation menyarankan orang untuk menggunakan pelembab tabir surya yang mengandung spektrum yang lebih luas sebelum menggunakan make up, bahkan jika make up di klaim mengandung SPF sekalipun.

Tabir surya yang berspektrum luas mengandung tabir untuk UVA dan UVB, dan sekurang-kurangnya SPF bernilai 15.


5. Mitos, orang berkulit gelap aman dari bahaya matahari dan kanker kulit

Kulit yang berwarna coklat atau gelap memang mengandung lebih banyak melanin, yaitu pigmen kulit yang lebih baik melindungi kulit dari bahaya UV. Tapi hal ini bukan berarti orang berkulit gelap 100 persen aman dari serangan kanker kulit.

6. Mitos, kulit menjadi coklat dapat melindungi kulit dari bahaya sinar matahari

Ini mungkin salah satu mitos yang paling umum dari semuanya. Kulit yang berubah coklat tidak akan melindungi kulit dari bahaya matahari, ini sebenarnya adalah reaksi kulit terhadap kerusakan terhadap sinar matahari.

Setiap kali orang berjemur untuk membuat kulit lebih coklat, maka kerusakan akan terakumulasi dan mempercepat proses penuaan. Satu-satunya cara untuk melindungi kulit dari bahaya sinar matahari adalah tabir surya dan pakaian pelindung.

7. Mitos, jika menggunakan tabir surya sebelum keluar rumah, maka ini dapat melindungi kulit seharian



Masalah umum tabir surya adalah dapat memberikan rasa aman yang palsu. Menggunakan tabir surya sekali bukan berarti dapat melindungi kulit Anda sepanjang hari.

Tabir surya perlu digunakan atau dioleskan setidaknya dua jam sekali, dan lebih sering lagi bila Anda sedang berkeringat atau berenang. Pastikan menggunakannya dengan marata, atau akan membuat kulit belang.

foxnews.com

Organ Tubuh Yang Akan Hancur Akibat Begadang


Para dokter di National Taiwan Hospital baru-baru ini mengejutkan dunia kedokteran karena ditemukannya kasus seorang dokter muda berusia 37 tahun yang selama ini sangat mempercayai hasil pemeriksaan fungsi hati (GOT,GPT), tetapi ternyata saat menjelang Hari Raya Imlek diketahui positif menderita kanker hati sepanjang 10 cm! Selama ini hampir semua orang sangat bergantung pada hasil indeks pemeriksaan fungsi hati (Liver Function Index). Mereka menganggap bila pemeriksaan menunjukkan hasil index yang normal berarti semua OK. Kesalahpahaman macam ini ternyata juga dilakukan oleh banyak dokter spesialis.
Benar-benar mengejutkan, para dokter yang seharusnya memberikan pengetahuan yang benar pada masyarakat umum, ternyata memiliki pengetahuan yang tidak benar. Pencegahan kanker hati harus dilakukan dengan cara yang benar. Tidak ada jalan lain kecuali mendeteksi dan mengobatinya sedini mungkin, demikian kata dokter Hsu Chin Chuan.
Tetapi ironisnya, ternyata dokter yang menangani kanker hati juga bisa memiliki pandangan yang salah, bahkan menyesatkan masyarakat, inilah penyebab terbesar kenapa kanker hati sulit untuk disembuhkan.
Penyebab utama kerusakan hati adalah :
  1. Tidur terlalu malam dan bangun terlalu siang adalah penyebab paling utama
  2. Tidak buang air di pagi hari
  3. Pola makan yang tidak beraturan
  4. Tidak makan pagi
  5. Terlalu banyak mengkonsumsi obat-obatan
  6. Terlalu banyak mengkonsumsi bahan pengawet, zat tambahan, zat pewarna, pemanis buatan
  7. Minyak goreng yang tidak sehat! Sedapat mungkin kurangi penggunaan minyak goreng saat menggoreng makanan hal ini juga berlaku meski menggunakan minyak goreng terbaik sekalipun seperti olive oil. Jangan mengkonsumsi makanan yang digoreng bila kita dalam kondisi penat, kecuali dalam kondisi tubuh yang fit.
  8. Mengkonsumsi masakan mentah (sangat matang) juga menambah beban hati. Sayur mayur dimakan mentah atau dimasak matang 3/ 5 bagian. Sayur yang digoreng harus dimakan habis saat itu juga, jangan disimpan.
Kita harus melakukan pencegahan dengan tanpa mengeluarkan biaya tambahan. Cukup atur gaya hidup dan pola makanan sehari-hari. Perawatan dari pola makan dan kondisi waktu sangat diperlukan agar tubuh kita dapat melakukan penyerapan dan pembuangan zat-zat yang tidak berguna sesuai dengan jadwalnya. Sebab :
  • Malam hari pk 21.00 – 23.00 : Adalah pembuangan zat-zat / beracun (de-toxin) di bagian sistem antibodi (kelenjar getah bening). Selama durasi waktu ini seharusnya dilalui dengan suasana tenang atau mendengarkan musik. Bila saat itu seorang ibu rumah tangga masih dalam kondisi yang tidak santai seperti misalnya mencuci piring atau mengawasi anak belajar, hal ini dapat berdampak negatif bagi kesehatan.
  • Malam hari pk 23.00 – dini hari pk 01.00 : Saat proses de-toxin di bagian hati, harus berlangsung dalam kondisi tidur pulas.
  • Dini hari pk 01.00 – 03.00 : Proses de-toxin di bagian empedu, juga berlangsung dalam kondisi tidur.
  • Dini hari pk 03.00 – 05.00 : De-toxin di bagian paru-paru. Sebab itu akan terjadi batuk yang hebat bagi penderita batuk selama durasi waktu ini. Karena proses pembersihan (de-toxin) telah mencapai saluran pernafasan, maka tak perlu minum obat batuk agar supaya tidak merintangi proses pembuangan kotoran.
  • Pagi pk 05.00 – 07.00 : De-toxin di bagian usus besar, harus buang air di kamar kecil.
  • Pagi pk 07.00 – 09.00 : Waktu penyerapan gizi makanan bagi usus kecil, harus makan pagi. Bagi orang yang sakit sebaiknya makan lebih pagi yaitu sebelum pk 6:30. Makan pagi sebelum pk 7:30 sangat baik bagi mereka yang ingin menjaga kesehatannya. Bagi mereka yang tidak makan pagi harap merubah kebiasaannya ini, bahkan masih lebih baik terlambat makan pagi hingga pk 9-10 daripada tidak makan sama sekali.
Tidur terlalu malam dan bangun terlalu siang akan mengacaukan proses pembuangan zat-zat tidak berguna. Selain itu, dari tengah malam hingga pukul 04.00 dini hari adalah waktu bagi sumsum tulang belakang untuk memproduksi darah.

http://synerbiz.net/info-kesehatan/organ-tubuh-yang-akan-hancur-akibat-begadang/

December 11, 2011

12 Tragedi Mematikan Akibat Ambruknya Jembatan Besar

Mendengar berita runtuhnya Jembatan terpanjang di Kalimantan, Jembatan Kutai Kartanegara, yang berdiri di atas Sungai Mahakam, yang menghubungkan Tenggarong dengan Tenggarong seberang beberapa hari kemarin ternyata bukan satu-satunya didunia. Ada 11 yang kami rangkum disini peristiwa mengerikan runtuhnya jembatan jembatan besar dunia sepanjang sejarah.
11 tragedi mengerikan jembatan runtuh sepanjang sejarah: 

1. Ashtabula River Railroad 




Juga disebut Horor Ashtabula, adalah bencana kereta api terburuk dalam sejarah Amerika ketika terjadi di Ohio timur laut jauh pada 29 Desember 1876 pada 07:28 Sebagai Express Pasifik dibajak melalui salju dan menyeberangi jembatan di atas Ashtabula Sungai, sekitar 100 meter dari stasiun kereta api di Ashtabula, Ohio, para penumpang mendengar bunyi berderak mengerikan. 
Hanya dalam hitungan detik, jembatan patah terjun 70 meter ke dalam jurang berair. Lokomotif 1 berhasil menyeberang jembatan, sedangkan lokomotif kedua dan 11 railcars termasuk didalamnya dua mobil express, dua mobil box, satu mobil asap, dua mobil penumpang dan tiga gerbong tukang rem mobil yang tidur dan jatuh ke dalam jurang di bawahnya, kemudian menimbulkan api yang mengamuk . Dari 159 penumpang dan awak pesawat malam itu, 64 orang terluka dan 92 tewas seketika atau meninggal kemudian.Dari luka yang diderita dalam kecelakaan itu (48 dari mereka yang tewas itu tidak dikenali karena terbakar.) 

2.Jembatan Tay, Skotlandia



Tay Bridge dibangun pada abad ke-19 oleh insinyur kereta api Thomas Bouch, yang menerima gelar knighthood setelah selesai jembatan. Ini menghubungkan dua kota kecil di Skotlandia. Ulysses S. Grant sebenarnya berkomentar bahwa itu adalah "sebuah jembatan besar untuk sebuah kota kecil." 
sekitar 07:15 malam terjadi badai tanggal 28 Desember 1879, navigasi bentang utama Jembatan Tay runtuh ke Firth of Tay di Dundee, dengan membawa kereta,6 gerbong dan 75 jiwa . Penyidik ​​cepat menentukan bahwa kolom besi cor silinder mendukung 13 bentang jembatan, masing-masing dengan panjang 245 kaki , mempunyai kualitas yang buruk. 

3. Jembatan Silver , Sungai Ohio 
Silver Bridge adalah jembatan gantung rantai eyebar dibangun pada tahun 1928 dan diberi nama silver karena warna cat dari jembatan itu. Jembatan menghubungkan Point Pleasant, West Virginia dan Kanauga, Ohio (dekat Gallipolis, Ohio) di atas Sungai Ohio. Pada tanggal 15 Desember 1967, Jembatan Perak ambruk pada saat jam sibuk lalu lintas , mengakibatkan kematian 46 orang. Investigasi dari reruntuhan menunjukan bahwa penyebab runtuhnya karena cacat kecil, dari satu mata rantai bar di suspensi. Peristiwa aneh telah menjadi tanda di daerah tersebut selama beberapa bulan sebelum keruntuhan, termasuk penampakan dari "Mothman," menyebabkan populernya buku Mothman 1975 oleh John A. Keel. Tahun 2002 yang diklaim "berdasarkan kisah nyata" , juga telah dibuatkan versi filemnya dengan judul yang sama

4. Jembatan Sunshine Skyway



dua jalur jembatan selesai pada tahun 1954. Rentang selatan (yang dibangun pada tahun 1969) telah dihancurkan pada 9 Mei 1980, ketika kapal barang Venture KTT SS bertabrakan dengan kolom penyangga selama badai.Tabrakan itu menyebabkan enam mobil dan bus Greyhound jatuh sedalam 150 meter, menewaskan 35 orang. 
Seorang pria selamat ,Wesley MacIntire, saat musim gugur ketika truk pickup-nya mendarat di geladak Venture KTT sebelum jatuh ke teluk. Dia menggugat perusahaan pemilik kapal, dan menetapkan tuntutan sebesar $ 175.000 pada tahun 1984. Dia selalu menyesal menjadi satu-satunya yang bertahan hidup,dia meninggal pada tahun 1989. Hari ini, Sunshine Skyway Bridge, Florida's Tampa Bay merupakan jembatan terpanjang di dunia dengan rentang kabel tetap utama dengan panjang 29.040 meter 

5.Jembatan Schoharie Creek ,NY 



Schoharie Creek di New York mengalir dari kaki Indian Head di Pegunungan Catskill ke Sungai Mohawk. Pada pagi 5 April 1987, setelah 30 tahun dua bentang dari New York State jalan raya untuk lalu lintas cepat jembatan di atas Sungai Schoharie runtuh. Lima kendaraan jatuh ke sungai banjir, menewaskan sepuluh penumpang. 

6. Jembatan Sungai Hatchie , Covington, Tenn 
Musim dingin dari 1988-89 adalah satu sangat basah, dengan Sungai Hatchie mengalir pada tingkat banjir dari November 1988 hingga April 1989. Pada tanggal 1 April 1989, sebuah bagian 85-ft (26 m) dari (jembatan asli) jalur utara runtuh setelah dua bents tumpukan gagal dan menjatuhkan tiga jembatan bentang lebih dari 20 ft (6,1 m) ke sungai. Empat mobil dan sebuah trailer traktor jatuh ke dalam kesenjangan dan semua delapan penumpang kendaraan meninggal.


7. Queen Isabella Causeway, Texas 



Pada pagi hari tanggal 15 Mei 2001, empat tongkang muatan menabrak salah satu dari kolom mendukung Ratu Isabella Causeway itu. Tiga 80-kaki bagian jembatan jatuh ke dalam air, meninggalkan celah besar di jalan. Bagian runtuh itu persis di samping titik tertinggi dari jalan lintas, sehingga sulit bagi pengemudi mendekati untuk melihat. Delapan orang tewas saat mobil mereka jatuh 85 kaki ke dalam air. Lima kendaraan keluar dari air bersama tiga korban. Keruntuhan memiliki dampak ekonomi yang signifikan pada wilayah sejak Causeway adalah satu-satunya jalan yang menghubungkan pulau ke daratan. 

8.Bridge over I-40 di timur Oklahoma 



Bagian 500-kaki jembatan ambruk pada Mei 2002 pukul 7:30 ketika tongkang di utara sungai itu menghantam sebuah tiang. Kendaraan penumpang setidaknya ada sembilan dan traktor-trailer jatuh 60 meter ke Sungai Arkansas di bawahnya.
Tujuh orang tewas dalam tragedi yang mengerikan itu. Seorang pengemudi truk yang traktor-trailernya terjun ke sungai itu mengatakan dia melakukan sesuatu yang tidak biasa yang mungkin menyelamatkan hidupnya. Rodney Tidwell berkata, "Aku punya sabuk pengaman ini untuk pertama kalinya."

9. Jembatan Arroyo Pasajero , California 
Pada malam 10 Maret, 1995 soggy selatan California dekat Coalinga, jembatan kembar Carrier Interstate 5 Pasajero Arroyo runtuh, menewaskan tujuh orang. Arroyo yang berpasir, dan biasanya kering, itu tidak kuat menahan banjir yang deras, yang menggerus sekitar fondasi jembatan yang menjadi penyebab keruntuhan jembatan ini. 


10. Jembatan Minneapolis 
Sebanyak 50 kendaraan yang terjebak dalam reruntuhan keruntuhan jembatan antarnegara. Lima orang dikonfirmasi tewas (diperkirakan akan meningkat), dan pejabat mengatakan sedikitnya 62 orang terluka ketika Interstate 35W jembatan di atas Sungai Mississippi runtuh selama hari Rabu malam jam-jam sibuk di Minneapolis. Dua puluh sampai 30 orang hilang. 

11.Jembatan Koror-Babeldaob



Jembatan Koror-Babeldaob (KB Bridge) adalah jembatan sepanjang 790 kaki  yang menghubungkan dua pulau. Dibangun dengan menggunakan metode kantilever pada akhir tahun 1970. Konstruksi sosial telah menawarkan untuk membangun jembatan pada setengah biaya dari perusahaan yang terbukti kompetitif. 
Daya tahan jembatan masih dipertanyakan dan warga mengambil langkah keselamatan sendiri seperti mengemudi perlahan di atasnya atau menjaga jendela terbuka sehingga memberikan pintu darurat jika ada kasus keruntuhan.Setelah 18 tahun jembatan runtuh tiba-tiba dan serempak pada tanggal 26 September 1996 dan mematikan suplai air tawar dan listrik antara pulau. Selain itu, keruntuhan menewaskan dua orang dan melukai 4 lagi. 


12. Jembatan Tacoma Narrows , 
runtuh pada tanggal 7 November 1940. Tidak ada korban meninggal dalam runtuhnya jembatan tsb, akan tetapi menarik perhatian luas pada saat itu. Kegagalan jembatan terjadi ketika mode memutar yang sebelumnya pernah diketahui terjadi dari angin ringan pada 40mph.
Penghancuran jembatan Spektakuler sering digunakan sebagai sebuah obyek pelajaran untuk mempertimbangkan baik atau tidaknya aerodinamis dan efek resonansi dalam rekayasa struktural dan sipil.