Download Template Plus UI + mode Translate v3

Hello sobat kali ini admin bakalan menjabarkan mengenai bagaimana caranya membuat gambar postingan full size secara otomastis di blogger

Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Img full

Pernahkah kamu mengunjungi suatau website, kemudian meilhat gambar postingan yang memiliki ukuran penuh alias full image, nah keren sakali yak, tentu aja keren, seperti gambar postingan yang admin gunakan saatnya ini juga menggunakan gambar full image

Hanya di postingan

Metode full image di blogger sebaiknya di terapkan hanya di dalam postingan blog, jika diterapkan pada halaman home atau beranda maka kode clsss full img akan bernenturan dengan tampilan gambar thumnail di halaman home page

Menggunakan Kode CSS

Nah untuk membuat gambar postingan full img cukup menggunakan kode CSS saja, tanpa ada unsur penggunaan kode javascript, apakah hal tersebut akan membuat performa blog akan terganggu, oh jelas tidak bahkan akan membuat tampilan blog semakin cepat jika penggunaan kode di lakukan secara benar

Source Kode

Baiklah lagsung aja admin bakalan menjelaskan cara membuat full image di postingan blog, silahkan copy dan paste kode CSS di bawah ini, kemudian letakkan di atas kode </head>

<b:if cond='data:view.isPost'>
<style>/*<![CDATA[*/
img{display:block !important; margin-bottom:10px; position:relative; width:100%;max-width:none}
@media screen and (max-width: 530px){
img{width:calc(100% + 40px /* or replace 40px to 60px */);left:-20px;right:-20px; border-radius:0}/*]]>*/
</style>
</b:if>

Info: Kamu juga bisa menambahkan class postingan sesuai template masing-masing, misal .ps img atau .pEnt img atau langsung aja menggunakan kode CSS yang admin berikan diatas untuk di gunakan