Kali dani blogger akan membahan Cara Membuat Menu Tab View Tanpa Edit HTML Terbaru di blogger emang kali menu Tab View yang sangnt terpapuler di bloger ,entah kenapah semua blog ampir memasang menu Tab View pada blog ga tau entah kenapah ,,,,?
1 Agar blog kita lebih keren
2 Memudah kan pengunjung blog kita memilih menu yang dia cari
3 Memeper irit halam blog kita ,agar blog kita kelitan halam nya luas ,untuk masang menu yang lain nya
4 Menu Tab View itu otomatis bisa di gunakan pada blog/website/wordpress
5 Bisa memasukan menu yang kita mau masukan contoh :lebel,judul artikel,kontak blog.
Cara Membuat Menu Tab View Tanpa Edit HTML Terbaru di blogger
CARANYA PERHATIAN....!!!!!!
1 Login ke https://www.blogger.com dan carai menu Teta Letak
2 Lalu pilih menu Tambahkan Gadget
3 Kemudian pilih menu Java Script lalu copy kan kode script di bawah inih lalau save
KODE SCRIPT MENU TAB VIEW TERBARU
<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
<br/>
<br/>
aaaaa
</div>
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
bbbbb
</div>
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
ccccc
</div>
</div>
</div>
<style>
#acc{background:#000000;font:13px arial;
line-height:1.6em;padding:10px;margin:0;}
#acc h3{padding:6px 10px;margin:0;color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyn3-6HTOV3HbBw0x-zOqGOwaI60c05v6CqghYKw1i0WzNj99c78PAmTKsYaxE9gtAM63jGakZu4u9cGu6SaQ3QnEY4E8hSSnjh-LaOZElrtLXRxkVLq0rcR5cBIFvSgrMV2kC8yRXWRc/s1600/seocips-mnubg.png) repeat-x top;margin:15px 6px 12px; padding:8px 16px; border:1px solid #111;}
#acc h3 a{color:#cc6611;text-decoration:none;}
#acc h3 a:hover{ color:#ffcc00; }
#acc .post{background:#ff9900;color:#000;padding:10px;margin:12px 5px;display:none;
border:2px solid #000; transition:all .6s;}
#acc :target h3 + .post {display:block;height:300px;overflow:auto;}
#acc :target h3 a{color:#ffcc00;}
</style>
biala anda bingung/belum tau cara memaukan nya saya akan jelas toturail Cara mesukan Menu ke dalam Menu Tab View di toturial yang salanjut nya jika sobat sudah mengerti cara memasukan menu ke dalam menu Tab View bila anda sudah pahan caranya lewati saja ling di atas,okeh cukup sekian dari saya mohon map bila ada kesalahan dalam artikel yang aku buat,slam blogger.
Post a Comment