Wellcome To My Blog

Wednesday, September 3

Tab maen geser2 aja deh

Wednesday, September 03, 2008 by Joe Spyder · 0 comments

Bingung mau kasih judul apa deh, ya mungkin itu aja tar tak ganti lagi deh.
berikut caranya oke :
dari halaman dashboard pilih layout dan edit HTML kemudian anda backup dahulu template anda ya dari untuk menhindari kejadian yang gak kita inginkan.
cari code </head> jika anda sudah menemukan kode tadi, masukan kode dibawah ini tepat sebelum kode tadi atau tepat diatasnya.

<style type='text/css'>
.myAccordion {float: left;margin-right: 15px;}
h3{padding: 8px;color: #636363;background-color: #ffffff;background-image: url(http://i288.photobucket.com/albums/ll179/ahnning/iniolehemikir-sampai-ngelu.gif);
background-position: top;background-repeat: repeat-x;font-weight: normal;}
.myAccordion .yui-cms-accordion .yui-cms-item {border: 1px solid #cccccc;width: 360px;}
.myAccordion .yui-cms-accordion .yui-cms-item h3 {margin: 0px;}
.myAccordion .yui-cms-accordion .yui-cms-item .accordionToggleItem {background: url(http://i288.photobucket.com/albums/ll179/ahnning/accordion.gif)
no-repeat 0px 0px;text-decoration: none;padding-left: 20px;display: block;}
.myAccordion .yui-cms-accordion .yui-cms-item.selected .accordionToggleItem {background: url(http://i288.photobucket.com/albums/ll179/ahnning/accordion.gif) no-repeat 0px -100px;}
.myAccordion .yui-cms-accordion .yui-cms-item .bd {height: 0px;overflow: hidden;background-color: #fff;}
.myAccordion .yui-cms-accordion .yui-cms-item .bd .fixed {overflow: hidden;padding: 5px;height: 200px;}
</style>
<script src='http://yui.yahooapis.com/2.5.1/build/utilities/utilities.js' type='text/javascript'/>
<script src='http://js.bubbling-library.com/1.5.0/build/bubbling/bubbling.js' type='text/javascript'/>
<script src='http://js.bubbling-library.com/1.5.0/build/accordion/accordion.js' type='text/javascript'/>


Setelah itu anda Simpan perubahan yang sudah anda lakukan tadi :)

Selanjutnya kita tambahkan element baru dengan cara dari tab layout anda pilih Page Element. trus pilih HTML/Javascript dan masukan code dibawah ini :
<div class="myAccordion">
<div class="yui-cms-accordion persistent rollover slow">
<div class="yui-cms-item">
<h3><a href="#" class="accordionToggleItem" title="click to expand">
For Title </a></h3>
<div class="bd">
<div class="fixed">
<p><br />For Code HTML</p><br /></div>
</div></div>
<div class="yui-cms-item selected">
<h3><a href="#" class="accordionToggleItem" title="click to expand">
For Title </a></h3>
<div style="height: auto;" class="bd">
<div class="fixed">
<p>This For code HTML/Text<br /><br /></p></div></div></div>
<div class="yui-cms-item">
<h3><a href="#" class="accordionToggleItem" title="click to expand">Title</a></h3>
<div style="height: auto;" class="bd">
<div class="fixed">
<p>For code HTML<br /></p></div></div></div>
<div class="yui-cms-item">
<h3><a href="#" class="accordionToggleItem" title="click to expand">For Title</a></h3>
<div style="height: auto;" class="bd">
<div class="fixed"><p>For Code HTML<br /> </p></div></div></div></div></div>
<div style="text-align: right;">Power by.<u><a href="http://www.oprekblogger.com/">Oprek Blogger</a></u></div><br/>

Untuk Penjelasannya besok ya. karna udah ngantuk banget neh.

comments

0 Responses to "Tab maen geser2 aja deh"
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Terima kasih sudah mampir dan memberi komentar pada blog ini, Jangan jadi Spamer ya oke, karna komentar ada akan saya delete .