Membuat Rounded Corner (sudut Lengkung) Dengan CSS di Blog

  Langkah - Langkah Membuatnya yaitu:
1. Login Blogger 
2. setelah masuk jendela dasbor
3. Sobat masuk ke menu Template --> Edit Template
4. Berikut macam-macam kode Rounded Corner
  • Rounded Corner untuk Semua Sudut / Seluruhnya / Keseluruhan :
 -webkit-border-radius:20px;-moz-border-radius: 20px; border-radius: 20px;
  •  Rounded Corner untuk Sudut Pojok Kiri Atas :
 -webkit-border-radius-topleft:20px;-moz-border-radius-topleft:20px; border-top-left-radius:20px;
  • Rounded Corner untuk Sudut Pojok Kanan Atas  :
 -webkit-border-radius-topright:20px;-moz-border-radius-topright:20px; border-top-right-radius:20px;
  •  Rounded Corner Sudut Pojok Kiri Bawah :
 -webkit-border-radius-bottomleft:20px;-moz-border-radius-bottomleft:20px; border-bottom-left-radius:20px;
  •  Rounded Corner Sudut Pojok Kanan Bawah :
 -webkit-border-radius:20px;-moz-border-radius-bottomright:20px; border-bottom-right-radius:20px; 
5. Sobat dapat membuat banyak Variasi dari kode Rounded Corner diatas dengan menggabungkannya
6. Sobat juga dapat menambahkan kode tersebut pada sidebar, header, postingan, dan Lain-Lain
7. Disini saya menggunakan Rounded Corner pada Navbar Diatas beserta Tab View Seperti yang dilihat:
  • Berikut contohnya dari navbar1 saya yang orange :
.navbar1 {width:50px;height:30px;margin:0 auto; padding:7px 0px;border-bottom:solid 1px #000;-webkit-border-radius-topleft:5px;-moz-border-radius-topleft:5px; border-top-left-radius:5px;-webkit-border-radius-topright:5px;-moz-border-radius-topright:5px; border-top-right-radius:5px;}
8. mungkin dengan adanya contoh diatas sobat semua dapat mengerti semua yang saya maksudkan. 9. 9. Finish

 Keterangan :
  • Angka yang berwarna Merah  untuk mengatur sudut lengkungan sobat dapat mengubahnya sesuka hati
  • Kode yang berwarna Kuning adalah kode awal navbar1 sebelum dilakukan pengeditan rounded corner
  • kode yang berwarna Ungu kode Rounded pojok kiri atas, dan yang berwarna Orange adalah kode rounded corner pojok kanan atas. 
Demikian Tutorial yang dapat saya sampaikan dan mungkin dapat dibilang terlalu banyak,

Komentar

Posting Komentar

Postingan populer dari blog ini

Interrupt driven I/O

Teknik interrupt – driven I/O memungkinkan proses tidak membuang – buang waktu. Prosesnya adalah CPU mengeluarkan perintah I/O pada modul I/O, bersamaan perintah I/O dijalankan modul I/O maka CPU akan melakukan eksekusi perintah – perintah lainnya. Apabila modul I/O telah selesai menjalankan instruksi yang diberikan padanya akan melakukan interupsi pada CPU bahwa tugasnya telah selesai.  Dalam teknik ini kendali perintah masih menjadi tanggung jawab CPU, baik  pengambilan perintah dari memori maupun pelaksanaan isi perintah tersebut. Terdapat selangkah kemajuan dari teknik sebelumnya, yaitu CPU melakukan multitasking beberapa perintah sekaligus sehingga tidak ada waktu tunggu bagi CPU.  Cara kerja teknik interupsi di sisi modul I/O adalah modul I/O menerima perintah, missal read . Kemudian modul I/O melaksanakan perintah pembacaan dari peripheral dan meletakkan paket data ke register data modul I/O, selanjutnya modul mengeluarkan sinyal interupsi ke CPU melalui salura
Baca selengkapnya

List Linier (Linked list) Dan Variasinya_Struktur Data

Struktur Data List Linear: Struktur data adalah cara menyimpan atau merepresentasikan data didalam komputer agar bisa dipakai secara efisien. Sedangkan data adalah representasi dari fakta dunia nyata. Fakta atau keterangan tentang kenyataan yang disimpan, direkam atau direpresentasikan dalam bentuk tulisan, suara, gambar, sinyal atau simbol. List linier adalah sekumpulan elemen bertipe sama yang mempunyai keturutan tertentu, dan setiap elemen nya terdiri dari dua bagian, yaitu informasi mengenai elemen nya dan informasi mengenai alamat elemen suksesornya. Penggunaan List dalam Kehidupan Sehari - hari Misalnya: • Urutan angka pada keyboard komputer • Urutan lagu pada playlist Mp3 player • Dll Linked List ( LL ) Adalah koleksi data item yang tersusun dalam sebuah barisan  secara linear, dengan penyisipan dan pemindahan dapat dilakukan dalam semua tempat di LL tersebut. Single Linked List Adalah sebuah LL yang menggunakan sebuah variabel pointer saja untuk menyimpan bany
Baca selengkapnya

Menghitung Jarak Jatuh Peluru (C++)

Gambar
Tutorial C++ kali ini adalah menghitung jarak jatuh peluru yang ditembakkan dari suatu lokasi. Mungkin kalian sudah pernah mendengar hal sejenis ini dalam pelajaran Fisika. Peluru yang ditembakkan pada sudut tertentu mempunyai gerak parabola. Jadi kita akan mendapatkan jarak dari titik lempar ke titik jatuh. Jarak inilah yang akan sekarang kita hitung menggunakan bahasa pemrograman C++. Apabila kalian menemukan soal, Carilah jarak jatuh peluru yang ditembakkan pada suatu lokasi dengan sudut penembakan (α) dan kecepatan (Vo). Maka kita mendiskusikannya disini. Untuk mencari jarak, kita membutuhkan beberapa variabel diantaranya: sudut, kecepatan, rad, dan jarak. Selain itu, kita juga membutuhkan PHI dan GRAVITASI. Dengan mempelajari ini, kita juga akan mengetahui fungsi matematika baru, yaitu cos(), sin(), dan pow(). Fungi pow() digunakan untuk mencari nilai XY. Penggunaan fungsi pow() sebagai berikut: pow(sisi, 3) artinya, sisi x sisi x sisi. Sisi adalah variabel, diikuti dengan
Baca selengkapnya