How to make any bp.blogspot.com image responsive easily



there are many ways to resize blogger images you can use css and/or javascript or even blogger built in functions

but if you want to make any image in your blog responsive (this mean that image will change height and width along with screen viewport )

you should add the following code inside youre <style> or <b:skin> tag

img, video{width:100;height :auto}

this will make images and videos responsive and resize with screen size easily

Comments

Post a Comment

Popular posts from this blog

How Blogger images & Google Photos connected ?

Image
Do you know that when you upload an image to Blogger via your website or blog (that have format x.blogspot.com) , the same image also uploads to Google Photos behind the scenes . This explains why Blogger images and it's links are very editable and customizable.  It doesn't matter under what subdomain these images are served because they are all the same, for example, all the following links will lead to the same image  subdomains that host these images like:  lh3.googleusercontent.com  lh4.googleusercontent.com  lh5.googleusercontent.com  1.bp.blogspot.com 2.bp.blogspot.com 3.bp.blogspot.com 4.bp.blogspot.com  are all interchangeable and every link of them serves the same image even if the links are different. for example : lh3.googleusercontent.com /-1gEY303iaa8/YASv0pjlOrI/AAAAAAAAUsM/L4rHA--wCzE1meVUDAtIwLHiGr77n3SfACK4BGAYYCw/w800/bp-logo.PNG  (Google photos) 1.bp.blogspot.com /-1gEY303iaa8/YASv0pjlOrI/AAAAAAAAUsM/L4rHA--wCzE1meVUDAtIwLHiGr77n3SfACK4BGAYYCw/w800/bp-logo.PN
Read more

ROTATE/FILTER/STYLE Google Photos & Blogger Images

Image
 You can edit & beautify Google photos, Blogger images & other Google Cloud images services on the fly without an editor according to your needs, magically by changing some parameters in the image URL. today we will talk about most used parameters to rotate, style & filter all images hosted by Google the easy way . We use the image URL , so all what you have to do is right click the image &select open image in new tab or copy image address. Example: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXc_YhnvdFIR6pNXD953D0_STI919U2zoWaaDj9rPZqimw-MPWcHb7oGHjebgpYYqaYKIfTdXJyEQhg1oXrC-cGv5vEEMENhI2lxq1hp4cOz0bDQgpii5JIKeILImu0RwQeNxgjZYo5js// fv-fbw=1 / the parameters in bold red are the parameters that we are going to change according to our needs  Now start tweaking the URL to change the image size as follow ROTATION fv — flip vertically fh — flip horizontally r{90, 180, 270} — rotates image 90, 180, or 270 degrees clockwise example Filters fSoften=1,100,0: - wh
Read more

Bp.blogspot.com is it a scam ? Why I can't Access it ?

Image
Is Bp.blogspot.com a scam ? If not why I can't Access it ? How it ranked so high on Alexa and other Ranking engines on the web ?  Is bp.blogspot.com legit or a scam? This question is always due to the high presence of bp.blogspot in the ranking services , bp.blogspot.com and it's subdomains is totally legit since it's Google service for hosting images and photos for blogger platform and google photos as well so it's not a scam it's as safe as other Google services.  Why I can't Access bp.blogspot.com ? Because you are not supposed to ! bp.blogspot.com is a Google reserved service, These links are connected to Google servers , so you can view the full link that contains image but you will get nothing if you tried to visit bp.blogspot.com it self. Why bp.blogspot.com is ranked high on Alexa ?  bp.blogspot.com is ranked high by some ranking engines like Alexa, because it has too many links,  not just those links that are used to store images by Google blogs platfor
Read more