Thursday, February 23, 2012

Tabbed content widget



Assalamualaikum wbt.. 

{。^◕‿◕^。}

macam mana nak jimatkan ruang dalam blog dengan membuat tabbed content widget..



pergi ke Design > Add a gadget > add Html/Javascript

copy code dibawah


<style type="text/css">.tabber { padding: 0px !important; border: 0 solid #bbb;}.tabber h2 { float: left; margin: 0 1px 0 0; font-size: 12px; padding: 3px 5px; border: 1px solid #bbb; margin-bottom: -1px; /*--Pull tab down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; cursor:pointer;}html .tabber h2.active { background: #fff; border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/}.tabber .widget-content { border: 1px solid #bbb; padding: 10px; background: #fff; clear:both; margin:0;}.codewidget, #codeholder { display:none;}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script><script type="text/javascript">$(document).ready(function() { $('#codeholder').bloggerTabber ({  tabCount : 3 });});</script>
<!-- to make sure the widget works, do not alter the code below --><div id='codeholder'><p>Get this <a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank">widget</a></p></div>

pastekan kedalamnya, save kemudian drag ke atas widget yang ingin digabungkan

tabCount : 3 - anda boleh tukar jumlah widget yang hendak digabungkan di no 3 tu
yang berwarna biru - tukar widget colour,tab background dan bottom border....boleh cari  kod disini


setiap widget yang ingin dimasukkan mestilah mempunyai nama/tajuk

preview dan save..
>_<

sumber: bloggersentral







Terima Kasih..sila komen,klik nuffnang dan churp2 jika suka entry ini

5 comments:

  1. " pastekan kemudian drag ke atas widget yang ingin digabungkan " &
    " od---line 41 - anda boleh tukar jumlah widget yang hendak digabungkan ".. sy xfhm..

    ReplyDelete
  2. x faham la...drag camane?x jadi..boleh ajar satu2?tq :)

    ReplyDelete

Assalamualaikum..
no harsh words please...
Admin tidak akan bertanggungjawab dengan komen yang ditinggalkan.

 
Allright reserved by ARRA AHMAD copyright@2012 Designed by DIARISIFROGGIE