Small vertical navigation menu bar for your blog


Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding
2. Tidak Tahu Computer Programming
3. Tidak Paham Bahasa Pemrograman Android
4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...
Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan
2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan
3. Susun blok-blok kode programnya, dan
4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?
Mudah kok, karena sudah hadir untuk Anda Di Sini :


Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 
Vertical menu bars are as important as horizontal menu bars.Today in this tutorial,I'm going to present another beautiful vertical menu bar for your blog.You can add this menu bar on your side bar.This is small menu bar.If you want to adjust the width,you can change the width of vertical menu bar as matching to your sidebar width.I recommend you to see its preview first.(page will be opened in new tab).You can see my other menu bars from here.


Step 1: Sign in to your Blogger account.
Step 2: Go to Blogger Dashboard >> Layout(page element) >> Add Gadget.
Step 3: Now select on "HTML/JavaScript" and paste below code on it.If you would prefer to add a title for your ease,you can type any title.


<style>
/*------Vertical navigation menu bar from www.bestlodge.blogspot.com----*/
#BLnav-vr02 {
margin:0;
padding:0;
list-style-type:none;
width:100%;
}
#BLnav-vr02 li  {
margin:0;
padding:0;
}
#BLnav-vr02 li a,#BLnav-vr02 li a:visited{
display:block;
width:140px;/*.......Set the width as your sidebar width.......*/
font-size:14px;
font-weight:bold;
text-decoration:none;
text-transform:capitalize;
text-indent:30px;
background:#B5881C;
padding:5px;
color:#474247;
border-bottom:1px solid #9B751A;
text-shadow: 0px 1px 0px rgba(255,255,255px,0.6);
}
#BLnav-vr02 li a {
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
#BLnav-vr02 li a:hover{
cursor:pointer;
background:#A37F2B;
color:#07B807;
-moz-transition:all 320ms ease ;
-webkit-transition:all 320ms ease ;
-o-transition:all 320ms ease ;
transition:all 320ms ease ;
}
#BLnav-vr02 li a:active {
-moz-opacity:0.93;
-khtml-opacity:0.93;
filter:alpha(opacity=95%);
opacity:0.93;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
</style>
<ul id="BLnav-vr02">
<li><a href="#1">Home</a></li>
<li><a href="#2">Coding</a></li>
<li><a href="#3">Jquery</a></li>
<li><a href="#4">Ajax</a></li>
<li><a href="#5">Programming</a></li>
<li><a href="#6">More >></a></li>
<li><a href="#7">Help..!</a></li>
</ul>

Customization

  1. Replace red #1 to #7 numbers with your target URLs. It should be relevant to titles on the navigation bar.
  2. Type your titles to be shown on the menu bar instead of blue color words.

Step 4: Now save your "HTML/JavaScript".

Enjoy...

Pengelola Blog : ABDUL WAHAB

Judul : Small vertical navigation menu bar for your blog
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Small vertical navigation menu bar for your blog
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
https://kejutaninternet.blogspot.com/2013/05/small-vertical-navigation-menu-bar-for.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Previous
Next Post »