Wednesday, May 23, 2012

cara Mudah Membuat tab View Otomatis di Blog

Tab View berfungsi untuk memudahkan pencarian tanpa menunggu lama, selain menghemat dan bisa mempercepat loading blog kita, tab view merupakan sebuah inovasi yang sangat menarik jika di pajangkan di blog. banyak cara membuat tab view, kali ini saya akan membuat tab view secara otomatis meskipun tab view bisa dibuat secara manual. untuk membuat tab view secara otomatis, ikuti langkah-langkah berikut ini:

1. Login ke akun blogspot sobat

2. Klik Design/Rancangan yaitu  Edit HTML kemudian  Klik Expand Templates Widget

3. Lalu cari kode : ]]></b:skin> ,  Kemudian copy kode berikut ini  dan letakkan tepat diataskode  ]]><b:skin>:

.widget-wrapper2{

border:1px solid #494e52;

background-color:#F1EFEF;

padding:8px;
}

.widget-tab {

font-family:Arial,Helvetica,sans-serif;

}

.tab-content ul li a:hover {

color:#a59c83;

}

.tab-content ul li a:hover small {

color:#baae8e;

}

.active-tab{

color:#FFF !important;

background:#BF1E2D !important;

padding-top:10px;

-moz-border-radius:10px 10px 0 0;

border:5px solid #171615;

border-bottom:none;

}

ul.tab-wrapper {

margin:0px;

padding:0px;

margin-top:5px;

margin-bottom:-2px;

}

ul.tab-wrapper li {

-moz-border-radius:10px 10px 0 0;

border:5px solid #171615;

border-bottom:none;

background:#282828;

color:#FFFFFF;

cursor:pointer;

display:inline;

font-family:Arial,Helvetica,sans-serif;

font-size:13px;

font-weight:bold;

line-height:2em;

list-style-image:none !important;

list-style-position:outside !important;

list-style-type:none !important;

margin-right:1px;

padding:8px 10px;

text-align:center;

text-decoration:none;

}

4. Kemudian Silahkan sobat temukan kode </head> Kemudian copy code di bawah ini, selanjutnya di atas kode </head>

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’ type=’text/javascript’/>

<script type=’text/javascript’>

var starttab=0;

var endtab=2;

var sidebarname=&quot;sidebar&quot;;

</script>

<script src=’http://introbloggerscripts.googlecode.com/files/bloggertabv1.0-min.js’ type=’text/javascript’/>

5. Kemudian Silahkan Klik SAVE TEMPLATE dan hasilnya akan seperti ini jika benar

tab view
Jika Anda Tertarik untuk mengcopy Artikel ini, maka secara ikhlas saya mengijnkannya, tapi saya berharap sobat menaruh link saya ya..saya yakin Sobat orang yang baik. selain Artikel cara Mudah Membuat tab View Otomatis di Blog, anda dapat membaca Artikel atau Makalah lainnya di Aneka Ragam Makalah. dan Jika Anda Ingin Berbagi Makalah Anda ke blog saya silahkan anda klik disini.Salam saya Ibrahim Lubis. email :ibrahimstwo0@gmail.com

No comments:

Post a Comment