Blue color Horizontal navigation menu bar widget for blogger


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. 
This time i render you another style of horizontal navigation bar for your blogger blog.I used CSS for this horizontal menu bar.If you're web designer or knowing CSS you can modify this menubar widget as you like.You can add this menu bar simply on your blogger blog as a third party gadget.For newbies follow below steps to install this menu bar on your blogger blog.You can see the Live demo of this menu bar clicking on below 'Demo' button.

Blue-color-Horizontal-navigation-menu-bar




Step 1: Sign in your Blogger account.
Step 2: Go to Blogger Dashboard --> Layout --> Add Gadget.
Step 3: Now find and select on 'HTML/JavaScript'.
Step 4: Paste below Codes on 'HTML/JavaScript' page element and make below changes on the code.

<style>
/*-----Horizontal Menubar widget from www.bestlodge.blogspot.com----*/
#Hrnav {
list-style-type:none;
margin:0;
padding:0;
}
#Hrnav li {
padding:0;
}
#Hrnav li a {
display:inline;
float:left;
margin-right:7px;
white-space:nowrap;
padding:10px;
background:#6976E1;
font-family: "Arial","Helvetica",sans-serif;
font-size:16px;
text-decoration:none;
text-transform:capitalize;
font-weight:bold;
color:#313132;
border:inherit solid #000000;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
-moz-transition:all .4s linear 11ms;
-webkit-transition:all .4s linear 11ms;
-o-transition:all .4s linear 11ms;
transition:all .4s linear 11ms;
}
#Hrnav li a:hover {
color:#F7F7F7;
background:#313FBC;
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
</style>
<ul id="Hrnav">
<li><a href="#1" title="">Home</a></li>
<li><a href="#2" title="">Articles</a></li>
<li><a href="#3" title="">Submit</a></li>
<li><a href="#4" title="">Advertise</a></li>
<li><a href="#5" title="">Contact</a></li>
<li><a href="#6" title="">About</a></li>
<li><a href="#7" title="">Blog</a></li>
</ul>
.....................................................................................................................................
Change below points on the code
.....................................................................................................................................

- Add your target links instead of red color #1 to #2
- Type titles to be displayed in the menu bar instead of blue color words.
- If you want to present some description about your target links,type them in the title attribute value.

EX:- target="Go to Homepage"

Step 5: After making above changes,Save your 'HTML/Javascript' element.

.........................................................................................................................................
Need Help ?
.........................................................................................................................................

You can play with CSS code to change the menu bar's performance.If you want to know any point in this widget just leave a comment in below.

Do you Like this Menu bar widget ? So,give some second to share this menu bar with your friends...Happy Blogging :)

Pengelola Blog : ABDUL WAHAB

Judul : Blue color Horizontal navigation menu bar widget for blogger
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Blue color Horizontal navigation menu bar widget for blogger
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/06/blue-color-horizontal-navigation-menu.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 »