Cara Membuat Tab Menu Paper Grinder

Cara Membuat Tab Menu Paper Grinder

6 Comments

Pembuatan Tab Menu Paper Grinder kurang lebih sama dengan pembuatan tab menu lainnya. Bedanya pada bentuk tampilan yang lebih smoot dan elegant. Selain itu pembuatannya lebih sederhana. Jika template anda tidak berwarna gelap, saya sarankan anda untuk menggunakan tab menu ini. Dijamin gak berat dan memberatkan anda. Silahkan ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Masukkan kode berikut di atas kode </head>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
<script>
    $(document).ready(function() {
        $("#tabs").tabs();
    });
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/pepper-grinder/jquery-ui.css" type="text/css" /></script>
Selanjutnya klik lagi Rancangan
Klik Tambah Gadget
Pilih HTML/ JavaScript
Masukkan kode berikut ke dalamnya
<div id="tabs">
<ul><li><a href="#tabs-1">Tab1</a></li><li><a href="#tabs-2">Tab2</a></li><li><a href="#tabs-3">Tab3</a></li></ul>
<div id="tabs-1">Masukkan Tulisan atau Script di sini</div>
<div id="tabs-2">Masukkan Tulisan atau Script di sini</div>
<div id="tabs-3">Masukkan Tulisan atau Script di sini</div>
</div>
Ganti Tab1, Tab2, dan Tab1 dengan judul anda
Ganti Tulisan Masukkan Tulisan atau Script di sini dengan kode atau tulisan sesuai keinginan anda
Selanjutnya klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu



"keep spirits and do the best"
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.