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

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

Powered by Blogger.