cara buat border lengkung pada blog - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul cara buat border lengkung pada blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel border, Artikel tutorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : cara buat border lengkung pada blog
link : cara buat border lengkung pada blog

cara buat border lengkung pada blog

Menukar tampilan bagi mengindahkan blog tentunya merupakan antara yang tidak dapat tidak dilakukan oleh seseorang blogger.Selain dari cantik dan tidak memberatkan loading blog adalah antara yang perlu diberi perhatian bila melakukan sesuatu perubahan pada template.Sebelum ini saya ada membuat entri tentang membuat border disekeliling posting.tapi dalam bentuk persegi.Kali ini pula dipenjuru border adalah dalam bentuk bulat.

Untuk membuatnya:

1.Masukk ke blogger dan pilih design
2.Klik edit HTML dan tandakan pada Expand template widget
3.Cari kod h2.date header{

dan letakkan kod ini dibawahnya

border-left:3px solid #0000FF;
border-right:3px solid #0000FF;
border-top:3px solid #0000FF;
border-bottom:0px solid #0000FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;

4.cari kod . post-body {

dan letakkan kod ini dibawahnya

border-right:3px solid #0000FF;
border-left:3px solid #0000FF;
5. Kemudian cari kod ini pula, .post-footer {
Tambah kod ini dibawahnya
border-left:3px solid #0000FF;
  border-right:3px solid #0000FF;
  border-top:0px solid #0000FF;
  border-bottom:3px solid #0000FF;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;

6.Untuk mengganti border pada sidebar pula cari kod ini:

.sidebar .widget { 

dan letakkan kod ini dibawahnya

border:1px solid #0000FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px

Kod berwarna oren adalah kod bagi warna biru,boleh ditukarkan dengan kod warna yang  bersesuaian.

7.Seterusnya save template .

Demikianlah Artikel cara buat border lengkung pada blog

Sekianlah artikel cara buat border lengkung pada blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel cara buat border lengkung pada blog dengan alamat link http://carasignup.blogspot.com/2010/08/cara-buat-border-lengkung-pada-blog.html

Tweet