Ditengan suasana marah

bercampur sedih

, karena batalnya tim MU melawan Indonesian All Star,yang seharusnya bertanding hari ini. Namun karena saya tidak mau berlarut dalam kemarahan dan kesedihan, dan teringat akan Tag Line Weblog ini
"berbagi itu menyenangkan" saya putuskan untuk membagikan tips yang satu ini...
Sebenernya bingung juga jika harus menjelaskan apa itu
,tapi jika kalian sering membuka
Kompas.com pastinya kalian akan tahu apa itu Menu Slideshow Tabview, jika tidak pernah membukanya kalian bisa melihat contohnya diatas postingan saya ini....
sekarang sudah tau kan?
Tips ini sedikit membutuhkan kesabaran dan ketelitian dalam mengerjakannya, tapi saya yakin kalian pasti bisa membuatnya...
Ok...langsung saja
Login ke blogger
lalu pilih pengaturan > klik Tata letak > klik edit HTML, berilah tanda centang pada bacaan Expand Widget Templates
sekarang tugas kamu adalah mencari kode : ]]></b:skin> lalu letakan Script di bawah ini tepat diatasnya
Tenangkan dirimu dan baca scrip ini baik2. tapi kalo melihatnya saja sudah membuat mata jereng
, lebih baik langsung blok copy dan pastekan saja tepat diatas code: : ]]></b:skin>
# .indentmenu{
font: bold 11px Arial;
width: 100%; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 2px;
padding: 0;
float: left;
/* width: 80%; width of menu*/
background: transparent;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
margin: 2px;
color: #000; /*text color*/
padding: 5px 11px;
text-decoration: none;
border: 1px solid #ccc;
}
.indentmenu ul li a:hover{
background:#ddd;
}
.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;
border: 1px solid #000000;
background:#000000;
}
.tabcontentstyle{ /*style of tab content container*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}
lalu
* Download Script ini, kemudian kamu Copy lalu Paste diatas code:</head>
* Setelah itu save hasil edit kamu
Nah...Langkah pertama telah selesai, cukup melelahkan bukan...
sebelum melanjutkan ke langkah berikutnya sebaiknya minum dahulu untuk menyegarkan otakmu...

Sudah....
ok kita lanjutkan lagi...
Sekarang
Buka : Tata letak > Element halaman > tambah gadget > pilih HTML/JavaScript
lalu Copy dan pastekan kode di bawah ini di dalamnya
<div id="pettabs" class="indentmenu">
<ul>
<li><a href="#"class="selected" rel="tab1">1</a></li>
<li><a href="#"rel="tab2">2</a></li>
<li><a href="#"rel="tab3">3</a></li>
<li><a href="#"rel="tab4">4</a></li>
</ul>
<br style="clear: left"/>
</div>
<div style="width:440px;text-align:justify;padding: 5px; margin-bottom:1em">
<div id="tab1" class="tabcontent">
<span style="color: rgb(51, 255, 51);"><a href="http://www.blogiebloger.com/2009/07/gimana-sih-caranya-bikin-blog-di_891.html"></a></span>
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" width="200" src="http://farm2.static.flickr.com/1098/1230157058_bc65dce3b9.jpg?v=0" height="152" title=""/></a>
<p><h3><a href="http://www.blogiebloger.com/2009/07/gimana-sih-caranya-bikin-blog-di_891.html">Bikin Blog di blogger, mau?</a></h3></p>
Khusus buat kamu yang belum punya blog, dan sangat ingin punya blog namun belum tau caranya gimana, baca aja artikel ini.....
</div>
<div id="tab2" class="tabcontent">
<a href="http://www.blogiebloger.com/2009/07/menghasilkan-dollar-lewat-blog-gimana.html">
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" width="200" src="http://media.newsadvance.com/newsadvance/gfx.php?max_width=300&imgfile=images/uploads/Logo-dollar_sign.jpg" height="152" title="dollar"/></a>
<p><h3><a href="http://www.blogiebloger.com/2009/07/menghasilkan-dollar-lewat-blog-gimana.html">Tips menghasilkan dollar lewat blog</a></h3></p>
Sudah buat blog tapi belum tau caranya bagaimana menghasilkan dollar, atau bingung dollar tak kunjung mengalir ke rekening kamu, inilah tips yang mungkin berguna buat kamu.....
</div>
<div id="tab3" class="tabcontent">
<a href="http://www.blogiebloger.com/2009/07/apa-itu-adsense.html">
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" width="200" src=" http://anhblog.net/Images/google-adsense.jpg" height="152"/></a>
<p><h3><a href="http://www.blogiebloger.com/2009/07/apa-itu-adsense.html">Apa Itu Adsense</a></h3></p>
Adsense..? mari mengenal adsense dan bagaimana adsense bisa menghasilkan dollar buat kamuâ......baca ajah selengkapnya disini......
</div>
<div id="tab4" class="tabcontent">
<a href="http://www.blogiebloger.com/2009/07/cara-instan-membuat-flash-banner.html">
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" width="200" src="http://blog.taragana.com/wp-content/uploads/2009/06/adobe_flash.jpg" height="152"/></a>
<p><h3><a href="http://www.blogiebloger.com/2009/07/cara-instan-membuat-flash-banner.html">Tips membuat Flash Banner</a></h3></p>
Ayo percantik blog kamu dengan flash banner. Disini kamu bisa membuat flash banner dengan mudah dan cepat tanpa harus mempelajari softwarenya, baca ajah artikelnya disini....
</div>
<div id="tab5" class="tabcontent">
<a href="http://www.blogiebloger.com/2009/07/tips-mencari-ide.html">
<img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" width="200" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrG54C7U6o0apNpujc_qS015540mZxR0QUP0z8eSIVV0XUJ0gaSk25PyZ0i_-R5xdiwJXtYNFWjqB1UPamAHLw05eUyr1evt1G0ofVm0M1tSlM_l91c0FE5GLmjzal343Pmym8O4vw3qGt/s400/lightbulb+idea.jpg" height="152"/></a>
<p><h3><a href=" http://www.blogiebloger.com/2009/07/tips-mencari-ide.html">Tips Mendapatkan ide segar</a></h3></p>
Adakalanya kita kehilangan ataupun bingung mencari ide, atau sudah bermacam cara dilakukan agar mendapatkan ide, namun tak muncul juga, mungkin cara ini bisa kamu coba.....
</div>
</div>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(2000)
</script></div>
</div></left>
Keterangan
* Kode diatas hasilnya sama dengan yang ada di weblog saya, jika ingin menggantinya
* Ganti tulisan yang berwarna hijau dengan link posting kamu
* Ganti tulisan yang berwarna Merah dengan Link gambar
* dan yang berwarna biru bisa diganti dengan deskripsi singkat slide mu.
* angka 2000 adalah kecepatan slide, bisa kamu ganti sesuai selera.
* dan angka yang tercetak tebal adalah ukuran slide, ini juga bisa diganti
* Jika ingin menambahkan jumlah slide, silahkan copy slide yang berkedip, pastekan
dibawahnya dan ganti angkanya dengan angka 6,7 dst.
Untuk membuat benar-benar sama seperti yang ada di webblog saya, kamu bisa menambahkan script ini untuk membuat variasi warna background dan border menu slide show tersebut.
<left><div style="border: 1px solid rgb(233, 233,233); padding: 5px; overflow: auto; width: 629px; height: 310px; background-color: #FFFFFF;">
letakan di atas kode <div style="float:left;margin:0px 10px 0px 0px;padding:5px;height:280px;">
lalu simpan dan lihat hasilnya.....jika gagal, coba lagi, jika gagal lagi coba lagi sampai berhasil, namun jika gagal lagi mungkin kamu belum beruntung..jadi coba sekali lagi 
saya pun baru berhasil di percobaan ketiga....