Menawan Dengan Tab View Menu

Memperindah tampilan blog selalu menjadi prioritas para blogger di samping membuat tulisan-tulisan yang bermutu dan berkualitas. Salah satu cara yang ditempuh adalah dengan memasang widget tab view menu pada sidebar. Selain tampilan yang memukau, dengan menggunakan tab view menu, juga dapat menghemat space pada sidebar sehingga dapat digunakan dengan berbagai widget lain sesuai kebutuhan blog.

Membuat tab view menu tidak sesulit yang dibayangkan. Saya akan memberikan beberapa langkah jitu untuk membuat tab view menu yang diambil dari dynamicdrive.com.

1. Login ke Blogger > Design > Edit HTML
2. Cari kode </b:skin> dan masukkan kode CSS berikut ini tepat di atasnya.

/* CSS for Shade Tabs */
.shadetabs{padding:3px 0; margin-left:0; margin-top:1px; margin-bottom:0; font:bold 12px Verdana; list-style-type:none; text-align:left; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li{display:inline; margin:0;}
.shadetabs li a{text-decoration:none; position:relative; z-index:1; padding:3px 7px; margin-right:3px; border:1px solid #778; color:#2d2b2b; background:white url(https://sites.google.com/site/situsbeus/lomari/shade.gif) top left repeat-x;}
.shadetabs li a:visited{color:#2d2b2b;}
.shadetabs li a:hover{text-decoration:none; color:#2d2b2b;}
.shadetabs li a.selected{/*selected main tab style */position:relative; top:1px;}
.shadetabs li a.selected{/*selected main tab style */background-image:url(https://sites.google.com/site/situsbeus/lomari/shadeactive.gif); border-bottom-color:white;}
.shadetabs li a.selected:hover{/*selected main tab style */text-decoration:none;}
.tabcontent{display:none;}
@media print{.tabcontent{display:block !important;}}

3. Cari kode </head> dan masukkan kode berikut tepat di atasnya.

<script src='https://sites.google.com/site/situsbeus/lomari/tab_content.txt' type='text/javascript'/>

4. Cari kode <div class='column-right-inner'> dan letakkan kode berikut tepat di bawahnya.

<div class='tabview'>
  <ul class='shadetabs' id='countrytabs'>
  <li><a class='selected' href=&#039;http://catetan-karuhun.blogspot.com/' rel='country1'>Tab1</a></li>
  <li><a href='http://catetan-karuhun.blogspot.com/' rel='country2'>Tab2</a></li>
  <li><a href='http://catetan-karuhun.blogspot.com/' rel='country3'>Tab3</a></li>
  </ul>
  <div style='border:1px solid gray; width:93%; margin-bottom:1em; padding:10px; height:200px; overflow:auto;'>
  <div class='tabcontent' id='country1'>
    <b:section class='sidebar-tab' id='sidebar-tabs-1' preferred='yes'></b:section>
  </div>
  <div class='tabcontent' id='country2'>
    <b:section class='sidebar-tab' id='sidebar-tabs-2' preferred='yes'></b:section>
  </div>
  <div class='tabcontent' id='country3'>
    <b:section class='sidebar-tab' id='sidebar-tabs-3' preferred='yes'></b:section>
  </div>
<script type='text/javascript'>
var countries=new ddtabcontent(&quot;countrytabs&quot;)
countries.setpersist(true)
countries.setselectedClassTarget(&quot;link&quot;) //&quot;link&quot; or &quot;linkparent&quot;
countries.init()
</script>
<hr/>
</div>
</div>

5. Edit tampilan tab view yang telah dibuat sesuai dengan blog Anda.
6. Save template dan lihat hasilnya.

Catatan:
> Sebaiknya lakukan download template dahulu sebelum melakukan perubahan pada template.
> Template yang saya gunakan adalah Simple Template milik Josh Peterson.
> Link blog serta link gambar silahkan ganti dengan milik Anda.

Sumber: dynamicdrive.com

Click for more...

Tampil Cantik Dengan Page Peel

Salah satu cara untuk membuat halaman blog menjadi cantik adalah dengan memberikan efek lipatan kertas yang biasanya berada di pojok halaman. Efek lipatan kertas seperti ini dikenal juga dengan nama Page Peel atau Page Flip. Membuat efek Page Peel pada blogspot sangat mudah. Berikut ini cara membuat efek tersebut sebagaimana dijelaskan oleh drraman:

1. Login ke blogspot
2. Masuk ke dashboard > Design > Edit HTML.
3. Letakkan kode di bawah ini sebelum kode </head>

<style type="text/css">
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWknUdi76PAgcBsTkk9S6zZA-DLySDdVL4hb0MYKUmjp5281nxSOdnxubXkTAJVunO54Ck_Bh46ED39vAs10SXCj4iTpPNMtLBYnHvwRQba6fFaHMxjV5ckZ9tGMQ0_8A_ksmRVzIV3WsB/s1600/page+peel.JPG) no-repeat right top;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>

Untuk gambar, bisa diganti dengan link gambar milik Anda.

4. Letakkan kode di bawah ini setelah kode <body>

<div id='pageflip'>
<a href='http://contoh-blog.blogspot.com'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJzN6v4ulS15foVePrO33WmtLhrkNlgHZhl4ufL-Y_A1C9nA1yaK3g-RfdDquzTmfZEKy4HCX_8nAdiW34zrWxgB2hwXitsOTO7mGd5jL0AsiIu_h6oLoWS53WD8n3BFPPUazWHBxi3gv/s1600/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

5. Save template dan lihat hasilnya.

Selamat mencoba!

Catatan:
1. Sebaiknya backup template dulu sebelum melakukan perubahan pada template.
2. Link yang dicetak tebal dapat diganti dengan link milik Anda.


Sumber: Blogger Help

Click for more...

Pekerjaan Bergaji Rendah Buruk untuk Kesehatan Mental

Bila Anda termasuk dalam kategori rawan stres, berhati-hatilah dalam memilih pekerjaan! Bekerja dalam kantor yang kurang memerhatikan kesejahteraan karyawannya ternyata berdampak jauh lebih buruk bagi kesehatan mental ketimbang jadi pengangguran.

Hal tersebut terungkap dalam sebuah penelitian yang dilakukan tim dari The Australian National University, Canberra, Australia. Dalam survei mereka terungkap orang yang mengalami transisi dari pengangguran menjadi pegawai dengan gaji yang tidak memuaskan mengaku lebih stres setelah bekerja.

Selain gaji yang adil dan memuaskan, kesejahteraan karyawan yang baik diukur dari stres pada pekerjaan, jenjang karir, jam kerja yang fleksibel, serta komunikasi yang baik antara atasan dan bawahan.

"Orang yang hanya melihat hitam putih, yakni pengangguran dan pegawai cenderung merasa bahwa semua pekerjaan diciptakan sama, padahal kenyataannya tidak demikian," kata Joseph Grzywacz, ahli kedokteran komunitas dan keluarga yang melakukan penelitian ini.

Penelitiannya dibuat berdasarkan survei yang dilakukan terhadap lebih dari 7.000 orang di Australia selama tujuh tahun, dimulai tahun 2001. Para responden juga diminta mengisi kuesioner mengenai gejala depresi atau kecemasan, serta emosi positif seperti ketenangan dan kebahagiaan.

Secara umum, orang yang punya pekerjaan merasa lebih berbahagia dibanding pengangguran. Tetapi ketika melihat lebih dalam, seperti usia, gender, level pendidikan, status kesehatan para penggangguran lebih baik dibanding orang yang bekerja namun dengan tingkat kesejahteraan buruk.

Orang-orang dari kelompok kedua itu juga menunjukkan penurunan kesehatan mental dari waktu ke waktu.

Hal tersebut diharapkan menjadi perhatian bagi para pengurus manajemen perusahaan karena stres, kelelahan serta kemarahan akibat ketidakpuasan bisa membuat emosi seseorang tidak terkendali.

Ada beberapa hal yang disarankan oleh tim peneliti untuk meningkatkan kesejahteraan karyawannya, antara lain meningkatkan rasa aman dalam bekerja dengan cara memberi kepastian pada karyawan berstatus kontrak.

"Perusahaan seharusnya bisa membuat peraturan yang fleksibel sehingga karyawan tidak merasa harus memilih antara pekerjaan dan keluarga, misalnya jika anak sakit," kata Grzywacz.

Sumber: kompas.com

Click for more...

Tujuanmu Ngeblogmu?

Sebetulnya saya sendiri bingung ketika ditanya "apa sih tujuanmu ngeblog?", apakah untuk mencari uang atau hanya sekedar menyalurkan isi kepala ke dalam tulisan dan di publish melalui media ini. Yang jelas walaupun dalam blog ini terdapat beberapa iklan, bagi saya itu tidak begitu menarik karena saya pun memasang iklan tersebut baru beberapa hari dan itupun baru bisa memasangnya beberapa hari yang lalu.

Boleh di bilang masih awam dalam dunia blogging. Yeah, walau demikian tetap harus semangat. Saya sedikit tertarik dengan tulisan Mas Darin dalam blognya, Indonesianer, yang mengatakan: "selama tujuan ngeblog belum ada bayangan, ya sudah, enjoy saja corat-coret di media paling asyik ini!". Ya, sebelum kita memiliki tujuan yang pasti dalam ngeblog, sepertinya harus mengikuti anjuran Mas Darin untuk sekedar corat-coret saja. Paling tidak, mungkin belajar membuat tulisan melalui media blog mungkin juga cukup pantas untuk dijadikan sebagai tujuan awal dalam ngeblog sebelum melangkah lebih jauh ke tingkat blogging yang lebih tinggi.

Tidak ada salahnya bukan jika memiliki tujuan menjadikan blog sebagai media dalam belajar mengembangkan potensi diri sendiri. Katakanlah belajar membuat tulisan ilmiah atau tulisan-tulisan hasil karya sendiri yang di publish melalui blog. Yang jelas apa pun itu, sudah tentu ada tujuan dalam ngeblog walau hanya belajar saja. Ya, belajar ngeblog, belajar membuat tulisan yang menarik untuk di baca, belajar mencurahkan isi pikiran ke dalam tulisan.

Walau pun tujuan ngeblog adalah sekedar belajar membuat karangan, setidaknya ada jawaban atas pertanyaan yang disebutkan dalam judul tulisan ini dan diakui atau pun tidak, sepertinya saya harus setuju dengan perkataan Mas Joko yang mengatakan bahwa ngeblog itu tetap harus ada tujuan.

Click for more...