Skip to main content

Cara Membuat Bingkai Gambar pada Postingan Blogger

Cara Membuat Bingkai pada Postingan Blogger - Kali ini saya akan membagikan cara memasang bingkai/frame sederhana dengan efek shadow pada postingan blogger.

Gambar/foto merupakan bagian terpenting yang harus ada dalam postingan blog, karena gambar merupakan penunjang agar pembaca tetap betah saat membaca isi artikel yang telah kita buat.

Jika anda bosan dengan dengan tampilan gambar anda yang biasa-biasa saja, maka kali ini saya akan membagikan cara memasang efek bingkai putih keren dan indah dipandang. Oleh karena itu tanpa panjang lebar, mari kita simak tutorial cara memasang border bingkai foto pada blog ini.

Cara membuat Bingkai pada Postingan Blogger

1. Buka Blog anda > pilih menu Tema > selanjutnya pilih Edit HTML

2. Kemudian letakkan kode ini tepat berada diatas kode ]]></b:skin> atau </style>

.post-body img{background:#fff;height:auto;max-width:100%;margin-bottom:1px;padding:9px!important;box-shadow:0 0 0 2px rgba(0,0,0,0.029),0 6px 19px 1px rgba(0,0,0,0.10)}
.post-body img:hover {opacity:0.95;}
.post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}

3. Jika sudah, pilih Simpan Tema

Dengan ini maka secara otomatis semua gambar pada postingan blog anda akan memberikan efek bingkai didalamnya. Dengan menggunakan trik ini pula tidak akan memberikan terhadap kecepatan loading blog anda.

Demikianlah tutorial singkat tentang Cara Memasang Bingkai/Frame CSS pada Postingan Blog, semoga dengan tutorial ini dapat memperindah tampilan pada gambar postingan anda, Terimakasih.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar