Attractive Css Vertical menu bar for your site

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 Android Tanpa Coding untuk Pemula"

Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 

Today Menu Bars can be seen in every website and blog.Now I'm going to present you another attractive vertical menu bar for your site.I used CSS styling language make this attractive vertical menu bar.This vertical menu bar fit to your site's right side bar.I recommend you to see its demo first. Now i will explain you how to add this widget on your blog easily.You can see other menu bars from our attractive menu bar collection.

Demo

1. Log in to your Blogger account.
2. Then go to Blogger Dashboard-->Layout(page Elements) -->Add Gadget.
3. Now select on "HTML/JavaScript" and paste below code on it.

<style>
/*------Vertical navigation menu bar from bestlodge.blogspot.com---------*/
#nav-vr01 {
list-style:none;
margin:0;
padding:0;
}
#nav-vr01 li {
margin:0;
padding:0;
}
#nav-vr01 li a:link,#nav-vr01 li a:visited {
display:block;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
width:180px;
text-transform:capitalize;
text-decoration:none;
font-weight:bold;
padding:6px 6px 6px 40px;
color:#111111;
background:#EBEBEE;
border-bottom:1px dotted white;
}
#nav-vr01 li a:hover {
border:1px solid rgba(81,81,84,0.58);
-khtml-border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
-moz-box-shadow:0px 0pz 3px 0px #EFEEF4;
-webkit-box-shadow:0px 0pz 3px 0px #EFEEF4;
box-shadow:0px 0px 3px 0px #EFEEF4;
color:#48A2AE;
background:#AFAFB8;
-moz-transition:all .3s cubic-bezier 0.05s;
-webkit-transition:all .3s cubic-bezier 0.05s;
-o-transition:all .3s cubic-bezier 0.05s;
transition:all .3s cubic-bezier 0.05s;
}
#nav-vr01 li a:active {
color:#4848AE;
background:#AEAEB0;
text-decoration:none;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
</style>
<ul id="nav-vr01">
<li><a href="#1"  title="#title1">Home</a></li>
<li><a href="#2" title="#title2" >Prices</a></li>
<li><a href="#3" title="#title3">Graphics</a></li>
<li><a href="#4" title="#title4" >Free Photos</a></li>
<li><a href="#5" title="#title5" >Advertise</a></li>
<li><a href="#6" title="#title6" >Contact</a></li>
<li><a href="#7"  title="#title7">FAQ</a></li>
</ul>

...................................................................................................................................
Customization
...................................................................................................................................

1. Type your Target URLs instead of red #1 to #7.
2. Replace your linking Titles with blue color words.
3. Type titles or descriptions about linking pages instead of purple #title1 to #title7 words.

4. Now save your 'HTML/JavaScript' widget.

That's all.If you've any query when modifying this vertical menu bar,just leave a comment below.
Enjoy...

Pengelola Blog : ABDUL WAHAB

Judul : Attractive Css Vertical menu bar for your site
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Attractive Css Vertical menu bar for your site
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/attractive-css-vertical-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