September 14, 2012

Tab 3 in 1 | Tutorial


Assalammualaikum semua,

Maaf sangat-sangat kepada adik Yana , sebab tehaa baru berkesempatan nak buat tutorial ini.. maaf sangat-sangat.. Yana memang dah lama request dekat tehaa. Tapi tehaa tak perasaan, Lain kali nak request inbox facebook or fanpage.. tulis kat wall pun tak kisah :D

Now, tengok tarikh Yana post kat shoutbox tehaa and tengok sekarang berapa haribulan..hehehe :D

maaf sangat2 Yana

INI Yana MAKSUDKAN!


1- Dashboard > Design > Add A Gadget > HTML/JavaScript

2- Copy semua code bawah ni
<style type="text/css">.tabber { padding: 0px !important; border: 0 solid #bbb   !important;}.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">tabber widget</a></p></div>
3- Pastekan code tadi dan letakkan dibahagian HTML/JavaScript tadi dan Save

4- Bawa tab widget code tadi diatas widget yang korang nak gabungkan
contoh -(tab1 , tab2, tab3 adalah widget yang ingin digabungkan)
tabbed contents view elements
5- Save dan lihat hasilnya
Tukar ;
Purple : Berapa tab nak letak, pandai-pandai la nak cantikkan
Merah : Code warna

Dah? KLIK INI > tanda TERIMA KASIH :D

4 comments:

Amirah. said...

thank youuu ! hehe its okay . akk mesti bz kan , kan . nak tryyyy nieeh :D

Cik T said...

@Princess SyazliyanaGood Luck dear :D

memang bz pun.. tapi still boleh on9, so ada request send at fb ye? :D

Amirah. said...

@TehaaNFM Hahha okeyy :) dah jadi dah . hehe thankss love youu !

Cik T said...

@Princess Syazliyanahehe :) taniah ~