Blogger: Switching Images Protocols Served from Blogspot and GoogleUserContent from HTTP to HTTPS via JavaScript

Sept 30, 2015 update:

Blogspot now can be served with HTTPS.

This method below can be used for Blogger blog with custom domain.

Apparently the images served from googleusercontent.com, especially the ones on Blogger comment section, are still using HTTP.

Let's combine the earlier post about switching the blogspot.com images' protocols with this one, the googleusercontent.com images.

---

JavaScript (function (d) { "use strict"; var els = function (a) { // Combining Array.prototype.slice... chain method. return Array.prototype.slice.call(d.querySelectorAll(a)); }, // Use the function above (els) for these variables blogspot_images = els("img[src*='blogspot.com']"), googleUC_images = els("img[src*='googleusercontent.com']"), // Replacing protocol strings: http:// -> https:// replaceThis = function (a) { return a.replace(/http:\/\//, "https://"); }, // This one is for Blogger's Lightbox module tail = function (a) { var buffer; if (a) { buffer = a.split("/"); } else { return; } buffer = buffer[buffer.length - 1]; return buffer; }; // This iteration is for [blogspot.com] images & Lightbox module. blogspot_images.forEach(function (v) { var source = v.src, parent = v.parentNode, parent_href; if (tail(parent.href) === tail(source)) { parent_href = parent.href; parent.setAttribute("href", replaceThis(parent_href)); } v.setAttribute("src", replaceThis(source)); }); // This looping is for [googleusercontent.com] images. googleUC_images.forEach(function (v) { var source = v.src; v.setAttribute("src", replaceThis(source)); }); // That is all. }(document));

---

About
About the placement and all related whys (why, but more than one), go to this post

---

Additional: blogblog.com images
(function (d) { "use strict"; var els = function (a) { return Array.prototype.slice.call(d.querySelectorAll(a)); }, blogspot_images = els("img[src*='blogspot.com']"), googleUC_images = els("img[src*='googleusercontent.com']"), // Aditional blogblog.com images blogblog_images = els("img[src*='blogblog.com']"), replaceThis = function (a) { return a.replace(/http:\/\//, "https://"); }, tail = function (a) { var buffer; if (a) { buffer = a.split("/"); } else { return; } buffer = buffer[buffer.length - 1]; return buffer; }; blogspot_images.forEach(function (v) { var source = v.src, parent = v.parentNode, parent_href; if (tail(parent.href) === tail(source)) { parent_href = parent.href; parent.setAttribute("href", replaceThis(parent_href)); } v.setAttribute("src", replaceThis(source)); }); googleUC_images.forEach(function (v) { var source = v.src; v.setAttribute("src", replaceThis(source)); }); blogblog_images.forEach(function (v) { // Aditional blogblog.com var source = v.src; v.setAttribute("src", replaceThis(source)); }); }(document));