Cara membuat Tabel + Tab

Tutorial cara membuat tabel + Tab pada postingan blog


Cara membuat Tabel + Tab

Kaliini saya akan membahikan bahai mana cara membuat Tabel + Tab buat postingan blog tabel ini cocok buat bloger tube yang mau menayangkan beberapa vidio dalam satu postingan blog.atau membuat descrip dan vidio dalam postingan
ok...langsung saja kita KTKP
Pertama kalian masuk bloger kemudian pilih Template dan pilih efid Html

Cari dengan meng klik "CLTR+F kemudian pastekan "</b:skin>"
Kalau dah ketemu copy code di bawa ini tepat di atas code "</b:skin>"

Code </>Tabel box+Tab

/* Tabel Box + tab  - software4yuo */
#mgdl321{position: relative;font: normal 12px Arial, Sans-Serif}
#dltb321{list-style:none;height: 30px;margin: 0 !important;padding: 0 !important}
#dltb321 li{list-style:none;margin: 0 0 0 2px;float: left;font-weight: 700}
#dltb321 li a{display: block;padding: 0 6px;line-height: 30px;text-decoration: none;color: #398BCE;background-color: #ccc}
#dltb321 li.active a{background-color: #f3f3f3}
#dlctn321 > div{background-color: #f3f3f3;color: #000;padding: 10px 15px;border-bottom: 4px solid #398BCE}
#dlctn321 a{color: #398dcc;text-decoration: none;outline: none;transition: all 0.25s}
#dlctn321 a:hover{color: #222;text-decoration: none}

Kemudian save template
Lalu kalian cari dan pilih Tata Letak kemudian pilih Add widget
copy dan tempel code berikut di dalam widget

Code </>Tabel box+Tab

<script type='text/javascript'>
jQuery(document).ready(function($){$('#dltb321 li:first').addClass('active');$('#dlctn321 > div').hide();$('#dlctn321 > div:first').show();$('#dltb321 a').click(function(){$('#dltb321 li').removeClass('active');$(this).parent().addClass('active');var activeTab=$(this).attr('href');$('#dlctn321 > div:visible').hide();$(activeTab).show();return false;});});
</script>

Lalu simpan dan Lihat hasilnya

Unknown

Add Comment

Tutorial blog

Thursday, September 15, 2016

@ Sofrware Area

Terimakasih sebelumnya telah mengunjungi blog ini semoga bisa bermanfaat buat kalian semua.Mari kita budayakan post coment sebagai sarana bersilatuhrahmi walau tak saling kenal,walau tak saling dekat setidaknya kita bisa saling bertukarpikiran atau hanya sebatas support dalam postingan comment.Terimakasih semoga blog ini bisa lebih baik lagi kedepan.

Software Area

Cara membuat Tabel + Tab

Code </>Tabel box+Tab

Code </>Tabel box+Tab

@ Sofrware Area

Related Posts