50 minumanterenak dunia

Inilah 50 Minuman Paling Enak didunia

Minuman Terenak di Dunia Minuman Terlezat di Dunia Setelah rendang yang masuk daftar makanan terenak, kini giliran cendol masuk ke dalam daftar minuman terenak di dunia. Minuman ini berada pada posisi 45 dari 50 jenis minuman terfavorit, berdasar survei terbaru CNN di situs jejaring sosial. Es kelapa muda bahkan berada di urutan nomer 19 sebagai minuman enak, mengalahkan bubble tea (Taiwan), chocolate milkshake (Amerika Serikat). Es kelapa muda ditulis sebagai minuman tradisional asal Indonesia yang cukup populer di kalangan anak muda. Rasanya segar dan alami.
Berikut daftar 50 minuman terenak di dunia berdasar hasil survei tersebut
1. Air putih (Global)
2. Coca-Cola (Amerika Serikat)
3. Kopi (Ethiopia)
4. Bir (Global)
5. Teh (Global)
6. Air mata kucing (Malaysia)
7. Orange juice (Amerika Serikat)
8. Red wine (Global)
9. Gin and tonic (Inggris)
10. Hot chocolate with marshmallow (Amerika Serikat)
11. Sangria (Spanyol)
12. Watermelon cucumber punch (Global)
13. Kool-Aid (Amerika Serikat)
14. Pastis (Prancis)
15. Sake (Jepang)
16. Anything from a hotel mini-bar (Global)
17. Lemonade (Mesir)
18. White wine (Global)
19. Es kelapa muda, Indonesia
20. Sex on the beach (Amerika Serikat)
21. Eggnog (Inggris)
22. Gatorade (Amerika Serikat)
23. Susu (Global)
24. Raki (Turki)
25. Bubble tea (Taiwan)
26. Irish car bomb (Amerika Serikat)
27. Thai iced tea (Thailand)
28. Chocolate milkshake (Amerika Serikat)
29. Caipirinha (Brasil)
30. Sparkling water (Global)
31. Tequila (Meksiko)
32. Baileys Original Irish Cream (Irlandia)
33. Carrot juice (Global)
34. Champagne (Prancis)
35. Yerba Mate (Amerika Selatan)
36. Martini (Amerika Serikat)
37. Cider (Inggris)
38. Mojito (Kuba)
39. Scotch whisky (Skotlandia)
40. Air kelapa (Global)
41. Raksi (Nepal)
42. Shikuwasa juice (Jepang)
43. Fanta (Jerman)
44. Sujeonggwa (Korea)
45. Cendol (Indonesia)
46. Pina colada (Puerto Rico)
47. Guinness (Irlandia)
48. Yakult (Jepang)
49. Red Bull (Austria)
50. Mango lassi (India)
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Membuat Navigasi Halaman (seperti punya google)

. Sebelumnya sobat pastinya sudah tahu kan kayak apa navigasi halaman punya mbah google itu,
Nah klo sobat mungkin ingin membuat navigasi halaman sobat seperti punya si mbah, nih saya punya triknya sob.


OK langsung saja ya sob.
Cara Membuat Navigasi Halaman (seperti punya google)
1. login blogger
2. buka rancangan >> edit HTML
3. cari kode ]]>
4. lalu taruh kode dibawah ini tepat diatas kode ]]>

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrApppycuK1aDV-gIaQWO_Jh6yBk9Rdz8eA5cIOb5GcSMkk53Wfy-f0oTeK5gevUbA-VczhAtDXmcZrMLf8VXnMbXvaw1Q84yuWrP3fFL0byFdmQfo5EomOohao17JxZX8lI0FNITyrzmx/s1600/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

5. lalu cari kode
6. taruh kode dibawah ini tepat diatas kode





7. simpan dan lihat hasilnya.

Buseeeeetttt panjang banyak yahh kodenya.... hahahahaha daripada nanti ada yang komentar gt, jadi saya komentarin dlu nih... wkwkwkwkwkwk
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS





































































































































































































Kode warna yang terpilih :

HTML Color Code by: Danu Artha Putra M

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

4 Bunga Terunik di Dunia

Posted by Ipenk Oktober- 25- undefined 0 komentar
Iklan Bunga - Mau tahu bunga paling unik di dunia,simak liputan berikut ya

1. Rafflesia Arnoldi


Spoiler:





Tanaman parasit ini memiliki kelopak terbesar di dunia, yang dapat mencapai garis tengah 1 meter. Bunga ini berwarna cerah, dengan bintik bintik putih.


Bau bunga ini busuk dan memiliki bagian tengah seperti mangkuk yang mampu menampung sekitar 5-6 liter cairan. Bunga ini tidak memiliki daun, batang atau akar sama sekali. Hanya tumbuh menumpang di akar pohon inangnya. Bunga ini ternyata native Indonesia lho!


2. Dracunculus Vulgaris




Spoiler:




Bunga yang biasanya tampil dengan bau harum, kali ini berbeda sekali. Baunya seperti daging yang busuk terendam di air, dengan bagian tengah bunga yang berwarna hitam keunguan, yang dikelilingi oleh kelopak berwarna kemerahan.



3. Amorphophallus


Spoiler:



Secara harfiah, arti dari kata ini adalah "***** tanpa bentuk". Nama ini berasal dari bagian spadix (bagian tengah bunga) yang tampil seperti bentuk ***** yang tegak berdiri.



4. Hydnora Africana


Spoiler:





Bunga dengan warna kulit ini adalah tanaman parasit yang akan menyerang akar tanaman semak di daerah kering di padang pasir Afrika Selatan.
Bunga yang mekar dengan bau menyengat ini memang bertujuan untuk menarik serangga, terutama kumbang yang biasanya memakan bangkai hewan busuk.

Sumber

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot

Horizontal Menu: Pure CSS 3D Button Effect for Blogger

Menu/navigasi horizontal Blogger/Blogspot ini juga dibuat dengan HTML dan CSS murni tanpa sentuhan javascript maupun jquery., sama seperti menu/navigasi horizontal sebelumnya. Cara membuat dan memasangnya pun sangat sederhana dan tanpa mengedit template HTML, karena aturan CSS saya buat menyatu dengan HTML nya.

Cara membuat/memasang widget horizontal menu/mavigation 3d button Blogger/Blogspot:
1. Copy dan edit kode di bawah ini:
Kode:



- Ganti # dengan url yang ingin anda pasang di menu, misalnya url homepage, daftar isi, label, dan lain-lain.
- Ganti Link 1, Link 2, Link 3, dan seterusnya dengan nama menu/anchor text sesuai dengan yang anda inginkan, misalnya Home, Daftar Isi, Tips, dan seterusnya.
- Jika ingin menambah/menghapus daftar menu, tambahkan/hapus baris:


  • Link



  • sebelum .

    2. Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget

    3. Setelah pop up window muncul, pilih opsi HTML/Javascript

    4. Kemudian masukkan Kode yang sudah diedit tersebut ke kolom configure HTML/Javascript.


    7. Klik save.
    8. Drag/geser widget menu horizontal tersebut ke bawah/atas header (letakkan pada slot gadget).
    9. Save lagi.
    10. Done! menu/navigasi horizontal Blog Blogger anda siap digunakan.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    Membuat Tab Menu

    Untuk menghemat tempat, tab view menu sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobat blogger pada kolom shout box beberapa minggu yang lalu tentang bagaimana cara membuat menu yang bisa memuat banyak judul, mungkin menu tab view ini yang dimaksud ya.



    Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik – baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.



    Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Karena jika tidak mengerti akan jadi berantakan atau terlihat jelek. Oke sob, sudah mengerti toh…mantaabbbbb kita langsung ke TKP.Hot



    1. Silahkan login ke blogger dengan ID sobat tentunya.


    2. Tuju Tata Letak.


    3. Klik Edit HTML.


    4. Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.


    5. Kemudian letakkan kode javascript berikut sebelum kode






    6. Setelah itu letakkan kode berikut di atas kode ]]>



    div.TabView div.Tabs
    {
    height: 30px;
    overflow: hidden;
    }
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 98px; /* Lebar Menu Utama Atas */

    text-align: center;
    height: 30px; /* Tinggi Menu Utama Atas */
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #BDBDBD; /* Warna border Menu Atas */
    border-bottom-width: 0;
    text-decoration: none;
    font-family: "Verdana", Serif; /* Font Menu Utama Atas */
    font-weight: bold;
    color: #000; /* Warna Font Menu Utama Atas */
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #E6E6E6; /* Warna background Menu Utama Atas */
    * }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
    overflow: hidden;
    background-color: #E6E6E6; /* Warna background Kotak Utama */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }


    7. Kemudian Simpan Template.


    8. Langkah selanjutnya, silahkan sobat klik Tata Letak.


    9. Klik Elemen Halaman dan tambahkan Gadget.


    10. Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya.




    Tab 1.1

    Tab 1.2

    Tab 1.3


    Tab 2.1

    Tab 2.2

    Tab 2.3


    Tab 3.1

    Tab 3.2

    Tab 3.3






    11. Kemudian Simpan.


    Keterangan :

    * Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.


    * Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.


    * Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

    Oke sobat, selamat mencoba. smile_teeth
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    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/AVvXsEhjMupqM8zel7dARf5iGbDEAdoJypojsEq4Uk0vddAmLD3qhQ5dpsZnRRrThf7kYIDEJbOtaEPC3UHz-M_DhpA1-YxsfrX3nF6xpXootBVMyGNnON9Pe18G530tvBqK2eH2Yl2BkdLuy6Mg/');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/AVvXsEjmQtdb1T8rgbd55ionBW_ylg_dXH9K8bGREpnS0jEsv01fXhqf_3PVhmYmLOjvJ2wNNovkoE8Nt3dre0siOH38nL-gPZBVK7NSgN4N8undchvuR3jSwEntu0Ce-DyexFtsRTyRSAOKtSY6/');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.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    MEMBUAT MENU MELAYANG DI BAGIAN KIRI BLOG


    Menampilkan menu melayang merupakan usaha peblogger untuk menghemat ruang blog, terutama yang isi dari blog sudah sangat banyak, baik label maupun post.
    Menu melayang ini dapat kita tampilkan di bagian kiri maupun di bagian kanan blog, tinggal anda memilih mana yang lebih cocok untuk blog anda.
    Script dibawah ini dibuat untuk tampilan dibagian kiri blog. Anda tinggal mengubah sedikit kode untuk menampilkan di sebelah kanan blog.
    Ikuti langkah-langkahnya....
    LANGKAH PERTAMA
    1. Masuk ke Blogger dengan ID anda.
    2. Pilih Rancangan kemudian klik Edit HTML.
    3. Back up template dulu, kalau takut gagal.
    4. Cari kode ini : </head> pada template anda.
    5. Copy Seluruh kode dibawah ini, kemudian paste tepat diatas kode tadi :


      <script src='https://sites.google.com/site/epgstudiosite/javascript/floating1.js' type='text/javascript'/>
      <script>
      YOffset=150;
      XOffset=0;
      staticYOffset=30;
      slideSpeed=20
      waitTime=100;
      menuBGColor=&quot;red&quot;;
      menuIsStatic=&quot;yes&quot;;
      menuWidth=150;
      menuCols=2;
      hdrFontFamily=&quot;verdana&quot;;
      hdrFontSize=&quot;2&quot;;
      hdrFontColor=&quot;black&quot;;
      hdrBGColor=&quot;#FF0000&quot;;
      hdrAlign=&quot;left&quot;;
      hdrVAlign=&quot;center&quot;;
      hdrHeight=&quot;15&quot;;
      linkFontFamily=&quot;Verdana&quot;;
      linkFontSize=&quot;2&quot;;
      linkBGColor=&quot;white&quot;;
      linkOverBGColor=&quot;#FFFF99&quot;;
      linkTarget=&quot;_top&quot;;
      linkAlign=&quot;Left&quot;;
      barBGColor=&quot;red&quot;;
      barFontFamily=&quot;Verdana&quot;;
      barFontSize=&quot;2&quot;;
      barFontColor=&quot;white&quot;;
      barVAlign=&quot;center&quot;;
      barWidth=20; // no quotes!!
      barText=&quot;TUTORIAL BLOGGER&quot;;


      // ----- Masukkan menu blog anda dibawah ini
      ssmItems[0]=[&quot;LABEL&quot;] //Header Menu
      ssmItems[1]=[&quot;Beranda&quot;, &quot;/&quot;, &quot;&quot;]
      ssmItems[2]=[&quot;Postingan Artikel&quot;, &quot;http://epg-studio.blogspot.com/search/label/POSTINGAN%20ARTIKEL&quot;,&quot;&quot;]
      ssmItems[3]=[&quot;Pengaturan Image&quot;, &quot;http://epg-studio.blogspot.com/search/label/PENGATURAN%20IMAGE&quot;,&quot;&quot;]
      ssmItems[4]=[&quot;Elemen Halaman&quot;, &quot;http://epg-studio.blogspot.com/search/label/ELEMEN%20HALAMAN&quot;,&quot;&quot;]
      ssmItems[5]=[&quot;Asesoris Blog&quot;, &quot;http://epg-studio.blogspot.com/search/label/AKSESORIS%20BLOG&quot;, &quot;_new&quot;]
      ssmItems[6]=[&quot; Komentar&quot;, &quot;http://epg-studio.blogspot.com/search/label/KOMENTAR&quot;, &quot;&quot;]
      ssmItems[7]=[&quot;Fasilitas Chat&quot;, &quot;http://epg-studio.blogspot.com/search/label/FASILITAS%20CHAT&quot;, &quot;&quot;]
      ssmItems[7]=[&quot;Fasilitas Chat&quot;, &quot;http://epg-studio.blogspot.com/search/label/FASILITAS%20CHAT&quot;, &quot;&quot;]
      buildMenu();
      //----- Selesai mengedit menu
      </script>
    6. Klik tombol Simpan Template

    Read more: http://epg-studio.blogspot.com/2009/07/membuat-menu-melayang-di-bagian-kiri.html#ixzz1gaGCv2Ew
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    Cara Meletakkan Shoutbox di sebelah kii

    <!– Start Ajax Popup Shoutbox by Mamat –>
    <script type=”text/javascript” src=”http://code.jquery.com/jquery-latest.pack.js”></script>

    <script>
    $(document).ready(function() {
    //select all the a tag with name equal to modal

    $(‘a[name=modal]‘).click(function(e) {

    //Cancel the link behavior

    e.preventDefault();

    //Get the A tag

    var id = $(this).attr(‘href’);

    //Get the screen height and width

    var maskHeight = $(document).height();

    var maskWidth = $(window).width();

    //Set heigth and width to mask to fill up the whole screen

    $(‘#mask’).css({‘width’:maskWidth,’height’:maskHeight});

    //transition effect

    $(‘#mask’).fadeIn(1000);

    $(‘#mask’).fadeTo(“slow”,0.8);

    //Get the window height and width

    var winH = $(window).height();

    var winW = $(window).width();

    //Set the popup window to center

    $(id).css(‘top’, winH/2-$(id).height()/2);

    $(id).css(‘left’, winW/2-$(id).width()/2);

    //transition effect

    $(id).fadeIn(2000);

    });

    //if close button is clicked

    $(‘.window .close’).click(function (e) {

    //Cancel the link behavior

    e.preventDefault();

    $(‘#mask’).hide();

    $(‘.window’).hide();

    });

    //if mask is clicked

    $(‘#mask’).click(function () {

    $(this).hide();

    $(‘.window’).hide();

    });

    });
    </script>

    <style>
    img { border: none; }
    #mask {

    position:absolute;

    left:0;

    top:0;

    z-index:9000;

    background-color:#000;

    display:none;

    }

    #boxes .window {

    position:fixed;

    left:0;

    top:0;

    width:440px;

    height:200px;

    display:none;

    z-index:9999;

    padding:20px;

    }
    #boxes #sitishoutbox {

    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCDJ4XABRWphdzc-GHya32FMbRRnmWeEBx4i_lWtjW0PFi1d7j9aVPgNLOa8YiFNVJuz2XdpREECDqYuuvE68gs0BljS3B5AcJvGR0Enqc2Ak6q7t-PSWu3DfbXkPNKRY7eDZe7gsWAa0/s1600/pink.PNG) no-repeat 0 0 transparent;

    width:272px;

    height:460px;

    padding:56px 0 20px 5px;

    }
    #closesb {

    padding:2px 0 0 0;

    }
    #author {

    padding:8px 0 0 168px;

    }
    </style>

    <ul><center> <a href=”#sitishoutbox” name=”modal”><img src=”http://i1039.photobucket.com/albums/a472/mijie88/Fail%20Blogspot/shoutboxtab.png” border=”0″ width=”158″ height=”58″ /></a> </center> </ul>

    <div id=”boxes”>

    <!– Start Shoutbox –>

    <div id=”sitishoutbox” class=”window”>

    <!– Begin ShoutMix – http://www.shoutmix.com –>
    MASUKKAN KOD SHOUTMIX ANDA
    <!– End ShoutMix –>

    <div id=”author”><a target=”blank” href=”http://lurvemyblog.blogspot.com/2010/12/tutorial-membuat-shoutbox-versi-ajax.html”/><img src=”http://img.photobucket.com/albums/v486/mafiatrg/linky.png” /></a>

    </div><div id=”closesb”><input type=”button” value=”Close” class=”close” />

    </div></div><!– End of Ajax Shoutbox –>
    <!– Mask to cover the whole screen –>

    <div id=”mask”></div></div>

    <!– End of Ajax Popup Shoutbox by Mamat –>
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    Membuat Menu Navigasi Horizontal Drop Down Versi III

     Dahulu kang salman pernah mengulas 2 buah tutorial serupa cara membuat navigasu menu drop down.
    Nah pada kesempatan kali ini kang salman akan sedikit mengulas bagaimana cara membuat menu navigasi horizantal dorpdown versi III
    Demo yang akan buat nanti seperti menu navigasi pada gambar berikut:


    Bila terarik dapat membuatnya dengan mengikuti langkah-langkah di bwah ini :
    1. Login Blogger > Rancangan > Edit HTML
    Copy kode dibawah ini dan taruh di atas kode mirip ]]></b:skin>
    /* Menu Horizontal Dropdown */
    #menuwrapperpic {background:#000 ;width:980px;margin:0 auto;padding:0 auto;}
    #menuwrapper {width:970px;margin:0 auto;height:34px;}
    .clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
    #menubar {width:100%;}
    #menubar, #menubar ul {padding: 0;margin: 0;list-style: none;font-family:'Arial', serif;}
    #menubar a {display: block;text-decoration: none;padding: 9px 10px 8px 10px;font:bold 13px/15px Arial,serif; text-decoration:none;color: #fff;border-right:1px solid #444}
    #menubar a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Bu3MYiIMtiMBVUl2ZEBhm_K54VqXjzLFtZ0AbZuBhyTxaZjbost3_mGEOC7ZD1fQEuBTtjzSjnbz2b2yWVGFr_8RmDoIeksMQEcYNRMXHFCwSbxVHo5AShmn_38-TZh2uQ7mKtyNINoo/s1600/arrow_black_bottom.gif);background-repeat: no-repeat;background-position: right center; padding: 9px 20px 8px 10px;}
    #menubar li {float: left;position: relative;}
    /* hide from IE mac \*/
    #menubar li {position: static; width: auto;}
    /* end hiding from IE5 mac */
    #menubar li ul, #menubar ul li {width:170px;}
    #menubar ul li a  {text-align:left;color: #fff;padding: 8px 13px;font-size: 13px;font-weight:normal;text-transform:none;font-family:Arial;border:1px solid #444;}
    #menubar li ul {z-index:100;position: absolute;display: none;background:#000;}
    #menubar li ul {-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0  rgba(0, 0, 0, 0.6);}
    #menubar li:hover a, #menubar a:active, #menubar a:focus, #menubar li.hvr a{background-color:#fff;color: #004276;text-decoration:underline;}
    #menubar li:hover ul, #menubar li.hvr ul {display: block;}
    #menubar li:hover ul a, #menubar li.hvr ul a {color: #edfdfd;background-color:transparent;text-decoration:none;}
    #menubar li ul li.hr { display:block; font-size: 1px; height: 0px; line-height: 0px; margin:0px 0; }
    #menubar ul a:hover {background-color: #fff!important;color: #004276 !important;text-decoration:none;}
    #menubar li.selected a, #menubar li.selected a:visited {border-right:1px solid #444}
    #menubar li.selected a:hover {background:none;color:#F7D528;}

    Berikutnya silakan cari kode </head>, lalu taruh kode di bwah ini tepat di atas </head>
    <!-- Menu Horizontal -->
    <script type='text/javascript'>
    //<![CDATA[
    function Menubar(){ //v1.1.0.2 by PVII-www.projectseven.com
     if(navigator.appVersion.indexOf("MSIE")==-1){return;}
     var i,k,g,lg,r=/\s*hvr/,nn='',c,cs='hvr',bv='menubar';
     for(i=0;i<10;i++){g=document.getElementById(bv+nn);if(g){
     lg=g.getElementsByTagName("LI");if(lg){for(k=0;k<lg.length;k++){
     lg[k].onmouseover=function(){c=this.className;cl=(c)?c+' '+cs:cs;
     this.className=cl;};lg[k].onmouseout=function(){c=this.className;
     this.className=(c)?c.replace(r,''):'';};}}}nn=i+1;}}
    //]]>
    </script>
    <!--[if lte IE 7]> <style> #menuwrapper, #menubar ul a {height: 1%;} a:active {width: auto;} </style> <![endif]--> 
    Setelah selesai kita akan menambahkan dan memunculkan navigasinya. Caranya dengan menaruh kode ini di bawah <body>
    <div id='menuwrapperpic'>
    <div id='menuwrapper'>
    <ul id='menubar'>
    <li class='selected'><a href='/'>Home</a></li>
    <li><a href='#'>Peristiwa</a></li>
    <li'><a href='#'>Hiburan</a></li>
    <li><a href='#'>Sport</a>
    <ul>
    <li><a href='#'>Bola</a></li>
    <li><a href='#'>Moto GP</a></li>
    <li><a href='#'>F1</a></li>
    </ul>
    </li>
    <li><a href='#'>Politik</a></li>
    <li><a href='#'>Hukum</a></li>
    <li><a href='#'>Kesehatan</a></li>
    <li><a href='#'>Tekno</a></li>
    <li><a href='#'>Tutorial</a>
    <ul>
    <li><a href='#'>Menu1</a></li>
    <li><a href='#'>Menu2</a></li>
    <li><a href='#'>Menu3</a></li>
    <li><a href='#'>Menu4</a></li>
    </ul>
    </li>
    <li><a href='#'>Lowongan Kerja</a></li>
    <li><a href='#'>Pendidikan</a></li>
    <li><a href='#'>More</a>
    <ul>
    <li><a href='#'>Editorial</a></li>
    <li class='hr'></li>
    <li><a href='#'>Off Topic</a></li>
    </ul>
    </li>
    </ul>
    <br class='clearit'/>
    </div>
    <div style='clear:both;'></div>
    </div> 

    Catatan:
    # Silakan ganti link-link di atas dengan link artikel milik kamu dan nama menu di blog.
    Nah sabahat kucoba, mudah bukan, kang salman yakin bisa lah, dan tutorial ini sudah kang salman uji coba 4 kali di blog berbeda dan sukses. so tidak akan ada masalah kecuali Anda sendiri yang melakukannya. pelan-pelan dan cermat :)
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    The Myth of Malin Kundang


    A long time ago, in a small village near the beach in West Sumatra, a woman and her son lived. They were Malin Kundang and her mother. Her mother was a single parent because Malin Kundang's father had passed away when he was a baby. Malin Kundang had to live hard with his mother.
    Malin Kundang was a healthy, dilligent, and strong boy. He usually went to sea to catch fish. After getting fish he would bring it to his mother, or sold the caught fish in the town.
    One day, when Malin Kundang was sailing, he saw a merchant's ship which was being raided by a small band of pirates. He helped the merchant. With his brave and power, Malin Kundang defeated the pirates. The merchant was so happy and thanked to him. In return the merchant asked Malin Kundang to sail with him. To get a better life, Malin Kundang agreed. He left his mother alone.
    Many years later, Malin Kundang became wealthy. He had a huge ship and was helped by many ship crews loading trading goods. Perfectly he had a beautiful wife too. When he was sailing his trading journey, his ship landed on a beach near a small village. The villagers recognized him. The news ran fast in the town; “Malin Kundang has become rich and now he is here”.
    An old woman ran to the beach to meet the new rich merchant. She was Malin Kundang’s mother. She wanted to hug him, released her sadness of being lonely after so long time. Unfortunately, when the mother came, Malin Kundang who was in front of his well dressed wife and his ship crews denied meeting that old lonely woman. For three times her mother begged Malin Kundang and for three times he yelled at her. At last Malin Kundang said to her "Enough, old woman! I have never had a mother like you, a dirty and ugly woman!" After that he ordered his crews to set sail. He would leave the old mother again but in that time she was full of both sadness and angriness.
    Finally, enraged, she cursed Malin Kundang that he would turn into a stone if he didn't apologize. Malin Kundang just laughed and really set sail.
    In the quiet sea, suddenly a thunderstorm came. His huge ship was wrecked and it was too late for Malin Kundang to apologize. He was thrown by the wave out of his ship. He fell on a small island. It was really too late for him to avoid his curse. Suddenly, he turned into a stone.
    (Re-written from www.st.rim.or.jp)

    Narrative Analysis on Generic Structure
    Many believe that a story can teach a society certain moral value. Most stories are build in narrative. Because it is a narrative story, it must consists of complication. That complication, in fact, is the moral value which like to be taught.
    Orientation; the first paragraph is set to be the story introduction. Reading the orientation, reader will know that the story is characterized with Malin Kundang and his mother. Wes Sumatra is set as the place.
    Complication; this is the main element of narrative story. From the Malin Kundang myth, we know that there are more than one complication. Many stories are composed with multi complications. They are minor complication and major complication. When Malin Kundang and her mother did life hard, it can be the minor complication. this hard life in the first time was solved by his successful trading as new merchant. However this narrative sotry is more interesting when we see the major complication among the participants- Malin Kundang denied his mother after being successful merchant. In every story, complication must be ended; happy ending or sad one
    Resolution; this is the end of the story, the sad ending one. Malin Kundang faces his curse of turning into a stone.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    Direct Speeches in the Story of Monkey and Crocodile

    Narrative text is often a story. A story is exploring participants thought, act and feeling. To gain that goal, narrative text will be arranged in lot of direct speeches. The following narrative text is structured as:
    Orientation: The participants or characters of the story are a smart monkey and dull crocodile. The time set is just one day. The story takes place in a river
    Complication: Every narrative text must consist of conflict or problem. A simple definition of problem is when something goes and it is not what we want. In the story the complication start when the crocodile want to eats the monkey. Of course the monkey don not want to be the crocodile's meal and that is the problem which sets the whole story.
    Resolution: A problem must be resolved. It can succeed or fail. In this story, the monkey succeeds to solve the problem. He get free from the hungry crocodile.
    To have clear understanding, take a look at the following example of narrative text about the way of a smart monkey getting free from from a hungry dull crocodile.

    The Story of Smart Monkey and Dull Crocodile
    One day there was a monkey. He wanted to cross a river. There he saw a crocodile so he asked the crocodile to take him across the other side of the river. The crocodile agree and told the monkey to jump on its back. Then the crocodile swam down the river with the monkey on his top.
    Unluckily, the crocodile was very hungry, he stopped in the middle of the river and said to the monkey, “My father is very sick. He has to eat the heart of the monkey. So he will be healthy again.”
    At the time, the monkey was in dangerous situation and he had to think hard. Then he had a good idea. He told the crocodile to swim back to the river bank. “What’s for?” asked the crocodile. “Because I don’t bring my heart,” said the monkey. “I left it under a tree, near some coconuts in the river bank.”
    The crocodile agreed and turned around. He swam back to the bank of the river. As soon as they reached the river bank, the monkey jumped off the crocodile’s back. Then he climbed up to the top of a tree.
    “Where is your heart?” asked the crocodile. “You are foolish,” said the monkey to the crocodile. “Now I am free and I have my
    heart.”
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    Romeo and Juliet's Romantic and Tragic Story


    In the town of Verona there lived two families, the Capulets and the Montagues. They engaged in a bitter feud. Among the Montagues was Romeo, a hot-blooded young man with an eye for the ladies. One day, Romeo attended the feast of the Capulets', a costume party where he expected to meet his love, Rosaline, a haughty beauty from a well-to-do family. Once there, however, Romeo's eyes felt upon Juliet, and he thought of Rosaline no more.
    The vision of Juliet had been invading his every thought. Unable to sleep, Romeo returned late that night to the Juliet's bedroom window. There, he was surprised to find Juliet on the balcony, professing her love for him and wishing that he were not a "Montague", a name behind his own. "What's in a name? That which we call a rose by any other name would smell as sweet." Romeo was ready to deny his name and professed his love. The two agreed to meet at nine o-clock the next morning to be married.
    Early the next morning, Romeo came to Friar Lawrence begging the friar to marry him to Juliet. The Friar performed the ceremony, praying that the union might someday put an end to the feud between the two families. He advised Romeo kept the marriage a secret for a time.
    On the way home, Romeo chanced upon his friend Mercutio arguing with Tybalt, a member of the Capulet clan. That qurreling last caused Merquito died. Romeo was reluctant no longer. He drew his sword and slew Tybalt died. Romeo realized he had made a terrible mistake. Then Friar Lawrence advised Romeo to travel to Mantua until things cool down. He promised to inform Juliet.
    In the other hand, Juliet's father had decided the time for her to marry with Paris. Juliet consulted Friar Lawrence and made a plot to take a sleeping potion for Juliet which would simulate death for three days. The plot proceeded according to the plan. Juliet was sleeping in death.
    Unfortunately, The Friar's letter failed to reach Romeo. Under the cover of darkness, he broke into Juliet's tomb. Romeo kissed the lips of his Juliet one last time and drank the poison. Meanwhile, the effects of the sleeping potion wear off. Juliet woke up calling for Romeo. She found her love next to her but was lying dead, with a cup of poison in his hand. She tried to kiss the poison from his lips, but failed. Then Juliet put out his dagger and plunged it into her breast. She died
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    CINDERELLA


    Once upon a time, there was a young girl named Cinderella. She lived with her step mother and two step sisters.
    The step mother and sisters were conceited and bad tempered. They treated Cinderella very badly. Her step mother made Cinderella do the hardest works in the house; such as scrubbing the floor, cleaning the pot and pan and preparing the food for the family. The two step sisters, on the other hand, did not work about the house. Their mother gave them many handsome dresses to wear.
    One day, the two step sister received an invitation to the ball that the king’s son was going to give at the palace. They were excited about this and spent so much time choosing the dresses they would wear. At last, the day of the ball came, and away went the sisters to it. Cinderella could not help crying after they had left.
    “Why are crying, Cinderella?” a voice asked. She looked up and saw her fairy godmother standing beside her, “because I want so much to go to the ball” said Cinderella. “Well” said the godmother,”you’ve been such a cheerful, hardworking, uncomplaining girl that I am going to see that you do go to the ball”.
    Magically, the fairy godmother changed a pumpkin into a fine coach and mice into a coachman and two footmen. Her godmother tapped Cinderella’s raged dress with her wand, and it became a beautiful ball gown. Then she gave her a pair of pretty glass slippers. “Now, Cinderella”, she said; “You must leave before midnight”. Then away she drove in her beautiful coach.
    Cinderella was having a wonderfully good time. She danced again and again with the king’s son. Suddenly the clock began to strike twelve, she ran toward the door as quickly as she could. In her hurry, one of her glass slipper was left behind.
    A few days later, the king’ son proclaimed that he would marry the girl whose feet fitted the glass slipper. Her step sisters tried on the slipper but it was too small for them, no matter how hard they squeezed their toes into it. In the end, the king’s page let Cinderella try on the slipper. She stuck out her foot and the page slipped the slipper on. It fitted perfectly.
    Finally, she was driven to the palace. The king’s son was overjoyed to see her again. They were married and live happily ever after.

    Notes on Generic Structure of Narrative Text
    Orientation: it means to introduce the participants or the characters of the story with the time and place set. Orientation actually exists in every text type though it has different term. In this story, the first paragraph is clearly seen to introduce the participants of the Cinderella Story. They were Cinderella her self as the main character of the story, her step mother which treated Cinderella badly, and her steps sister which supported her mother to make Cinderella was treated very badly. Cinderella was introduced as a hero in this story. She struggled against the bad treatment from her step mother and sisters.
    Complication: it is such the crisis of the story. If there is not the crisis, the story is not a narrative text. In a long story, the complication appears in several situations. It means that some time there is more then one complication. In this Cinderella story, we can see clearly that there are Major Complication and Minor Complication.
    The second paragraph is the major complication of this Cinderella story. Cinderella got bad treatment from her stepmother. It is the bad crisis which drives into several minor complications which Cinderella has to overcome.
    Resolution: it is the final series of the events which happen in the story. The resolution can be good or bad. The point is that it has been accomplished by the characters. Like complication, there are Major Resolution and Minor Resolution.
    In the last paragraph, it is said that finally Cinderella lived happily. It is the happy resolution of the bad treatment.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    The Story of Lake Toba


    Once upon a time, there was a man who was living in north Sumatra. He lived in a simple hut in a farming field. The did some gardening and fishing for his daily life.
    One day, while the man was do fishing, he caught a big golden fish in his trap. It was the biggest catch which he ever had in his life. Surprisingly, this fish turned into a beautiful princess. He felt in love with her and proposed her to be his wife. She said; "Yes, but you have to promise not to tell anyone about the secret that I was once a fish, otherwise there will be a huge disaster". The man made the deal and they got married, lived happily and had a daughter.
    Few years later, this daughter would help bringing lunch to her father out in the fields. One day, his daughter was so hungry and she ate his father’s lunch. Unfortunately, he found out and got furious, and shouted; “You damned daughter of a fish”. The daughter ran home and asked her mother. The mother started crying, felt sad that her husband had broke his promise.
    Then she told her daughter to run up the hills because a huge disaster was about to come. When her daughter left, she prayed. Soon there was a big earthquake followed by non-stop pouring rain. The whole area got flooded and became Toba Lake. She turned into a fish again and the man became the island of Samosir.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    The Smartest Parrot


    Once upon time, a man had a wonderful parrot. There was no other parrot like it. The parrot could say every word, except one word. The parrot would not say the name of the place where it was born. The name of the place was Catano.
    The man felt excited having the smartest parrot but he could not understand why the parrot would not say Catano. The man tried to teach the bird to say Catano however the bird kept not saying the word.
    At the first, the man was very nice to the bird but then he got very angry. “You stupid bird!” pointed the man to the parrot. “Why can’t you say the word? Say Catano! Or I will kill you” the man said angrily. Although he tried hard to teach, the parrot would not say it. Then the man got so angry and shouted to the bird over and over; “Say Catano or I’ll kill you”. The bird kept not to say the word of Catano.
    One day, after he had been trying so many times to make the bird say Catano, the man really got very angry. He could not bear it. He picked the parrot and threw it into the chicken house. There were four old chickens for next dinner “You are as stupid as the chickens. Just stay with them” Said the man angrily. Then he continued to humble; “You know, I will cut the chicken for my meal. Next it will be your turn, I will eat you too, stupid parrot”. After that he left the chicken house.
    The next day, the man came back to the chicken house. He opened the door and was very surprised. He could not believe what he saw at the chicken house. There were three death chickens on the floor. At the moment, the parrot was standing proudly and screaming at the last old chicken; “Say Catano or I’ll kill you”.
    Notes on Narrative Text
    It is important to know that the social function of the narrative text is to inform and entertain. Narrative text will tell the story with amusing way. It provides an esthetic literary experience to the reader. Narrative text is written based on life experience. In literary term, experience is what we do, feel, hear, read, even what we dream.
    Narrative text is organized focusing at character oriented. It is build using descriptive familiar language and dialogue. There are some genres of literary text which fit to be classified as the narrative text. Some of them are:
    • Folktales, it includes fables, legend, myth, or realistic tales
    • Mysteries, fantasy, science or realistic fiction
    Commonly, narrative text is organized by the story of grammar. It will be beginning, middle and end of the story. To build this story grammar, narrative text need plot. This plot will determine the quality of the story. Plot is a series of episodes which holds the reader’ attention while they are reading the story.
    Conflict is the main important element of the plot. This conflict among the characters will drive the story progress. In this conflict, readers will be shown how the characters face the problem and how they have ability to handle that problem
    Analysis the Generic Structure
    Orientation: It sets the scene and introduces the participants/characters. In that parrot story, the first paragraph is the orientation where reader finds time and place set up and also the participant as the background of the story. A man and his parrot took place once time.
    Complication: It explores the conflict in the story. It will show the crisis, rising crisis and climax of the story. In the parrot story, paragraph 2, 3, 4 are describing the complication. Readers will find that the man face a problem of why the parrot can not say Catano. To fix this problem, the man attempted to teach the bird. How hard he tried to teach the bird is the excitement element of the complication.
    Resolution: It shows the situation which the problems have been resolved. It must be our note that “resolved” means accomplished whether succeed or fail. In the last paragraph of the smartest parrot story, readers see the problem is finished. The parrot could talk the word which the man wanted. The parrot said the word with higher degree than the man taught the word to it. That was the smartest parrot.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS