• Sit amet felis. Mauris semper, velit semper laoreet dictum

    Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, ...

  • Category name clash

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. ...

  • Test with enclosures

    Here's an mp3 file that was uploaded as an attachment: Juan Manuel Fangio by Yue And here's a link to an external mp3 file: Acclimate by General Fuzz Both are CC licensed. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, ...

  • Block quotes

    Some block quote tests: Here's a one line quote. This part isn't quoted. Here's a much longer quote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In dapibus. In pretium pede. Donec molestie facilisis ante. Ut a turpis ut ipsum pellentesque tincidunt. Morbi blandit sapien in mauris. Nulla lectus lorem, varius aliquet, ...

  • Contributor post, approved

    I'm just a lowly contributor. My posts must be approved by the editor.Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at ...

Cara Pasang Widget Tab View Di Blog

Cara untuk memasang widget tab view atau menu tabulasi tersebut adalah dengan langkah-langkah berikut:

Perhatikan ya setiap Peletakannya dan jangan sampai Bersalahan.

1. Login pada account blogger Anda.
2. Pilih Layout/tata Letak > Edit HTML
3. Centang pada Expand Template Widget
4. Letakkan kode berikut diantara kode<head> dan </head> 

<script src='http://sites.google.com/site/ariprahmancorp/script/smartbekantan_tab.js' type='text/javascript'/>


5. Selanjutnya letakkan kode berikut di atas kode ]]></b:skin>

/* tab model htt://smartbekantan.blohspot.com */
div.smartbekantan {margin:15px 0 0 0; font: normal 11px arial;}
div.smartbekantan div.smb
{height:28px; overflow: hidden; border:1px solid #ccc; border-bottom:0px;background:#f0f0f0;}
div.smartbekantan div.smb a
{float: left; display: block; text-align: center; text-decoration: none; padding:7px; margin:0; background:#f0f0f0; color: #333; border-right:1px solid #CCCCCC;}
div.smartbekantan div.smb a:hover
{ background:#ccc;}
div.smartbekantan div.smb a.Active
{ background: #333; color:#FFFFFF;}
div.smartbekantan div.Pages
{ clear: both; overflow: hidden; height:150px; padding:0; border:1px solid #ccc; padding:5px;}
div.smartbekantan div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.smartbekantan div.Pages div.Page div.floor
{ font-size:11px; text-align:left;}
#sidebar div.smartbekantan div.Pages div.Page div.floor li {
margin:0; padding:0;}

6. Jika sudah, simpan template.
7. Selanjutnya memasang widget tab view atau menu tabulasi pada elemen halaman Anda. Masuk pada menu Add gadget > HTML/Javascript.
Lalu Pasangkan kode berikut pada kontent tersebut :

<form action="smartbekantan.html" method="get">
<div class="smartbekantan" id="smartbekantan">
<div class="smb">
<a>tab1</a>
<a>tab2</a>
<a>tab3</a>
<a>tab4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 1 anda
</div>
</div><!-- end Tab -->

<div class="Page"><!-- Tab -->
Disini letakkan kode untuk tab 2 anda
</div><!-- end Tab -->

<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 3 anda
</div>
</div><!-- end Tab -->

<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 4 anda
</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">smartbekantan_name('smartbekantan');</script>



Kemudian Save, Lalu lihat hasilnya.





Wednesday, February 2, 2011 Labels: 0 comments

0 comments to "Cara Pasang Widget Tab View Di Blog"

Post a Comment

Labels

Blog Archive