Oops! Sepertinya ada sedikit kesalahan ...

[You must be registered and logged in to see this image.]

Tutorial ini, akan membuat kalian bisa menyembunyikan dan menimbulkan widget kalian

Oke step 1: pergi ke admin > modules > forum widget
buat widget dulu ya
[You must be registered and logged in to see this image.]

kita akan bikin dua widget ya ingat itu :
oke widget pertama letakkan kode ini

untuk sebelah kiri

Code:

Nanti ya lagi mau di fix dulu

Please reply this post to see hidden content
Harap reply post ini untuk melihat konten tersembunyi



Selesai deh

maksudnya kasih nama beda?

untuk widget top
<div id="forum-widget" style="height: 24px; width: 24px;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
cursor: pointer; position: absolute; background: #f5ebf7
url(http://cdn2.iconfinder.com/data/icons/gnomeicontheme/24x24/stock/form/stock_show-hidden-controls.png)
no-repeat;"
onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000);
if(my_getcookie('forum-widget')=='0') {
my_setcookie('forum-widget','1',0,0);
jQuery('#forum-widget').css('background-position','0 0px'); } else {
my_setcookie('forum-widget','0',1,0);
jQuery('#forum-widget').css('background-position','0 0px');
}"></div><div id="forum-widget" style="cursor: pointer; height:
24px; width: 24px; border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; position: relative; bottom: -15px; float:
right; background: #f5ebf7
url(http://cdn2.iconfinder.com/data/icons/gnomeicontheme/24x24/stock/form/stock_show-hidden-controls.png)
no-repeat;"
onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000);
if(my_getcookie('forum-widget')=='0') {
my_setcookie('forum-widget','1',0,0);
jQuery('#forum-widget').css('background-position','0 0px');
jQuery('#content-container div#content').css('margin-right','189px');}
else { my_setcookie('forum-widget','0',1,0);
jQuery('#forum-widget').css('background-position','0 0px');
jQuery('#content-container div#content').css('margin-right','0px');
}"></div>Untuk widget down
<script type="text/javascript">
jQuery('#forum-widget').insertBefore('#left');
if(my_getcookie('forum-widget')=='0')
{jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0);
jQuery('#forum-widget').css('background-position','0 0px'); }
</script><script type="text/javascript">
jQuery('#forum-widget').insertBefore('#right');
if(my_getcookie('forum-widget')=='0')
{jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0);
jQuery('#forum-widget').css('background-position','0 0px');
jQuery('#content-container div#content').css('margin-right','0px');}
</script>gitu gan?

yap di buat 2 nama yang berbeda gan
dua kode di atas itu namanya Top Widget

terus dua kode di bagian bawahnya itu Bottom Widget

portal harus diaktifin?

gan gambar untuk back sama opennya kok sama semua ya?? ane maunya gambarnya beda. Contoh teken [You must be registered and logged in to see this image.] jadi keluar slidenya.. teken [You must be registered and logged in to see this image.] jadi ilang slidenya.. tapi punya ane pas teken [You must be registered and logged in to see this image.] keluar slide[You must be registered and logged in to see this image.]ilang slide..

Sorry gan, mungkin itu kurang bagus, nanti ane edit lagi ya