Cara Membuat Menu Tab View Tanpa Edit HTML Terbaru di Blogger

KODE ATAS

                                                              Menu Tab View
                                                 
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 


Cara Membuat Menu Tab View Tanpa Edit HTML Terbaru di Blogger
2 Lalu pilih menu Tambahkan Gadget 
Cara Membuat Menu Tab View Tanpa Edit HTML Terbaru di Blogger
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(http://3.bp.blogspot.com/-qUn6XWzzCSU/VgOTzlbaFnI/AAAAAAAAFTA/O7dLyxlDEy4/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>

4 Liat pada tulisan yang di berwarna biru ituh isikan sesuwai sobat mana yang mau du  masukan
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.


KODE BAWAH
Share this article :
+
Previous
Next Post »
0 Komentar untuk " Cara Membuat Menu Tab View Tanpa Edit HTML Terbaru di Blogger"

Silahkan Sobat tinggalkan komentar dengan kata - kata yang Baik, Bijak dan Sopan...!!!

Yang tidak diperbolehkan dalam berkomentar :

1. Komentar yang mengandung unsur SARA.
2. Komentar yang berbau Porno.
3. Komentar Saling Caci maki.
4. Komentar yang Memasukan Link Iklan dan Ling Atip.
5. Di Lalarang Mengcopy Paste Pada Artikel Di Sini.

Saya harap Sobat dapat mematuhi aturan berkomentar yang saya buat. Jika ada komentar yang melanggar ketentuan tersebut diatas dan dianggap spam akan Saya Hapus. Atas kerjasama sobat sekalian saya ucapkan banyak Terima Kasih. Salam Sukses selalu untuk Sobat dan Salam Blogger.

Bagi Anda yang Mau di Tayakan ? Anda Bisa Anda Bisa HUB Alamat Facebook Saya (https://www.facebook.com/toturialblogcom)

Terima Kasih Sudah Berkomentar
 
Copyright © 2014 TUTORIAL - All Rights Reserved
Template By. Kunci Dunia
Back To Top