Tuesday, June 18, 2019

cara membuat navy template blog menjadi oval atau kotak dengan sudut melengkung

halo kawan pecinta blog dimanapun anda berada, mungkin kali ini ada yang berpusing-pusing sedang mencari rujukan, bagaimana cara membuat navigasi blognya menjadi sudutnya melengkung. Nah coba anda perhatikan seperti yang dicontohkan pada blog www.gudangsiki.com ini ya. Nah melengkung atau oval sudut navy-nya kan?. Gimana cara, yuk langsung aja tutornya.
gudangsiki

Sepertinya pada blog ini yang harus dilakukan untuk pertama kali adalah memahami tentang cara membuat css ovalnya dulu, atau css sudut melengkungnya dulu.

Contoh pada awalnya secara standart sudut navy adalah kotak seperti berikut ini :

Nah, untuk membuat sudut-sudut pada kotak navy tersebut diatas agar melengkung atau tumpul maka kita pelu menambahkan kode css dengan format perintah seperti ini :
- buka blogger sobat
- klik template
- klik edit html
- cari dengan menekan ctrl + f pada editor html
- cari navigasinya dengan mengetikkan navi atau navy pada umumnya ini,
  tetapi pada template gratisan bisa jadi diubah namanya oleh owner
- untuk nama navigasinya disesuaikan dengan blog masing2.
- disini saya contohkan untuk navigasi dinamakan navy
- setelah ketemu .navy (cari kode css backgound color #00FU00 (misal)
- tambahkan disebelahnya kode ini
  border-radius: 15px; /*Kode pembuat lengkungan sudut*/
- contoh pada css secara lengkap :
  style="background-color: darkorange; border-radius: 15px; border: 2px solid #00FF00; padding: 5px; width: 400px;"
Maka Hasilnya akan seperti ini :

Seperti yang kita lihat diatas, dengan menambahkan kode css border-radius: 15px; maka kita langsung mendapatkan hasil dengan lengkungan yang bagus pada sudut navy. 
Bagaimana, Sudah mengerti kawan??? Jika ada hal-hal yang belum dimengerti tentang cara membuat navy template blog menjadi oval atau kotak dengan sudut melengkung, bisa ditanyakan lewat form komentar di bawah ini. 

Sekian dulu untuk tutorial blog saya kali ini, semoga bermanfaat bagi sobat2 sekalian. 
Terima kasih salam gudangsiki

cara membuat navy template blog menjadi oval atau kotak dengan sudut melengkung Rating: 4.5 Diposkan Oleh: sudarmadi dianda

0 komentar:

Post a Comment