Yang akan kita behas ini masih dalam bentuk sederhana (default blog).
menu navigation di bagi du macam yaitu :
1. menu horizontal.
2. menu vertikal.
Sekarang kita akan membuat menu horizontal dulu atau tegak lurus ke samping seperti menu pada umumnya.
Teknik awal membuat navigation halaman dengan karya sendiri, hal utama adalah membuat List Nav.
HTML
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login</a></li>
</ul>
ul adalah pembungkus list. (bisa di tambahkan id atau class)
li adalah list untuk item (bisa di tambahkan id atau class)
CSS
ini hal penting untuk membentuk menu menjadi horizontal .
1. pertama kita buat box pembungkus untuk seluruh list.
yang kita gunakan adalah id="nav"
#nav{
margin: 0;
font-size: 90%;
background-color: #aaa;
padding: 2px 0;
}
kita gunakan CSS standar saja sebelum melakukan ke tingkat menengah.
pembungkus tidak ada spesifikasi yang berubah.
padding: 2px 0; - gunakan selalu padding untuk mengatur jarak pembatas di setiap list.
2. Pengaturan list agar bentuk menjadi horizotal.
#nav li{
display: inline;
list-style-type: none; /* menghilangkan icon dengan none */
padding-left: 30px; /* jarak pembatas ke kiri. */
}
display: inline - untuk membentuk tiap list menjadi horizontal.
list-style-type - Untuk menghilangkan tiap icon list di setiap list item. (bisa di biarkan)
padding-left - untuk memberi jarak di setiap list item. (ubah dan sesuaikan)
bentuk menu horizontal sudah selesai. kita berlanjut ke pengaturan item dalam masing-masing list.
3. Pengaturan Item text dengan metode URL Link.
#nav a:link, #nav a:visited{
color: #333; /* warna pada tulisan */
background-color: transparent; /* latar belakang */
text-decoration: none; /* decoration */
}
tanpa menggunakan css ini pun tidak akan berpengaruh dalam pembentukan horizontal. ini hanya untuk mengubah settingan dalam template blogsecara mandiri.
#nav a:hover, #nav a:active{
color: #fff; /* warna pada tulisan */
background-color: #333; /* latar belakang */
}
:hover - untuk merubahan warna dan background saat mouse di arahkan pada item list.
:active - untuk teknik standar penggunaan active adalah untuk merubah warna text dan background jika item list di klik.
(:active bisa di gunakan untuk menandai item list yang sedang di gunakan,namun ini di haruskan penggunaan Javascript. itu akan di bahas nanti.)
Ini masih Tutorial Menu Navigation Tingkat Pemula.. Terima kasih atas kunjungannya.!!
Perbedaan Artikel (Post) dan Halaman (Laman) Blog.
Saat membuat dan ingin menampilkan tulisan atau gambar atau objek lainnya ke dalam blog, ada dua pilihan utama yang bisa dilakukan yaitu menampilkannya di halaman artikel (post) dan halaman blog (laman). Namun jika tulisan atau gambar yang ditampilkan merupakan tulisan yang saling berhubungan atau berkaitan dengan tulisan lainnya maka lebih baik tulisan tersebut ditampilkan di halaman artikel (post) dan begitu sebaliknya, jika tulisan tersebut adalah tulisan tunggal maka lebih baik ditampilkan di halaman blog (laman). Dan pada artikel ini, saya akan sedikit memberikan gambaran tentang Perbedaan Artikel (Post) dan Halaman (Laman) Blog
PENGERTIAN WEB API DAN FUNGSI
Definisi :
● Web Services.
Web service merupakan suatu suatu layanan sistem perangkat lunak
yang mendukung interaksi dan komunikasi dengan sistem yang berbeda – beda
(interoptabilitas) pada suatu jaringan. Web service digunakan sebagai bentuk
layanan oleh sebuah website untuk menyediakan layanan berupa cuplikan – cuplikan
informasi, sehingga memungkinkan sistem diluar website tersebut dapat berinteraksi
dengan dengan website tersebut melalui layanan – layanan yang disediakan. Web
service menyimpan data dengan standar XML sehingga dapat diakses oleh sistem
lain walaupun berbeda platform, sistem operasi, maupun bahasa compiler. Dalam
proses kerjanya web service tidak memerlukan GUI karena yang bekerja biasanya
pada fungsi logic program dan request data
Pengenalan API dan Web API
Pada era digital atau era informasi saat ini, suka atau tidak, kehidupan manusia akan semakin tersentuh dengan digitalisasi, komputerisasi, smart phone-isasi dan adaptasi berbagai perangkat yang memanfaatkan data-data digital lainnya.
Cara cepat membuat navbar keren di blog
Silahkan sobat Copy Paste script di bawah ini dan simpan sebelum kode script ]]></b:skin> di blog sobat
Cara Menghapus dan Menghilangkan Navbar di Blogger
Cara menghapus dan menghilangkan navbar di atas halaman blogger bisa dilakukan dengan dua cara, yaitu dengan menyembunyikannya dari halaman atau dengan cara menghilangkan elemen navbarnya dari navbar.
Apabila hanya untuk menyembunyikan navbar dari halaman blogger kita hanya perlu me-non aktifkan navbarnya dari widget settingnya. Namun hal ini hanya menghilangkan tampilannya saja dan tidak menghilangkan elemennya pada halaman, dengan kata lain ukuran dari elemen navbarnya masih bersentuhan dengan elemen lain.
