Enter your keyword

13 July, 2013

Tutorial Memasang Border Pada Image Di Dalam Blog

Tutorial Memasang Border Pada Image Di Dalam Blog | Untuk menjadikan imej dalam blog post kita menarik dan menonjol, kita boleh letakkan kod javascript berikut dalam template kita. Caranya amat mudah dan ringkas.

Cari dan ikuti langkah-langkah berikut:-

Login ke Blogger > Dashborad
Pilih Drop Down Menu dan cari Template
Tekan EDIT TEMPLATE (seperti gambarajah di bawah)



Sekarang, cari kod   ]]></b:skin> dalam template anda.

Masukkan kod berikut seperti di bawah, dan letakkan di atas kod   ]]></b:skin> , 


.post-body img {
padding: 4px;
border: 1px solid #AAA;
background-color: #F0F0F0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 15px 10px -12px black;
-moz-box-shadow: 0 15px 10px -12px black;
box-shadow: 0 15px 10px -12px black;
}


atau, 

gantikan kod berikut,

.post-body img {padding:9px;overflow: hidden;margin-top:5px;
border:1px solid #dcd9d9;

background:#f7f7f7;}

dan masukkan kod yang saya berikan diatas.

In sha Allah imej anda akan kelihatan lebih menonjol daripada biasa. Selamat mencuba.



No comments:

Post a Comment

Boleh komen jika mahu, boleh LIKE jika suka. TERIMAKASIH.