demo: http://huyenthoai9.forumvi.com/

Links tải: http://adf.ly/5482528/huyenthoai9
các bạn add các temp ở links bên trên rồi vào:
ACP -> Modules -> Forum widgets management:
click vào: Create a widget
Widget name : cột bên phải
Use a table type : không
Widget source * :

Code:

<div id="right"><div id="forum-widget" style="cursor: pointer; height: 32px; width: 28px; position: absolute;
margin-left: 967px;margin-top: 50px;background: transparent url(http://i.imgur.com/D15jroZ.png) no-repeat 0 0px;" 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','230px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 -35px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div><div style="height:4px"></div><div id="sidebar_container">

      
      <ul id="sidebar">
         <li>
   <div class="block smaller">
      <div class="block-head">
         <a class="collapse" id="collapse_block_html_11" href="forum.php#top"><img alt="" src="http://i.imgur.com/D7HHWON.png" id="collapseimg_html_11"></a>
         <span class="blocktitle">♥</span>
      </div>
      <div class="widget_content blockbody floatcontainer">
      <div id="block_html_11" class="blockrow">
         <img class="img" src="http://1.bp.blogspot.com/-UQZ5AJ_Wxzs/TeoUWAVpxDI/AAAAAAAAAhY/9f4DtadQv2c/s1600/Hoang+sa+truong+sa+la+cua+Viet+Nam___.jpg" alt="THPT Số II Phù Mỹ" width="205" height="260" title="THPT Số II Phù Mỹ">
      </div>
      </div>
   </div>
   <div class="underblock"></div>
</li><li>
   <div class="block smaller">
      <div class="block-head">
         <a class="collapse" id="collapse_block_html_8" href="forum.php#top"><img alt="" src="http://i.imgur.com/D7HHWON.png" id="collapseimg_html_8"></a>
         <span class="blocktitle">Updating</span>
      </div>
      <div class="widget_content blockbody floatcontainer">
      <div id="block_html_8" class="blockrow">
         <center><embed height="150" width="200" flashvars="bannerWidth=200&bannerHeight=150&bannerSID=http://img.uu1001.cn/x3/2012-06-07/13-58/2012-06-07_f1fc305d0ae50d98e1c37285a84bc9a8_4.xml&bannerXML=&bannerLink=http://&dataSource=&bid=30680505&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="30680505" id="30680505" style="" src="http://img.uu1001.cn/bcv3.swf?v=20120313" type="application/x-shockwave-flash" __idm_id__="488005635"></center>
      </div>
      </div>
   </div>
   <div class="underblock"></div>
</li><li>
   <div class="block smaller">
      <div class="block-head">
         <a class="collapse" id="collapse_block_html_4" href="forum.php#top"><img alt="" src="http://i.imgur.com/D7HHWON.png" id="collapseimg_html_4"></a>
         <span class="blocktitle">Time</span>
      </div>
      <div class="widget_content blockbody floatcontainer">
      <div id="block_html_4" class="blockrow">
         <center><embed src="http://www.clocklink.com/clocks/5012-orange.swf?TimeZone=VietNam_HoChiMinhCity&" width="151" height="50" wmode="transparent" type="application/x-shockwave-flash" __idm_id__="488005634"></center>
      </div>
      </div>
   </div>
   <div class="underblock"></div>
</li>
      </ul>
   </div></embed></embed><div style="height:4px"></div><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 -35px'); jQuery('#content-container div#content').css('margin-right','0px');}</script><div style="height:4px"></div></div></div>

và cài đặt Forum widgets management như hình:

xem

xem

xemmmmmmmmmmmm