Saturday, January 28, 2012

Mengganti Frame/ Border Image Pada Postingan


Tutorial kali ini adalah membahas bagaimana mengganti frame/border/kota/line image pada postingan kita. Ada yang ingin menghapus frame image atau bahkan mengganti warna atau bentuk frame image ? Ikuti langkah berikut :
  • Login Blogspot >> Design >> Edit HTML
  • Centang kotak Expand Widget Templates
Temukan code dibawah ini :

img { 
padding: 0px; 
margin: 0px; 
border: 2px solid #FF005A; 
text-align: center;

atau kode ini (blog Cik Tom)

.post img {
padding: 4px;
border: 1px solid #000000;
}

Jika tidak ada coba cari code ini (blog miss yati)

.post img, table.tr-caption-container {
padding:4px;
border:1px solid #cccccc;
}

atau bisa juga ini (code blog sudais)

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 2px;
background: #ffffff;
border: 1px solid #e9e9e9;
}

Ketemu gag kodenya ?? Kalau sudah ketemu kamu hanya perlu mengotak-atik bagian ini :
border: 2px solid #FF005A

Keterangan :
1. Kode warna merah (2px) menunjukkan tebal frame atau border image kamu. Kamu bisa ganti sesuatu keinginanmu.
2. Kode warna hijau (solid) adalah bentuk frame atau border image kamu. Kamu bisa isi dengan solid maupun dashed.
solid : artinya border image kamu berbentuk garis lurus .
dashed : artinya border image kamu berbentuk garis putus-putus .
3. Kode warna orange (#FF005A) adalah kode warna. Kamu bisa ganti warna border image kamu sesuai keinginanmu. cari kode warnamu DI SINI !
4. Oiya kalau kamu tidak menginginkan adanya border/kotak/line/frame pada image kamu di dalam postingan. Maka dalam kode border cukup kamu isikan none.

border: none

5. Preview template kamu. Jika sudah puas maka Save Template :)


Mengalami kesulitan dalam tutorial ini ? Silahkan bertanya dikotak komentar ^^

0 comments:

Post a Comment

Ketentuan comment :
1. Jangan comment SARA dan menghina
2. Gunakan bahasa sopan dan jelas
3. Jangan tinggalkan link mati (dead link)

Template by: