Pin It

Widgets

Tutorial : Cara Buat Border Lengkung Pada Blog

on Wednesday 23 May 2012


assalamualaikum dan selamat pagi yang indah ini kali ini sy akan buat Tutorial Cara Buat Border Lengkung Pada Blog . Penerangan : tutorial kali ini 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.

Tutorial : Cara Buat Border Lengkung Pada Blog

Langkah 1
Masukk ke blogger dan pilih design

Langkah 2
Klik edit HTML dan tandakan pada Expand template widget

Langkah 3
Cari kod ini
h2.date header{
Langkah 4
Dah jumpa copy code kat bawa ini
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;
dan letakkan kod ini dibawah kode yang di cari..owkey

Langkah 5
Cari kod ini pulak
. post-body {
dah jumpa copy kode di bawa dan letakkan kod di bawah kode yang kamu cari..owkey
border-right:3px solid #0000FF;
border-left:3px solid #0000FF;
Langkah 6 
Kemudian cari kod ini pula,
.post-footer {
dah jumpa copy kode di bawa dan letakkan kod di bawah kode yang kamu cari..owkey
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;
Langkah 7
Untuk mengganti border pada sidebar pula cari kod ini:
 
.sidebar .widget {
dah jumpa copy kode di bawa dan letakkan kod di bawah kode yang kamu cari..owkey

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.

Langkah 8
Seterusnya view law jadi save template .

Ranking: 5

{ 0 ulasan... read them below or add one }

Post a Comment

Terima kasih kerana memberi komen. Sila datang kembali ya !

Kami akan cuba membalas komen anda secepat yang mungkin.

 
© BLOG BUDAK BAEK All Rights Reserved