Membuat Menu Tab View Tanpa Edit HTML

Menu tab view memang sangat bermanfaat bagi kita. Mengapa saya bilang begitu?... Karena selain berguna untuk menghemat tempat ketika ingin menampilkan beberapa widget di blog, menu tab view juga bisa mempercantik tampilan blog karena lebih nyaman dipandang. Membuat menu tab view memang ada beberapa cara dalam membuatnya, tapi bagi anda yang ingin praktis, anda bisa mencoba cara membuat menu tab view tanpa edit html ini. Caranya mudah saja kok, tinggal pastekan kode dibawah ini di gatget anda :

<style type="text/css">
    div.TabView div.Tabs
    {height: 30px;overflow: hidden}
    div.TabView div.Tabs a {float:left; display:block; width: 80px; /* Lebar Menu Utama Atas */
    text-align:center ; height: 25px; /* Tinggi Menu Utama Atas */ margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
    padding-top:2px; 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: 5px 5px}
    </style>
    <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>
    <form action="tabview.html" method="get">
    <div id="TabView" class="TabView">
    <div style="width: 300px;" class="Tabs">
    <a>Tab 1</a>
    <a>Tab 2</a>
    <a>Tab 3</a>
    </div>
    <div style="width:260px; height:290px; " class="Pages">
    <div class="Page">
    <div class="Pad">
    Content tab 1
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Content tab 2
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Content tab 3
    </div>
    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>

Semoga tutorial blog tentang cara membuat menu tab view tanpa edit html  ini bisa bermanfaat bagi semua. Hepi Blogging... 

Read more »

Bahaya Merokok Bagi Kesehatan

Sudah tidak diragukan lagi jika merokok sangat tidak baik dan berbahaya bagi kesehatan tubuh, karena akibat yang ditimbulkan dari aktivitas ini. Tapi anehnya para perokok bukannya sadar akan bahaya yang mengancam kesehatannya, malah menikmati ketergantungan merokoknya sehingga sulit untuk berhenti merokok. Sesuai bahasan kali ini, akan dipaparkan macam-macam bahaya merokok bagi kesehatan tubuh, sehingga anda benar-benar tahu bahwa peringatan pemerintah tentang bahaya merokok yang ada di setiap bungkus rokok adalah tidak main-main. Dikutip dari majalahkesehatan.com, berikut adalah beberapa bahaya merokok yang harus anda ketahui :

1. Kanker

• Kanker adalah penyakit ganas yang sampai saat ini belum ada obat yang pasti yang dapat memeranginya. Salah satu penyebab kanker adalah merokok. Merokok dapat menyebabkan kanker paru, dan sudah sekitar 90% kematian pada pria yang disebabkan kanker paru ini, sedangkan pada wanita sekitar 80%. Resiko kematian akibat kanker paru adalah 23 kali lebih tinggi untuk pria perokok, sedangkan untuk wanita perokok adalah 13 kali jika dibandingkan dengan orang yang bukan perokok. Namun hal ini juga berlaku bagi perokok pasif, karena walaupun mereka bukan perokok tetapi tinggal bersama dengan seorang perokok, mereka juga akan memiliki resiko sebanyak 24% mengidap kanker paru.
• Menurut riset, merokok juga dapat menyebabkan kanker rongga mulut, pita suara, perut, ginjal, faring, pancreas, esopagus, serviks, hingga kanker kantung kencing.

2. Jantung

• Penyakit jantung koroner adalah salah satu penyebab kematian tertinggi di Indonesia. Dan sebagai informasi untuk anda, perokok aktif mempunyai peluang 2 hingga 4 kali lebih tinggi terkena penyakit jantung koroner.
• Merokok memberikan kesempatan 2 kali lebih besar pada perokok untuk terkena stroke
• Merokok dapat menyebabkan penyempitan pembuluh darah arteri sehingga mengurangi sirkulasi darah. Akibatnya, perokok akan memiliki peluang 10 kali lebih tinggi terkena penyakit pembuluh darah serta juga impotensi/ereksi.
• Merokok dapat menyebabkan pelebaran lokal pembuluh darah aorta pada bagian perut atau juga biasa disebut anurisma aorta abdomen. Penyakit ini mempunyai resiko kematian yang tinggi bagi perokok terutama ketika pembuluh darah tersebut pecah.

3. Gangguan janin
Untuk hal ini rasanya pemerintah juga sudah mengingatkan di setiap bungkus rokok. Hal ini karena bahaya merokok sangat tinggi bagi wanita terutama ibu hamil. Bahayanya adalah kemandulan, kematian janin, keguguran, berat bayi rendah saat lahir, hingga sindrom bayi yang mati mendadak.
 

4. Gangguan Pernapasan
Merokok sangat erat sekali kaitannya dengan gangguan pernapasan. Kegiatan ini memiliki resiko pada pelakunya untuk terkena penyakit paru kronis hingga 10 kali lebih besar. Menurut data statistik, 90% kematian akibat penyakit ini disebabkan oleh merokok.

Itulah beberapa ulasan mengenai bahaya merokok. Semoga artikel ini dapat memberikan peringatan bagi anda terutama perokok berat agar segera meninggalkan rokok demi menjaga kesehatan tubuh anda sendiri dan orang-orang disekeliling anda.

Read more »

Menampilkan Foto Profil pada Komentar Blog

Beberapa template blogger memang tidak menampilkan foto profil atau avatar pada komentar blog, termasuk IstiawanBLOG sejak awal tidak menampilkan avatar pada komentarnya.

Tapi kurang pas rasanya jika saat berkomentar tapi foto profil/avatar tidak muncul. Nah kali ini saya akan berbagi tutorial tentang cara menampilkan avatar atau foto profil pada komentar blog. Langsung saja ikuti langkah berikut :

1. Edit HTML dan centang "Expand Widget Templates"

2. Cari kode ]]></b:skin>

3. Letakkan kode dibawah ini diatas kode ]]></b:skin>

#comments-block .avatar-image-container img {background: #fff url(URL image anda) no-repeat left top; width:35px;height:35px}

4. Kemudian cari kode <dl id='comments-block'>

5. Ganti dengan kode no. 4 dengan kode dibawah ini

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

6. Terakhir cari kode <a expr:name='data:comment.anchorName'/>
7. Ganti kode no. 6 dengan kode di bawah ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

8. Save Template

Begitulah kurang lebih cara menampilkan foto profil/avatar pada komentar blog. Selamat mencoba dan semoga berhasil...

Read more »

Manfaat Daun Sirsak

Manfaat Daun Sirsak - Sirsak tentunya sudah tidak asing lagi di telinga kita. Salah satu buah lokal ini memiliki banyak sekali manfaat, mulai dari buahnya sampai daunnya. Buahnya banyak mengandung karbohidrat dan vitamin C, vitamin B1, dan juga vitamin B2 dan sering dimanfaatkan sebagai bahan baku minuman atau jus. Selain itu, biji sirsak yang beracun ternyata juga bisa dimanfaatkan untuk insektisida alami.

Selain buahnya, daun sirsak ternyata memiliki manfaat bagi kesehatan. Daun sirsak bisa dimanfaatkan sebagai bahan obat herbal karena memiliki kandungan senyawa yang bermanfaat bagi tubuh seperti annocatacin, linoleic acid, anonol, annomuricin, caclourine, muricapentocin, dan lain sebagainya. Senyawa-senyawa tersebut berguna untuk meningkatkan kekebalan tubuh dan dapat dimanfaatkan sebagai obat penyakit. Berikut adalah beragam manfaat daun sirsak bagi kesehatan :

1. Melawan kanker
Berdasarkan penelitian oleh National Cancer Institute, batang dan daun sirsak dinilai efektif dalam melawan sel kanker dibandingkan dengan kemoterapi. Bahkan penelitian baru-baru ini menemukan bahwa daun sirsak dinilai sangat efektif untuk melawan sel-sel ganas pada 12 jenis kanker termasuk kanker pankreas, payudara, paru-paru, usus besar, dan kanker prostat.

2. Meningkatkan energi dan mencegah radikal bebas
Daun sirsak juga dapat meningkatkan energi tubuh anda, meningkatkan sistem kekebalan tubuh, menjaga stamina, menghindari infeksi yang berbahaya, dan dapat mencegah radikal bebas.

3. Mengatasi Insomnia
Daun sirsak dapat digunakan untuk mengatur sistem saraf dan sudah terbukti menjadi obat yang efektif dalam mengatasi insomnia.

4. Menurunkan tekanan darah
Daun sirsak dapat membantu dalam menurunkan tingkat tekanan darah dan baik bagi orang-orang yang sedang menderita tekanan darah tinggi.

5. Menyingkirkan kutu
Manfaat daun sirsak selanjutnya adalah dapat membantu anda dalam menyingkirkan kutu di kepala yang mengganggu.

6. Membasmi kutu busuk
Selain kulit salak, daun sirsak juga dapat digunakan untuk membasmi kutu busuk di rumah anda. Kutu busuk (bed bugs) adalah jenis serangga yang sering ditemukan di seprei atau celah-celah tempat tidur. Kutu busuk juga dikenal sebagai serangga yang suka menghisap darah manusia.

7. Mengobati penyakit
Daun sirsak bermanfaat untuk menyembuhkan berbagai penyakit seperti gangguan pencernaan, diare, disentri, masalah kandungan empedu, demam, batuk, hingga rematik.

8. Mengobati luka dan sebagai media kompresi
Daun sirsak bisa digunakan sebagai pertolongan pertama disaat sedang luka dan pingsan. Selain itu daun sirsak bisa digunakan sebagai kompresi untuk berbagai radang dan kaki bengkak.

9. Mengatasi gangguan kulit
Daun sirsak juga bisa dimanfaatkan untuk menyembuhkan berbagai gangguan kulit seperti eksim. Eksim/Eksema atau dermatitis merupakan suatu kondisi peradangan yang menyebabkan kulit tampak melepuh.

Read more »

Faktor Penyebab Produktifitas Kerja Menurun

Produktifitas kerja tak selalu stabil dan menjadi suatu hal yang amat susah dicapai meskipun anda diawasi oleh atasan. Apalagi jika anda bekerja di rumah dan tidak ada seorangpun yang mengatur atau mengamati pekerjaan anda.

Anda merasa tidak produktif selama ini dan ingin tahu apa penyebabnya? Berikut ini ada 5 penyebab tidak produktif yang mungkin bisa menjadi renungan anda :

1. Mudah tidak fokus
Hal ini biasanya tergantung pada diri sendiri. Ketika sedang melakukan sesuatu dan tiba-tiba ada chatting atau telepon dari teman, dan membuat anda jadi tidak fokus apa yang sedang dilakukan sebelumnya.

Jika Anda merupakan orang yang mudah tidak fokus pada sesuatu, cobalah untuk menjauhi dari penyebab-penyebabnya, misalkan matikan handphone ketika sedang fokus mengerjakan pekerjaan atau carilah tempat yang bisa membuat anda yang lebih nyaman dan fokus pada pekerjaan.

2. Salah dalam mengatur prioritas
Mungkin anda pernah merasakan juga ketika sudah melakukan pekerjaan seharian tetapi hasilnya tidak seberapa. Hal ini mungkin diakibatkan salah mengatur prioritas mana yang harus dikerjakan terlebih dahulu dan mana yang bisa dilakukan setelahnya.

3. Membenci apa yang dilakukan
Ketika Anda tidak mempunyai keinginan atau minat mengenai apa-apa yang akan dilakukan maka akan menjadi suatu tantangan yang berat. Anda akan selalu menganggap pekerjaan itu sebagai tugas yang tidak disenangi sehingga anda akan mempunyai bayangan perasaan malas dan hasilnya tentu saja tidak seperti yang diharapkan.

4. Terlalu banyak waktu istirahat
Terkadang anda tidak menyadari berapa waktu yang terpakai untuk istirahat dalam sehari. Ketika sedang bekerja dan tiba-tiba ingin menghentikannya sejenak untuk mengobrol dengan rekan atau telepon dengan teman dan sebagainya. Dan tanpa disadari waktu untuk melakukan pekerjaan pun sudah berkurang. Istirahat penting bagi kita tetapi aturlah batas waktu untuk beristirahat.

5. Gaya hidup yang tidak sehat
Mungkin anda tidak menyadari telah menjalani gaya hidup yang tidak sehat seperti waktu tidur yang tidak cukup karena begadang atau yang lainnya. Tetapi perlu anda ingat bahwa kesegaran dan kesehatan berkaitan erat dengan kemampuan fungsi otak. Jika badan tidak sehat, anda pun susah untuk berfikir apalagi meningkatkan produktivitas.

Read more »