cek

Cek

Cek

Made by Galleria.

<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
  var TabView = document.getElementById(TabViewId);
  // ----- Tabs -----
  var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
  var Tab = Tabs.firstChild;
  var i   = 0;
  do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className = (i == id) ? "Active" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);
  // ----- Pages -----
  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;
  var Page = Pages.firstChild;
  var i    = 0;
  do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
//]]>
</script>

Membuat Menu Horizontal di Blog

Seperti janji saya pada postingan sebelumnya, saya akan melanjutkan cara memodifikasi menu navigasi horisontal. Saat ini saya memang lagi seneng mengutak-atik template untuk memodifikasi menu horisontal yang ada di blog saya. Tampilan blog yang menarik dan dinamis akan membuat pengunjung lebih betah. Di samping itu kita punya kepuasan sendiri, dari tampilan blog sederhana menjadi tampilan yang kita inginkan. Kali ini saya akan berbagi mengenai cara membuat menu horisontal animasi, silahkan anda menuju kesini untuk melihat contohnya (menu navigasi baris kedua).

Saya tidak akan berpanjang lebar karena sudah ngantuk banget nih, langsung saja perhatikan langkah-langkahnya di bawah ini :

1. Login ke blogger dengan akun anda 
2. Kemudian pada dasbor  klik Rancangan >> Edit HTML 
3. Tambahkan kode CSS berikut diatas tag  ]]></b:skin>:
   
   
   .animatedtabs{
   border-bottom: 1px solid gray;
   overflow: hidden;
   width: 100%;
   font-size: 14px; /*font of menu text*/
   }
   .animatedtabs ul{
   list-style-type: none;
   margin: 0;
   margin-left: 10px; /*offset of first tab relative to page left edge*/
   padding: 0;
   }
   .animatedtabs li{
   float: left;
   margin: 0;
   padding: 0;
   }
   .animatedtabs a{
   float: left;
   position: relative;
   top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvpBYAXYcykNq59eU7WuI0lIipXCH9PW6FWdGhaOIj8dsW1vQTfCq-rlxtMmLXRzVlGS15HTRJALjcVBmK5oeRDmDBvLKadOuARqUSftqCo_8O1HyLIZH6C2yOvjzb-kDl4v6voFFduFU/s320/tab-blue-left.gif) no-repeat left top;
   margin: 0;
   margin-right: 3px; /*Spacing between each tab*/
   padding: 0 0 0 9px;
   text-decoration: none;
   }
   .animatedtabs a span{
   float: left;
   position: relative;
   display: block;
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsiacck7gluPq0zAksYpyR9vhp_D7mYOZ064m-N8U75qfdTjOXd_ZPOmgcg_SzJCdVoifB0DQbJdLffeqifMmdyEX0T0MjCUVww7rfFJvCsi4-KPlYInV5nzplQGToW8uV4AZBpDe7lk/s320/tab-blue-right.gif) no-repeat right top;
   padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
   font-weight: bold;
   color: black;
   }
   /* Commented Backslash Hack hides rule from IE5-Mac \*/
   .animatedtabs a span {float:none;}
   /* End IE5-Mac hack */
   .animatedtabs .selected a{
   background-position: 0 -125px;
   top: 0;
   }
   .animatedtabs .selected a span{
   background-position: 100% -125px;
   color: black;
   padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
   top: 0;
   }
   .animatedtabs a:hover{
   background-position: 0% -125px;
   top: 0;
   }
   .animatedtabs a:hover span{
   background-position: 100% -125px;
   padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
   top: 0;
   }
   
   
4. Tambahkan kode HTML berikut diatas atau dibawah <div id='header-wrapper'> atau bisa juga anda tambahkan pada bagian elemen halaman sebagai widget
   
   
   <div class='animatedtabs'>
   <ul>
   <li><a href='http://creatingwebsite-maskolis.blogspot.com' title='Home'><span>Home</span></a></li>
   <li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/tutorial blog' title='tutorial blog'><span>Tutorial Blog</span></a></li>
   <li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/SEO' title='SEO'><span>SEO</span></a></li>
   <li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/wordpress' title='wordpress'><span>Wordpress</span></a></li>
   <li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/affiliate' title='affiliate'><span>Affiliate</span></a></li>
   <li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/hosting' title='hosting'><span>Hosting</span></a></li>
   </ul>
   </div>
5. Simpan template dan lihat hasilnya.

Sri Mulyani Wanita Paling Berpengaruh Dunia ke-72

TEMPO.CO, New York - Mantan Menteri Keuangan RI Sri Mulyani masuk dalam daftar 100 wanita paling berpengaruh di dunia versi majalah Forbes, Kamis, 23 Agustus 2012. Direktur Operasional Bank Dunia ini menjadi wanita paling berpengaruh nomor 72.

Forbes menganggap Sri Mulyani sebagai sosok yang berpengaruh karena berhasil membenahi sistem fiskal di Indonesia. Adapun hal itu dilakukan Sri saat menjabat sebagai Menteri Keuangan Indonesia selama periode 2005-2010.

Kanselir Jerman Angela Merkel terpilih menjadi wanita paling berpengaruh di dunia nomor satu. Ini adalah kali keduanya sang kanselir menjadi wanita paling berpengaruh di dunia.

»Wanita-wanita berkuasa ini memberikan pengaruhnya dengan berbagai cara untuk berbagai tujuan, dan semua menghasilkan dampak berbeda bagi komunitas global,” kata Moira Forbes, Presiden dan penerbit Forbes Woman.

Daftar wanita paling berpengaruh versi Forbes ini meliputi 100 wanita dari 28 negara yang rata-rata berusia 55 tahun. Di antaranya terdapat 25 CEO perusahaan yang menghasilkan pendapatan US$ 984 Milyar.

Forbes menyusun peringkat para wanita terkenal, mulai dari pengambil kebijakan, pebisnis, dan selebritis, berdasarkan tingkat pengaruh, kekayaan, dan pemberitaan di media.

Sumber