Aksesoris blog #7 : Menambah Aksesoris TabView

Mark Lindon

Menambah Aksesoris TabView pada blog kita, saya rasa suatu kebanggaan. bagaimana tidak ?? Bila aksesoris blog tersebut menempel pada blog kita, menambah daya tarik dari blog tersebut, disisi lain juga memudahkan daripada pengunjung untuk melihat semua artikel pada blog kita.

Adapun cara menambah aksesoris blog TabView adalah : seperti biasa Login terlebih dahulu ke Blogger, kemudian masuk ke Layout dan pilih Edit/HTML.



Kemudia, langkah berikutnya :
  • Cari kode ini ]]></b:skin>
  • Kemudian masukkan kode dibawah ini, diatas tanda ]]></b:skin>

div.TabView div.Tabs

{

height: 24px;

overflow: hidden;

}

div.TabView div.Tabs a

{

float: left;

display: block;

width: 98px;

text-align: center;

height: 24px;

padding-top: 3px;

vertical-align: middle;

-moz-border-radius-topleft:12px;

-moz-border-radius-topright:12px;

border-top: 1px solid #d9e3ff;

border-left: 1px solid #d9e3ff;

border-right: 1px solid #d9e3ff;

border-bottom: 1px solid #d9e3ff;

font-family: "verdana", Serif;

font-weight: 900;

color: #1E62B6;

}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active

{

background-color: #F2F2F2;

}

div.TabView div.Pages

{

clear: both;

border-left: 1px solid #d9e3ff;

border-right: 1px solid #d9e3ff;

border-bottom: 1px solid #d9e3ff;

overflow: hidden;

background-color: #ffffff;

}

div.TabView div.Pages div.Page

{

height: 100%;

padding: 0px;

overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad

{

padding: 3px 5px;

}


  • Pasang kode berikut, sebelum </head>

<script src='http://www.geocities.com/damn_lunchix/tabview.js' type='text/javascript'/>


  • Save
  • Langkah berikutnya, Pilih menu Page Elements ---> Trus Add Gadget ---> pilih yg HTML / JavaScript
  • Inilah script yang kamu harus pasang pada gadget kamu, dengan merubah yang kamu butuhkan.

<form action="tabview.html" method="get">

<div id="TabView" class="TabView">

<div style="width: 300px;" class="Tabs">

<a class="Active" href="javascript:tabview_switch('TabView',%201);">Tab One</a>

<a class="" href="javascript:tabview_switch('TabView',%202);">Tab Two</a>

<a class="" href="javascript:tabview_switch('TabView',%203);">Tab Three</a>

</div>

<div style="width: 300px; height: 275px;" class="Pages">

<div style="overflow: auto; height: 274px; display: block;" class="Page">

<div class="Pad">

<ol>


<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>
<li><a href="Your Link Here">Your Link Name </a></li>

</ol>

</div>

</div>

<div style="overflow: auto; height: 274px; display: none;" class="Page">

<div class="Pad">

<ol>

<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>
<li><a href="Masukkan link postingan kamu disini">Nama Postingan </a></li>


</ol>

</div>

</div>

<div style="overflow: auto; height: 274px; display: none;" class="Page">

<div class="Pad">

<ol>

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var

n_rc=true;var o_rc=40;</script><script

src="http://aksesorisblogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

</ol>

</div>

</div>

</div>

</div>

</form>

<script type="text/javascript">

tabview_initialize('TabView');

</script>



Thanks to Kendhin






Bookmark and Share
7 Responses to "Aksesoris blog #7 : Menambah Aksesoris TabView"
ikhsan (IF) said :
1 Oktober 2010 20.01
BRO... TAB TWO DAN THREE NGGA BISA .... GIMANA CARANYA OM.. look http://usegallery.blogspot.com/
13 Februari 2011 19.30
makasih:)
daelkha said :
24 Agustus 2011 12.48
mantab gan..thx ea...!!!!!!!
http://artikel-daelkha.blogspot.com/
Anonim said :
25 Februari 2012 08.59
maksih mas... udah saya praktekan... sekali lagi makasih ilmunya semoga bermanfaat.....
25 Desember 2012 03.12
mantap gan..
kkunbal yow
neducation.blogspot.com
Ari Supriadi said :
1 Maret 2013 14.09
mantab , keren,, ane praktekin dah
http://aribux.blogspot.com
Syafitri said :
21 September 2016 11.18
Salam kenal Saya Syafitri TKI DI MALAYSIA
Maaf sebelumnya jika lewat Tempat ini saya menceritakan kisah hidup saya niat saya hanyalah semata ingin berbagi tapi semua tergantung Anda percaya atau tidak yg jelasnya inilah kenyataannya...
Syukur alhamdulillah kini saya bisa menghirup udara segar di indonesia karnah sudah sekian lama saya ingin pulang ke kampung halaman namun tak bisa sebab,saya harus bekerja di negri orang (Arab Saudi) karna ada hutang yang harus saya bayar di majikan yaitu 257 juta untuk uang indo namun saya tidak pusing lagi sebab kemaring saya di berikan Info oleh seseorang yang tidak saya kenal,katanya kalau mengalami kesulitan Ekonomi,Terlilit hutang silahkan minta bantuan sama
KI BARONG di Nomor telfon 0852 8895 8775 di jamin bantuan beliau 100% …
Atau,>>KLIK DISINI<<
BANTUAN DARI KI BARONG
1.PESUGIHAN
2.TOGEL
3. DANAH GHAIB
4.PENGGANDAAN UANG
5.UANG BALIK
6.PEMIKAT
7.PENGLARIS BISNIS (Jualan,Tokoh,warung)
8.PERLANJAR DALAM BERBAGAI HAL
Jadi saya beranikan diri menghubungi beliau dan menyampaikan semua masalah saya dan alhamdulillah saya bisa di bantu,kini semua hutang saya sama majikan di Saudi semua bisa terlunasi dan punya modal untuk pulang kampung,,,,
Jadi buat yang pengen seperti saya silahkan hubungi KI BARONG di nomor 0852 8895 8775 Anda tidak usah ragu akan adanya penipuan atau hal semacamnya sebab saya dan yg lainnya sudah membuktikan keampuhan bantuan beliau kini giliran Anda trimahkasi….

Posting Komentar