For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Membuat full image di postingan blogger

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

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.