Cara membuat menu multi kolom pada blog

Cara membuat menu multi kolom pada blog 

Jika Anda memilki blog dengan ruangan yang cukup Sempit atau semakin sempit dengan banyak aksesories blog atau jumlah postingan yang semakin banyak Menu Multi Kolom dengan Tab Slide Mode ini bisa menjadi solusi anda dalam membuat banyaknya menu didalam satu atau beberapa kolom Lihat contoh gambar di bawah ini (Contoh demo klik disini )

klik gambar untuk memperbesar

Adapun Langkah-langkah untuk membuatnya adalah :

1. Login ke blogger anda
2. Layout-->Edit HTML
4. Masukan kode dibawah ini sebelum kode </head>

<script src=http://tab-menu.googlecode.com/files/tabcontent.js type=text/javascript>


</script>

5. Kemudian masukan kode Css dibawah ini Diatas kode ]]></b:skin>

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}


.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 50%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(http://tab-menu.googlecode.com/files/indentbg.gif) center center repeat-x;
}


.indentmenu ul li{
display: inline;
}


.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}


.indentmenu ul li a:visited{
color: white;
}


.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(http://tab-menu.googlecode.com/files/indentbg2.gif) center center repeat-x;
}




.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}


.tabcontent{
display:none;
}


@media print {
.tabcontent {
display:block !important;
}

6. Dan Masukan Kode di bawah ini di tempat dimana anda ingin menempatkan menu multi kolom

<div id="pettabs" class="indentmenu">
<ul>
<li><a href="#" class="selected" rel="dog1">Wisata</a></li>
<li><a href="#" rel="dog2">Hotel</a></li>
<li><a href="#" rel="dog3">Gallery</a></li>
<li><a href="http://bambangpage.blogspot.com/">Bambangpage</a></li>
</ul>
<br style="clear: left"/>
</div>


<ilayer clip="0,0,430,150" width="430" name="scroll1" height="150">
<layer width="430" name="scroll2" height="150" bgcolor="white">
<div id="scroll3" style="width:430px;height:150px;background-color:white;overflow:scroll">






<div style="border:1px solid gray; width:400px; height: 500px; padding: 5px; margin-bottom:1em">


<div id="dog1" class="tabcontent">
1.<a href="http://cilimoes.blogspot.com/2009/01/gedung-perundingan-linggarjati.html">
Gedung Perundingan Linggarjati</a><br/>2.<a href="http://cilimoes.blogspot.com/2009/01/linggarjati-indah.html"> Linggarjati Indah<a/><br/>3.
<a href="http://cilimoes.blogspot.com/2009/01/sangkan-hurip_29.html">Sangkan Hurip</a><br/>4.<a href="http://cilimoes.blogspot.com/2009/01/desa-sitonjul.html?zx=82b3e5368c8530bb"> Desa Sitonjul</a><br/> 5.<a href http://cilimoes.blogspot.com/2009/01/desa-setia-negara.html> Desa Setia Negara</a> <br/>6.<a href="http://cilimoes.blogspot.com/2009/01/telaga-remis_29.html?zx=86268a3f4fbf6003"> Telag Remis</a><br/> 7.<a href="http://cilimoes.blogspot.com/2009/01/cibulan_29.html?zx=faba5971ad24039f"> Cibulan</a><br/>8.<a href="http://cilimoes.blogspot.com/2009/01/curug-sidomba.html?zx=7998bfb70fd115b3"> Curug Sidomba</a><br/>9.<a href="http://cilimoes.blogspot.com/2009/01/waduk-darma_29.html"> Waduk Darma</a><br/>10.<a href="http://cilimoes.blogspot.com/2009/01/taman-purbakala-cipari.html?zx=5ef72d6ecc65db2b"> Taman Purbakala Cipari</a><br/>11.<a href="http://cilimoes.blogspot.com/2009/01/balong-darmaloka_29.html?zx=f5ce2c693d078d0e"> Balong Darmaloka</a><br/>12.<a href=""></a><br/>13.<a href=""></a><br/>14.<a href=""></a><br/>15.<a href=""></a>
</a></a></div>


<div id="dog2" class="tabcontent">
1.<a href="">Cilimus</a><br/>2.<a href="">Cigandamekar</a><br/>3.<a href="">Jalaksana</a><br/>4.<a href="">Kuningan</a><br/>5.<a href="">Cirebon</a><br/>6.<a href=""></a><br/>
</div>


<div id="dog3" class="tabcontent">
<a href="">Cilimus</a><br/><a href="">Cigandamekar</a><br/><a href="">Kuningan</a><br/><a href="">Cirebon</a><br/>
</div>




</div>


</div>
</layer>
</ilayer>


<script>




var nsstyle=display:""
if (document.layers)
var scrolldoc=document.scroll1.document.scroll2
function up(){
if (!document.layers) return
if (scrolldoc.top<0)
scrolldoc.top+=10
temp2=setTimeout("up()",50)
}
function down(){
if (!document.layers) return
if (scrolldoc.top-150>=scrolldoc.document.height*-1)
scrolldoc.top-=10
temp=setTimeout("down()",50)
}


function clearup(){
if (window.temp2)
clearInterval(temp2)
}


function cleardown(){
if (window.temp)
clearInterval(temp)
}


</script>
<br/><span style="&{nsstyle};"><a onmouseout="clearup()" href="#" onmousedown="up()" onclick="return false"
onmouseup="clearup()"></a> <a
onmouseout="cleardown()"
onmousedown="down()" href="#" onmouseup="cleardown()" onclick="return false"></a><a href="#" onclick="if (document.layers) scrolldoc.top=0;return false"></a><a href="#" onclick="if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false"></a></span>














<script type="text/javascript">


var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(2000)


</script>

edit kode di atas dan ganti dengan menu anda selesai...
jika ada pertanyaan silahkan tulis di komentar dan semoga bermanfaat

Read More

Cara mudah memilih indukan burung love bird atau orang2 biasa menyebut burung labet

Sebenarnya cukup sederhana dalam memilih burung lovebird indukan.. ada satu cara yang cukup mudah dan bisa dijamin bahwa indukan anda akan bertelur dan menetas degnan sempurna. Yaitu dengan cara membeli indukan burung Lovebird yang mempunyai anak, intinya anda membeli burung lovebird indukan sekalian dengan anaknya yang baru berumur 1-2minggu. #simple dan masuk akal bukan...

Memang kita akan mengeluarkan biaya lebih,tapi ada jaminan kalo lovebird indukan yang anda beli akan bernakpinak...

Perlu jadi bahan pertimbangan juga... bahwa indukan yang dapat bertelur belum tentu dapat menetaskan anaknya dengan baik. ada beberapa kasus, indukan lovebird tetangga saya bertelur 6biji, tapi pada akhirnya cuman bisa menetas 1ekor saja...

beberapa gambar lovebird indukan

#semoga bermanfaat--

Read More

Daftar Isi berdasarkan Katagori Pilihan

Daftar Isi sekarang ini diciptakan oleh Master Duy Pham, Blogger tetangga :q; kita yang hampir mirip modelnya seperti yang diciptakan oleh Master Taufik Nurrohman :z; yang masing-masing mempunyai kelebihan dan kekurangannya seperti Katagori [Label] bisa dipilih untuk ditampilkan maupun disembunyikan begitu juga dengan jumlah Judul yang ditampilkan dengan kata lain ada selanjutnya / sebelumnya [Next - Prev] perhatikan screenshotnya :

Langsung ke Cara membuatnya silahkan kawan mampir karena toolnya sudah tersedia, kawan cukup memasukan datanya saja 

screenshot

• Masukan url Blog kawan pada Địa chỉ blog 
• Tentukan Judul yang ingin ditampilkan pada  Số lượng bài hiển thị trên 1 trang 
• Ketik Katagori yang tak ingin kawan tampilkan pisahkan dengan Koma [,] pada Tên nhãn không cho hiển thị, phân cách bởi dấu phẩy (,) 
• Selanjutnya pilih Get code 
• Copas scriptnya pada HTML 
• Kawan bisa edit kembali script tersebut supaya sesuai selera 

<div style=width:96%;padding:5px;margin:0;border:1px solid #999;background:#ccc;><style type=text/css>
#show-cat{float:left;margin-right:5px;width:95px;height:310px;overflow-x:hidden;overflow-y:auto;line-height:.8em}#show-cat ul{margin:0;padding:0;border-top:1px solid #333;}#show-cat ul li{list-style-type:none;margin:0;border:1px solid #333;padding:0}#show-cat ul li a{display:block;padding:10px}#show-cat ul li a,#navi-cat a{background:#fff;color:#00F;text-decoration:none}#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}#show-cat ul li a:hover,#navi-cat a:hover{background:#999;color:#fff}#show-post{float:left;width:77%;font-size:12px;line-height:1.8em;}#show-post ul li{list-style-type:none}#navi-cat{padding:20px 0}#navi-cat a{margin-right:5px;border:1px solid #333;}#navi-cat a,#navi-cat span{padding:5px 10px;}#navi-cat span{float:right}</style>
<div id=show-cat></div>
<div id=show-post>
<script type=text/javaScript>
var cat_home=http://blogspot.com;cat_numb=10;cat_pre=Prev;cat_nex=Next;cat_remove=[Admin,software,blog,Blogger,link];
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw=;dw+=<ul>;for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel==alternate){var cat_url=entry.link[j].href}}dw+=<li>;dw+=(cat_start+i)+. <a href="+cat_url+" rel="nofollow">+cat_title+</a>;dw+=</li>}dw+=</ul>;dw+=<div id="navi-cat">;if(cat_start>1){dw+=<a href="" onclick="show_post(+cat_name+,+(cat_start-cat_numb)+,+cat_class+);return false">+cat_pre+</a>}if((cat_start+cat_numb-1)<tt){dw+=<a href="" onclick="show_post(+cat_name+,+(cat_start+cat_numb)+,+cat_class+);return false">+cat_nex+</a>}dw+=<span>+cat_start;if(cat_start!=tt){dw+= &ndash; +(cat_start+i-1)}dw+= / +tt+</span>;dw+=</div>;document.getElementById(show-post).innerHTML=dw+<style type="text/css">.cat-+cat_class+ a{background:#464546!important;color:#fff!important}</style>}function show_post(a,b,c){var d=document.getElementsByTagName(head)[0];e=document.createElement(script);e.type=text/javascript;e.setAttribute(src,cat_home+/feeds/posts/default/-/+a+?alt=json-in-script&start-index=+b+&max-results=+cat_numb+&callback=show_post2);d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw=;dw+=<ul>;for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){for(var j=0;j<cat_remove.length;j++){if(cat[i].term==cat_remove[j]){cat.splice(i,1)}}}for(var i=0;i<cat.length;i++){dw+=<li class="cat-+i+">;dw+=<a href="" onclick="show_post(+cat[i].term+,1,+i+);return false">;dw+=cat[i].term;dw+=</a>;dw+=</li>}dw+=</ul>;document.getElementById(show-cat).innerHTML=dw}document.write(<script type="text/javascript" src="+cat_home+/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"></script>);
</script>
</div>
<div style=clear:both></div>
</div>

Teks yang saya beri warna Biru adalah kode tambahan

Teks yang berwarna Merah adalah kode setelah saya Edit 

Hasilnya seperti screenshot pertama

Selamat Mencoba

Read More

Cara Mengetahui Siapa yang Unfollow Twitter Kita

Cara Mengetahui Siapa yang Unfollow Twitter Kita – Twitter kini menjadi salah satu sosial media yang banyak pemakainya, sistem twitter memungkinkan kita untuk memfollow akun orang lain. Namun terkadang ada juga orang yang terkadang melakukan unfollow terhadap akun twitter kta, nah berikut cara mengetahui orang yang unfollow twitter kita.

Cara Mengetahui Siapa yang Unfollow Twitter Kita

1. Yang pertama silahkan sobat login ke akun twitter masing-masing. kalau belum punya akun silahkan baca cara membuat twitter

2. Masuklah ke Situs unfollowers.me, kemudian klik sign in with twitter

3. Maka akan muncul popo up untuk konfirmasi login menggunakan akun twitter sobat, klik masuk/login

4. Setelah masuk, maka sobat akan dimintai untuk memasukkan email, dan klik continue kemudian klik link konfirmasi di email sobat.

5. untuk mengetahui siapa saja yang baru unfollow twitter kita, sobat dapat melihat melalui menu di sebelah kiri, dan klik recent unfollowers untuk mengetahui siapa saja yang baru saja unfollow twitter sobat.

Nah, kalau sobat ikuti langkah-langkah diatas, maka sobat akan mengetahui siapa saja yang mengunfollow twitter sobat, sekan info twitter mengenai Cara Mengetahui Siapa yang Unfollow Twitter Kita, semoga bisa bermanfaat yah sobat.

Read More

Harga Yamaha Mio Baru Dan Bekas

hallo, - Sekarang penulis akan meninformasikan tentang Harga Motor Yamaha Mio Baru Dan Bekas lengkap mulai dari harga murah sampai harga termahal serta tipe semua motor Mio ini dari yang lama sampai terbaru lengkap dan selalu update. Mio adalah jenis kendaraan bermotor dengan tipe skuter matic yang di luncurkan dari perusahaan Yamaha Motor Indonesia.

Dalam Hal pemasaran motor ini sangatlah laris khususnya di negara indonesia yang memang lagi maraknya motor jenis skuter otomatis seperti Honda Spacy, Motor jenis ini memang banyak di gemari oleh kalangan wanita muda masa kini, yang lagi trend dalam hal memilih motor matic sebagai motor idaman khususnya adalah Yamaha Mio ini sendiri. karena motor ini sangat sportif simple dan nyaman dipakai, mesin yang otomatis yang tidak ribet untuk mengoper gigi dan sangat aman pastinya

Motor Yamaha Mio ini meluncurkan produk terbarunya yaitu Mio J yang lebih handal tentunya, yang sebelumnya adalah Mio standar keluar pertamanya dan Mio Soul. Motor jenis matic ini memang cocok dipakai untuk rutinitas sehari-hari karena sangat sporty dan cantik dan simpel. bentuk desain dan mesin nya memang dirancang khusus dengan teknologi yang semakin canggih dari Yamaha sendiri dan semakin sukses dalah hal pemasaran tingkat teratas. Untuk daftar harga bisa kita lihat langsung dibawah

 

 

HARGA MOTOR YAMAHA MIO BARU

JENIS MOTOR	HARGA
Harga Yamaha Mio GT	Rp. 13.350.000
Harga Yamaha Mio J CW FI	Rp. 13.100.000
Harga Yamaha Mio J CW FI Teen	Rp. 13.250.000
Harga Yamaha Mio J FI	Rp. 12.400.000
Harga Yamaha Mio Soul	Rp. 13.700.000
Harga Yamaha Mio Sporty CW	Rp. 12.350.000

HARGA MOTOR YAMAHA MIO BEKAS

JENIS MOTOR	TAHUN	HARGA
Harga Yamaha Mio	2005	Rp. 5.300.000
Harga Yamaha Mio	2006	Rp. 5.500.000
Harga Yamaha Mio	2007	Rp. 5.700.000
Harga Yamaha Mio	2008	Rp. 6.000.000
Harga Yamaha Mio	2009	Rp. 6.300.000
Harga Yamaha Mio	2010	Rp. 6.800.000
Harga Yamaha Mio	2011	Rp. 7.300.000
Harga Yamaha Mio CW	2005	Rp. 5.600.000
Harga Yamaha Mio CW	2006	Rp. 5.800.000
Harga Yamaha Mio CW	2007	Rp. 6.000.000
Harga Yamaha Mio CW	2008	Rp. 6.300.000
Harga Yamaha Mio CW	2009	Rp. 6.900.000
Harga Yamaha Mio CW	2010	Rp. 7.500.000
Harga Yamaha Mio CW	2011	Rp. 8.300.000
Harga Yamaha Mio CW	2012	Rp. 9.000.000
Harga Yamaha Mio FI	2012	Rp. 10.000.00
Harga Yamaha Mio Soul	2007	Rp. 6.300.000
Harga Yamaha Mio Soul	2008	Rp. 6.800.000
Harga Yamaha Mio Soul	2009	Rp. 7.300.000
Harga Yamaha Mio Soul	2010	Rp. 7.700.000
Harga Yamaha Mio Soul	2011	Rp. 8.300.000
Harga Yamaha Mio Soul	2012	Rp. 9.300.000

Jangan sampai lupa kunjungi informasi - informasi yang tak kalah menariknya lagi tentang Harga Motor lengkap dan selalu update seperti Honda Scoopy dan masih banyak motor lainnya

Read More

Cara Mandi yang Baik untuk Kesehatan

Cara Mandi yang Baik untuk Kesehatan – Cara mandi yang baik untuk kesehatan itu harus kita ketahui demi kesehatan kita, nah berikut ini kami berikan cara mandi yang baik untuk kesehatan:

Cara Mandi yang Baik untuk Kesehatan:

1. Membaca Doa

Sebelum kita masuk ke kamar mandi sebaik nya Anda membaca doa terlebih dahulu kawan , dan mempunyai niat untuk membersihkan diri / Badan ( sesuai kepercayaan masing masing ).

2. Menggunakan Air Hangat

Cara Mandi yang Baik untuk Kesehatan  - Seseorang yang mandi dengan air hangat itu pasti akan lebih rileks dan pikiranpun terasa tenang.

3. Membasahi Tubuh

Cara membasahi tubuh yang benar adalah dari ujung jari kaki kanan maupun ke kiri sampai ke atas terus dan sampai kepala. Jangan sampai kebalik , kebanyakan orang banyak yang tidak tau cara yang benar ini, biasanya mereka lebih sering membasahi tubuh dari kepala lalu ke kaki ( resiko beberapa penyakit akan menyerang tubuh ).

4. Membilas Tubuh Dengan Sabun

Cara Mandi yang Baik untuk Kesehatan - Perhatikan sabun yang Anda gunakan , jangan menggunakan sabun yang terasa kasar di kulit , hal ini akan berakibat iritasi kulit.

5. Menggosok Gigi

Jangan lupa kalau Anda mandi gosok gigi, hal ini berguna untuk menyegarkan nafas Anda maunpun membuat gigi sehat dan terlihat putih.

6. Mengusap Tubuh

Cara Mandi yang Baik untuk Kesehatan - Gunakan handuk yang berbahan terasa nyaman ketika Anda gunakan. Setelah buat handukan sebaiknya Anda jemur tuh handuk di terik matahari ( Karena berhanduk dengan handuk yang kering akan lebih nyaman di gunakan daripada berhanduk dengan handuk yang basah ).

Ingat!

Dalam membasahi tubuh harus perhatikan dengan baik (seperti membasahi dari ujung kaki terlebih dahulu baru ke atas sampai kepala ), karena banyak orang yang membasahi tubuh dari kepala terlebih dahulu itu dapat menyebabkan timbulnya penyakit jantung dan stroke dini. Hal ini memang terlihat sepele tapi mungkin berguna buat Anda.

Nah, itulah cara mandi yang baik untuk kesehatan, semoga dapat bermanfaat yah bagi pembaca sekalian.

Read More

Serangga Kawin Ternyata Bisa Jadi Petunjuk Cuaca

KOMPAS.com — Ilmuwan sejak lama meyakini bahwa serangga bisa menjadi petunjuk cuaca. Kini, mereka menemukan bukti konkretnya.

Jose Bento dari University of Sao Paulo, Brasil, melakukan penelitian pada kumbang curcubit (Diabrotica speciosa), ngengat spesies Pseudaletia unipuncta, dan kutu kentang (Macrosiphum euphorbiae). Hasil penelitian dipublikasikan di jurnal PLoS ONE.

Diberitakan Nature, Rabu (2/10/2013), Bento menemukan, ketika hujan mengancam dan tekanan udara turun drastis, pejantan kumbang curcubit menjadi kurang responsif terhadap feromon kawin yang dikeluarkan betina.

Ketika pejantan diletakkan di dekat betina, pejantan itu masih akan mengawini saat betina mengeluarkan feromon kawin. Namun, tak seperti dalam kondisi normal, pejantan ingin buru-buru menyelesaikan proses kawin. Ada proses foreplay yang dilewatkan.

Ngengat Pseudaletia unipuncta dan kutu kentang juga menunjukkan reaksi yang sama terhadap tekanan udara.

Saat akan hujan, betina dari kedua spesies itu mengurangi panggilan kawinnya. Sementara saat tekanan udara meningkat, kutu kentang juga mengurangi panggilan kawinnya. Pejantan dari dua spesies itu juga kurang responsif terhadap panggilan kawin saat tekanan udara meningkat atau menurun.

Dengan reaksi serangga tersebut, maka kini bila tekanan udara meningkat atau menurun, ataupun bila hujan akan mengancam, manusia bisa mencari petunjuk dari perilaku serangga.

Berbard Roitberg, pakar serangga di Simon Fraser University di Kanada, mengungkapkan bahwa hasil penelitian Bento itu tepat. Roitberg melakukan penelitian 20 tahun lalu pada tawon spesies Leptopilina heterotoma. Ia menemukan, saat tekanan udara menurun, tawon itu cenderung "asal-asalan" dalam meletakkan telurnya.

Sementara Robert Matthews, pakar serangga dari University of Georgia, mengungkapkan bahwa hasil penelitian itu masuk akal. Namun, untuk mengatakan bahwa semua serangga punya reaksi yang sama, masih perlu penelitian lebih lanjut.

Read More