Aug 31, 2020

Cara membuat Gambar menjadi Responsive untuk mobile/HP di Blogger


Assalaamu'alaikum.

Halo Guys, apa kabar? Di sini saya akan membagi ilmu lagi nih, yaitu cara membuat gambar responsive untuk mobile di Blogger. Ayo para penulis blogger wajib baca ini!

Ok so, silahkan buka blogger, lalu buka Theme dan edit HTML.
Tambahkan code/script yang ada di bawah ini di atas </head>.

<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[/**this script was written by Confluent Forms LLC http://www.confluentforms.comfor the BlogXpertise website http://www.blogxpertise.comany updates to this script will be posted to BlogXpertiseplease leave this message and give credit where credit is due!**/$(document).ready(function(){    // the dimension of your content within the columns    var areawidth = $('#Blog1').width();    $('.post-body').find('img').each(function(n, image){        var image = $(image);        var height = image.attr('height');        var width = image.attr('width');        var newHeight = (height/width * areawidth).toFixed(0);        image.attr('width',areawidth).attr('height',newHeight);        var greater = Math.max(areawidth,newHeight);        image.attr({src : image.attr('src').replace(/s\B\d{3,4}/,'s' + greater)});    });});//]]></script>
Kamu bisa mencari </head> dengan mengeklik kotak edit HTMLnya lalu menekan tombol Ctrl+F. Nah akan muncul pencarian di situ lalu ketik </head> dan Enter.


And, tinggal Save deh.

Nah, coba buka blog kamu dengan Mobile kamu, eh HP kamu (sama saja Brambang Asem).

Jadi, gimana? Ada perubahan kan?

Ada Donk!

Sip. Saya awalnya mencari tentang ini di internet. Dan saya menemukan artikel yang ampuh (ea). Terima kasih kepada yang telah buat artikelnya yang telah beritahu saya tentang hal ini. Bisa klik disini untuk buka artikelnya.

So, Guys wah mantap yak

Terima kasih telah mengunjungi artikel dan blog ini. Jangan lupa untuk berkeliling ya, dan kalau mau klik iklannya yaa gapapa kok hehe :)

Ok, semoga bermanfaat ya, mohon maaf jika masih banyak kekurangan.

So, see you again, bye-bye ~ :)

Wassalaamu'alaikum.
Previous Post
Next Post

0 komentar: