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