Horizontal menu bar 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. 
Today I brought you another CSS horizontal menu bar.You can add this menu bar on your website or blog.We give the priority for the bloggers.So i will explain you to how to set up this horizontal navigation menu bar on your blogger blog easily.I recommend you to see its demo first from this link.Then you can add this menu bar on your blog.If you want another one,check my other attractive menu bars from here.

Step 1:  Sign in to your Blogger account.
Step 2:  From Blogger Dashboard,go to Layout.
Step 3:  Now click on "Add Gadget" link and find HTML/JavaScript element on the pop up window.
Step 4:  Paste below codes on your "HTML/JavaScript" element and make below changes on the given codes.

<style>
#hrnav05 {
list-style-type:none;
padding:0px;
margin:0px;
font-family:Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
font-size:18px;
}
#hrnav05 li {
display:inline;
float:left;
margin:0px;
}
#hrnav05 li a {
color:#EDEA3B;
padding:11px;
text-decoration:none;
text-transform:capitalize;
background:#B7B7B7;
border-style:solid;
border-color:transparent;
border-width:3px;
-moz-transition:all 250ms ease-out;
-webkit-transition:all 250ms ease-out;
-o-transition:all 250ms ease-out;
transition:all 250ms ease-out;
}
#hrnav05 li a:hover {
color:#B20000;
border-style:solid;
border-color:#B0B0B0;
box-shadow:inset 0px 0px 8px 10px #ccc;
-moz-transition:all .3s ease-in ;
-webkit-transition:all .3s ease-in ;
-o-transition:all .3s ease-in ;
transition:all .3s ease-in ;
}
</style>
<br/>
<div id="hrnav05">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Currency converter</a></li>
<li><a href="#">Our Group</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>

- Replace red color  with your target Urls such as your blog pages,specific posts or labels.
- Type the titles/names of your target Urls.

Step 5: Now Save your HTML/JavaScript.

..............................................................................................................................
More Information about customization
...............................................................................................................................

This navigation widget has been used hovering effects.You can change the default background color replacing the color name or hexadecimal number instead of #B7B7B7 .Also do same thing to the text color (color:#EDEA3B; ).You can change the both default and hovering effects.If you need any help,do comment in below.Happy blogging :)

Pengelola Blog : ABDUL WAHAB

Judul : Horizontal menu bar for Blogger
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Horizontal menu bar 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
http://kejutaninternet.blogspot.com/2013/05/horizontal-menu-bar-for-blogger.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 »