Menu ialah sebuah pecahan yang hampir selalu ada pada sebuah blog. Menu merupakan pecahan penting yang memungkinkan pengunjung untuk menelusuri secara lengkap isi dari blog tersebut. Selain itu sajian juga berfungsi sebagai pendukung dari konten dalam blog.
Umumnya sajian pada sebuah blog dibentuk dengan semenarik dan semudah mungkin untuk dipakai oleh pengunjung. Baik itu sajian dalam bentuk animasi atau sajian yang memiliki tampilan yang menarik.
Salah satunya ialah sajian yang pernah saya gunakan di blog ini. Disebut dengan Menu CSS Ala . Menu ini bagi saya sangat menarik, sebab sanggup dipakai pada semua jenis template hanya dengan memodifikasi aba-aba CSS nya.
Menu Ala ini ialah sajian dengan tombol toggle. Artinya dikala sebuah tombol ditekan, maka sebuah sajian akan muncul dari samping dan memberi pilihan kepada pengunjung perihal apa saja isi dari blog tersebut. Untuk mengetahui menyerupai apa menunya, kau sanggup melihatnya melalui halaman demo di bawah ini:
Menu menyerupai itu juga sanggup kau pasang di blog kau dengan cara yang cukup mudah. Ikuti langkah-langkah berikut ini:
Itulah cara yang sanggup kau lakukan untuk memasang sajian blog yang muncul dari samping. Menu ini sanggup dimodifikasi memakai aba-aba CSS yang ada di atas. Jangan lupa sampaikan komentar terbaik kau di bawah, baik itu berupa pertanyaan maupun pernyataan. Terima kasih dan hingga jumpa!
Sumber http://www.maringngerrang.com/
Menu menyerupai itu juga sanggup kau pasang di blog kau dengan cara yang cukup mudah. Ikuti langkah-langkah berikut ini:
- Buka Blogger
- Pada pecahan Tema klik Edit HTML
- Temukan tag
<body>kemudian tambahkan aba-aba berikut di bawahnya - Silakan ganti
href='#'dengan alamat link yang kau inginkan! Pastikan kau tidak menghilangkanclass='paling-atas'danclass='paling-bawah'dan letakkan sesuai posisi masing-masing. - Temukan aba-aba
]]></b:skin>, kemudian tambahkan aba-aba berikut di atasnya - Terakhir, tempatkan tombol pembuka sajian di kawasan yang kau inginkan. Misalnya disamping nama blog atau di pecahan navbar. Gunakan aba-aba berikut:
- Tekan tombol Simpan dan lihat kesannya di blog kamu
<!-- MENU ALA MARINGNGERRANG --> <div id='menu-hadi'> <div class='sidenav' id='maringngerrangNav'> <a class='closebtn' href='j4vascript:void(0)' onclick='closeNav()'><i class='fa fa-arrow-left'></i></a> <h3 class='paling-atas'>Blog</h3> <a href='#'>About</a> <a href='#'>Sitemap</a> <a href='#'>Contact</a> <h3>Tools</h3> <a href='#'>HTML Editor</a> <a href='#'>CSS Minifier</a> <a href='#'>JS Converter</a> <a href='#'>Color Picker</a> <h3>Other</h3> <a href='#.html'>Recent Comments</a> <a class='paling-bawah' href='#'>How to Comment</a> </div> </div> <div id="menu-hadi-mask" onclick='closeNav()'></div> <script src="https://code.maringngerrang.com/menu-ala-maringngerrang.js"></script>
/* Menu */ .sidenav{position:fixed;height:100%;width:250px;z-index:999;top:0;left:-250px;overflow:auto;transition:all cubic-bezier(0.55,0.06,0.68,0.19) .3s;z-index:999996} .sidenav{background-color:#4d4d4d;} .sidenav h3{color:#7b7b7b;font-size:2.5rem;border-bottom:1px solid #7b7b7b;} .sidenav a{color:#aaa;}<span class='menu-hadi' onclick='openNav()' title="√ Membuat Menu Show Hide CSS Keren Ala "><i class='fa fa-navicon'></i></span>
Font Awesome tidak tampil!
Apabila tombol pembuka sajian hanya tampil dengan bentuk kotak saja, itu artinya di blog kau belum terpasang Fontawesome. Untuk memasangnya, buka HTML blog kamu, temukan tag</head> kemudian tempatkan aba-aba berikut di atasnya!<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
Itulah cara yang sanggup kau lakukan untuk memasang sajian blog yang muncul dari samping. Menu ini sanggup dimodifikasi memakai aba-aba CSS yang ada di atas. Jangan lupa sampaikan komentar terbaik kau di bawah, baik itu berupa pertanyaan maupun pernyataan. Terima kasih dan hingga jumpa!
Sumber http://www.maringngerrang.com/
Buat lebih berguna, kongsi:
