LoginCreate an Account

Discussions on Using Blogger / Blogspot Image URL Structure Parameters

We have 31 Discussions on Using Blogger / Blogspot Image URL Structure Parameters

  • I'm not telling you the code, but I want to ask that to you, how?

  • Hi, to crop center the image how to write it in this code

    "background-image: url(\"" + resizeImage(data:sourceUrl, 400, "1:1").cssEscaped + "\"); "

  • louizo

    With the "-rw" parameter, you can serve images on your Blogspot blog in .webp(lighter than png or jpg) format.

    Example:

    https://lh5.googleusercontent.com/-IBDLtqPDdE4/VaDvj4_9T0I/AAAAAAAAK54/6P2S800iWJE/s1600-rw/sneeit-logo.png

    This way, if a user tries downloading directly from the Blogspot post, he/she gets the .webp version of the image. On the other hand, he/she can download the png format by opening the image in a new tab.

  • great tip, i put this in my site and now my users can download images directly

    take a look https://www.cover-addict.com/2018/06/terminal-scan-dvd-cover.html

    the big black button below image is now forced to download the image.

  • cropping image with specific area: -fcrop64=1,00000000ffffffff
    .
    .
    https://2.bp.blogspot.com/-DXDGfYN_OA4/Wl0gHyCQWOI/AAAAAAAAANE/MLD4JNgKpuAwpYObDDNx8ak77sPh2Tt-ACJoC/s1600-fcrop64=1,00000000ffffffff/Funrural.jpg
    .
    .
    https://2.bp.blogspot.com/-DXDGfYN_OA4/Wl0gHyCQWOI/AAAAAAAAANE/MLD4JNgKpuAwpYObDDNx8ak77sPh2Tt-ACJoC/s1600-fcrop64=1,32b75a57cd48a5a8/Funrural.jpg

  • Try this
    /s1600-cc/ (apply a circular mask)
    /s1600-pp/ (apply black stripes)

    /s1600-cc-rj-c0x000000/ (combination of codes)

    https://1.bp.blogspot.com/-ryz8INU70Ic/Wjqd_M5uy0I/AAAAAAAAi1A/zmxPx-QLDnMIXCip_vyDuWDgvBAIXUvfgCLcBGAs/s300-cc/criptomineracao-seguranca-cryptomining-malware.jpg

  • I found new codes for editing images on blogger. See below how to change background collor of transparent images:

    http://3.bp.blogspot.com/-BH63lk6418U/VOQj60AtnmI/AAAAAAAAZKM/w6bd1V2gi94/s400-c-k-no-mo-rj-c0xffffff/emerson_logo_blog.png (white background)

    http://3.bp.blogspot.com/-BH63lk6418U/VOQj60AtnmI/AAAAAAAAZKM/w6bd1V2gi94/s400-c-k-no-mo-rj-c0x000000/emerson_logo_blog.png (black background)

    And what is k, no, mo and rj codes??? :-P

  • Muhamed Ali Maher

    how to automatically call these sizes ?

  • Putuberbagi

    Thanks for sharing.

  • Kardinata S.T

    Very nice ^_^
    This post was help me to make auto-image-resize in blogger related post..
    Thanks so much...

  • Fernando Eto'o

    Thanks! This is the explanation:
    I made a with id 'my-description' in my header widget, which contains data:description. I then link it in (). I save it and It succeeds. But, when I refresh the html page, the default appeared (which I had deleted), while I did not call with id description at all. I tried not to use blog description at all. But it failed. The default tag appeared.

    I also see this behavior in some b:includable inside 'Blog' widget. While some custom blogger template do not necessarily use these tags (some of them that I do not need I mean).

  • Tien Nguyen

    You are welcome, Fernando.

  • Fernando Eto'o

    Oh, that goes so (:. I have noticed it just now. Thanks for your nice discussion, Tien. So glad to talk with you.

  • Tien Nguyen

    I understood. Those Includable tags are default tags of Blogger. Blogger will restore to full list of default and custom tags in its template HTML editor. You can remove in your file, but in editor, Blogger will always display as full even you did not call those tags in your template file. It's annoy but we must accept.

  • Tien Nguyen

    It's better if you can share your code (put it some where an share the link here) or escape HTMl before paste the code here.

  • Fernando Eto'o

    Thanks! This is the explanation:
    I made a with id 'my-description' in my header widget, which contains data:description. I then link it in (). I save it and It succeeds. But, when I refresh the html page, the default appeared (which I had deleted), while I did not call with id description at all. I tried not to use blog description at all. But it failed. The default tag appeared.

    I also see this behavior in some b:includable inside 'Blog' widget. While some custom blogger template do not necessarily use these tags (some of them that I do not need I mean).

  • Tien Nguyen

    Sorry but I can not understand your explanation clearly. You want to remove a tag of a widget but you can't?

  • Fernando Eto'o

    Hi Tien! I am also designing my own custom Blogger template. A particular widget tag, that is , is not removable. I see this when I edit some tags inside 'Blog' widget, and 'Header' widget. According to this page (https://support.google.com/blogger/answer/46995?hl=en&ref_topic=12449), I should be able to do that. Do you have any solution regarding this? Thanks!

  • 1 Delinin günlükleri

    i am sending message to u from feedback pls read

  • Tien Nguyen

    That's a template bug, please contact template author for support service. Or you can hire me here: http://creativebuynow.com/buynow?id=27

  • 1 Delinin günlükleri

    Hi bro, can u help me pls. First time i have a very diff problem on blogger. My post is copyed all.
    For ex this post : http://1deliningunlukleri.blogspot.com.tr/2015/08/windows-10a-bi-turlu-gecemeyenler-icin.html

    But if post is have img it is copyed all post again.
    İf post is doesnt have img everything is ok.

    i am waiting your reply. see u

  • Ravi Kishore

    Devendra we don't observe it much being a developer people like Tien will observe and know about how the work is done. Its time to re shape the images with the trick

  • Tien Nguyen

    Yes. I just discovered it this morning. Hope will help for site speed of all Blogger users.

  • Devendra Meena

    This is such great knowledge, Tien. barely I was knowing that s1600 is original and s640 is another version of the same image, but smaller. Now I get to know we can set even the width and height. Good work. It will help to cut-off the page size.