So yesterday i was happily editing the theme of my tumblr blog and everything was working fine. Go into same blog to day and it brings up thsi when i click save:
"Un oh! We could't save your theme. Looks like your custom theme references assets from non-HTTPS Urls. Please try again using only HTTPS Urls."
Super confusing because not urls have been add since yesterday and everything was fine then. Same thing is happening with my other blogs with custom themes. I even went through and deleted all the urls on the html page just to see if it would do anything and the same alert came up. What is going on ??
Please help
Cheers
Just had the same problem. Tumblr updated their Encryption policies.
If you're a theme developer and you'd like to ensure your themes
support HTTPS, make sure that any externally hosted resources, such as
Cascading Style Sheets (CSS) or Javascript files, and even images, are
served using HTTPS.
As we now know that Tumblr requires that we use HTTPS instead of HTTP, here's how can we solve the error:
Make sure that you are in the customize section and access "Edit HTML":
In the "Edit HTML", press Ctrl+F (or press the Settings button and then "Find and replace"):
Search for "http" and Replace with "https" - apply that to all.
As the previous step can cause some links to be "httpss", this needs to be fixed. By accessing the Find and Replace and Search for "httpss" and Replace with "https".
The steps bellow should solve your problem. If they don't, see "Extra considerations" below, more specifically, point 1.
Extra considerations
I've done all the above, but it didn't solve my problem. What should I do?
When one has android-app://, for example:
<link rel="alternate" href="android-app://com.tumblr/tumblr/x-callback-url/blog?blogName=goncalomperes" />
One will need to add [https], as following:
<link rel="alternate" href="android-app:https://com.tumblr/tumblr/x-callback-url/blog?blogName=goncalomperes" />
As #mchid suggested in the comment, apart from android-app://, we will also need to do the above for: "//, ios-app://, and http-equiv.
Accordingly to Tumblr support:
Yet another update: SSL is now being turned on by default for ALL
Tumblrs that use our Official theme on the web. Even though we don’t
recommend it, you can still turn it off in your blog settings.
So changing the Encryption section to allow SSL should not be the problem.
Ok im a goose. Looks like tumblr has changed their requirements on http. I know it sounds obvious but i couldn't tell why it was happening on every theme apart from their default theme. The reason is you need to go in and change the tumblr links to css and java from http to https "http://static.tumblr.com/xlsgtjb/WEMoeha97/style.css becomes https://static.tumblr.com/xlsgtjb/WEMoeha97/style.css" If you still get the alert after this try searching for other urls and delete or change them to https
I have the same problem, and I thought all I have to do was changing the encryption to "Always serve blog over SSL" in the blog settings, like this: Blog settings, encryption
Apparently not, because the problem isn't just in the blog URL but also in the customization section.
So you need to enter the section, go through all the code, find the http URLs and change them into https URLs.
Before you begin, make a backup of your existing html in case there is an issue. There are a few ways to do this but I recommend doing both of the following.
First, select all in the Tumblr html editor and copy and then paste the contents into a text file text editor on your computer and save the file. This backup is preferred.
Next, save a copy of the html for your main tumblr page. You can use wget which will result in an index.html file or you can right-click on your page, select "view source" and then select all, copy, and then paste that into a text editor. If the preferred backup fails for whatever reason, this one can be used as an alternative.
Now, to fix the problem.
First, open the Tumblr html editor and left-click anywhere in the html code and then press CTRL+F to use the "Search For" and "Replace With" feature.
Search for: http:// and replace with: https:// and then click on All to replace all.
Search for: "// and replace with: "https:// and then click on All to replace all.
Search for: android-app:// and replace with: android-app:https:// and then click on All to replace all.
Search for: ios-app:// and replace with: ios-app:https:// and then click on All to replace all.
Search for: http-equiv and replace with: https-equiv and then click on All to replace all.
Finally, click on Update Preview to verify your changes. If everything looks good and your page displays fine, click Save.
As mentioned by others, the CSS fields are most important. If you are still getting an error, Search For css and click through the results while inspecting the code that follows under each CSS section to make sure all links are https. This is how I discovered "//
However it should be noted that, at least for me, the code did update despite the error. Even when I got an error, I noticed that the changes were applied and remained after closing and reopening the html editor.
How can I use a html5 Canvas element in a Joomla Custom Html Module?
Is there an option I am missing? When ever I put the code in the module takes the canvas elements out.
Please Help If you need anymore information please ask.
Thanks!
There are several ways that your HTML can have tags stripped out.
The Editor
The most common is actually the editor you have set up as default. e.g. if you using JCE this is famous for striping HTML because people haven't altered the default "Editor Profile".
In the JCE Control Panel, click on the Editor Profiles button.
Click on the Profile name that the user, usergroup or component is assigned to, eg: 'Default'
Click on the Editor Parameters tab, then on the Options tab and set it up to suite you.
Joomla Text Filters
Unless you're using a Super User account for everyday access (bad idea) you will need to set the user group of your account to have "No Filtering".
In the Joomla! 3.2 from the Global Configuration, click on the Text Filters tab (last one on the right). Check that your users group has "No Filtering" set, see the image below showing the standard test filter settings in 3.2:
When it still doesn't work
Turn off the editor while working on the module, i.e. go to your User profile and set the Editor to "None". Under "Basic Settings" in User Manager:Edit Profile change the Editor option to "None" as shown below:
That way if you have "No Filtering" set, and no editor set you will be dealing with just the text being stored in the database and there will be nothing between you and the database to change it.
If you are trying to add some HTML or Script elements inside module or Article,
Joomla will automatically remove the scripts and tags is that your issue then take a look at below link it may help you.
How to include html or PHP codes into Joomla article
Hope its helps.
I'm attempting to use LinkedIn's Membership Profile Plugin found here:
http://developer.linkedin.com/plugins/member-profile-plugin-generator
However, every time I paste the code generated into my HTML document, nothing seems so show up. Forgive my ignorance if I'm missing something, I'm fairly new to HTML and CSS. After doing some searching I've seen a lot of talk about their API. Do I need an API key to get this to work? Or am I just missing something in my code?
Here is an example of the code I'm attempting to use:
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="(Profile URL)" data-format="inline"></script>
Thanks for any help.
It definitely has to do with the fact that you are accessing it through file://C:\ ... \mypage.html instead of hosting it on a server like http://myserver.com/mypage.html.
You can see the error in Chrome if you press F12 for Developer Tools, under Console. It is hard to find the original reason, because all of it is run in those scripts.
But the scripts work, and you can see it running if you just paste it in somewhere like W3Schools TryIt page
Try with your "linkedin short url". For Example: "https://www.linkedin.com/in/xy":
You can customize your public profile URL when you edit your public profile. Custom public profile URLs are available on a first come, first served basis.
1.Move your cursor over Profile at the top of your homepage and select Edit Profile.
2.Click the URL link under your profile photo. It will be an address like www.linkedin.com/in/yourname
3.Under the Your public profile URL section on the right, click the Edit icon next to your URL.
4.Type the last part of your new custom URL in the text box.
5.Click Save.
I have a webpage that it cannot be accessed through my website.
Say, my website is www.google.com and the webpage that I cannot access using the website is like www.google.com/iamaskingthis/asdasd. This webpage appears on the google results when I type its content, however there is nothing which sends me to that page on my website.
I've already tried analyzing the page source to find its parent location but I can't seem to find it. I want to delete that page, but since I cannot find it, I can't destroy it either.
Thank you
You can use a robots.txt file to prevent search engine bots from visiting a page, and thus not showing search results for it.
For example, you can create a robots.txt file in the root of your website and add the following content to it:
User-agent: *
Disallow: /mysecretpage.html
More details at: http://www.robotstxt.org/robotstxt.html
There is no such concept as a 'parent page'. If you mean, by which link Google found the page, plese keep in mind, that it need not be under your control: If I put a link to www.google.com/iamaskingthis/asdasd on a page on my website and thegooglebat crawls it, it will know about it.
To make it short: There is no reliable way of hiding a page on a website. Use authentication, if you want to restrict access.
Google will crawl the page even if the button is gone, as it already has the page stored in it's records. The only way to disallow google crawling to it is either robots.txt or simply deleting it off the server (via FTP or your hostings control panel).
I was wondering if its possible to access/display files like images which are stored in Google Drive on a public website.
A workaround is to get the fileId with Google Drive SDK API and then using this Url:
https://drive.google.com/uc?export=view&id={fileId}
That will be a permanent link to your file in Google Drive (image or anything else).
Note: this link seems to be subject to quotas. So not ideal for public/massive sharing.
Go to your Google Drive.
Right-click on the image file.
Select Get link.
Open the General access drop-down menu.
Select Anyone with the link to publish your image.
Click Copy link > Done.
You will get a URL like the following:
https://drive.google.com/file/d/1wMgCWAsqlw0nXcMhCldTbwSznMdXUmBT/view?usp=share_link
You can see your file ID in bold. Put the file ID in the following simple view link:
https://drive.google.com/uc?id=FILE ID
Result:
https://drive.google.com/uc?id=1wMgCWAsqlw0nXcMhCldTbwSznMdXUmBT
You can take the same steps for other file types: MP3, PDF, etc.
UPDATE: As was announced, Google deprecated this feature in Aug 2016. Here's the final update from Google with alternatives.
Yes, it's possible. Provided that you put your files in a public folder, you can get any file in a folder by this URL:
https://googledrive.com/host/<folderID>/<filename>
here is how from # https://productforums.google.com/forum/#!topic/drive/yU_yF9SI_z0/discussion
1- upload ur image
2- right click and chose "get sharable link"
3- copy the link which should look like
https://drive.google.com/open?id=xxxxxxx
4-change the open? to uc? and use it like
<img src="https://drive.google.com/uc?id=xxxxx">
EDIT : As of 2020, THIS is working. Most previous answers are outdated.
Easy Solution
All you have to do is open your file:
Then, go into your web inspector (for Chrome, Cmd-Shift-I or Ctrl-Shift-I depending on your OS) and get the link. Paste that link into your browser and it will redirect to another link. Copy the new URL. Done!
What's the redirect for?
It seems that if you use the first link, it can only be accessed when signed in to your Google account. Not very helpful for other people. The second, redirected link, however, does not need you to be signed in. That's the rationale behind it.
I deleted the original file shown in the images, but I have another working example here.
I've actually checked back on my example link that I posted in my edit about a week ago, but it no longer seems to be working. It looks like these links only work temporarily, so don't use them for any kind of production environment.
Working solution for Workspace (G suite) users in Nov 2022
Some embed codes do not show the img unless the viewer is logged into gmail, the following works like a regular image on your webhost:
Share item publicly (make sure it says ''Anyone on the internet with this link can view): either the image itself (or the folder where the image resides) then copy the link the following way
Take the ID of the file and insert here:
<img src="https://lh3.googleusercontent.com/d/[ID_OF_THE_FILE]">
Result (if you see the dog below it means the solution still works):
Localmachine
Won't display on MAMP/WAMP type of localhost environments, but does display on webpages.
UPDATE: As was announced, Google deprecated this feature in Aug 2016. Here's the final update from Google with alternatives.
As per April 2013 and using Chrome/webkit, the following worked for me:
1 Make a folder called e.g. "public"
2 Select that folder, right click and Share > Share. Click. Select "Anyone can access"
3 Drag and Drop a file into the folder, and let it upload.
4 Right click on the file and select Details. One of the lines in the Details-Fieldset reads "Hosting". Underneath it is an url:
https://googledrive.com/...
Drag and Drop that url into a new tab. Copy and paste the url and share or embed it anywhere you like.
One limitation is that as far as HTTP goes, only secure HTTP access seems to be possible.
Update:
Another limitation is that files which Google drive can open, won't be accessible that way.
That is, clicking on "Details" won't show an Google-drive url.
To overcome this:
right click on the file in question and select "Open with>Manage apps":
Untick the file-associated apps here
Optional: Reload Google Drive
Right click on the file and select "Details"
Proceed as in step #4
Note: An alternative to the procedure above, is uploading the file with an extension that Google Drive cannot open/is not associated.
If you want to view the file in the browser, it's also possible using a similar method to the one provided by rufo and Torxed:
https://drive.google.com/uc?export=view&id={fileId}
Specifically for G-Suite users
.
As reported in point 3 here, you can use this URL for hosting image
https://drive.google.com/a/domain.com/thumbnail?id=imageID
with following replacements
domain: replace with your company's GSuite domain like pikachu
imageID: replace with the image id / file id
The prerequisite here is that image should have been shared via drive to target audience (either with each person individually or maybe across the org)
If you face problems with size of rendered image, use following options as mentioned here
https://drive.google.com/a/domain.com/thumbnail?id=imageID&sz=w{width}-h{height}
with following replacements (in addition to domain and imageID replacement)
{width}: write the width in pixels (without braces) like 300
{height}: write the height in pixels (without braces) like 200
Per this blog post, a currently working solution is:
<img src=”https://drive.google.com/uc?id=[imageIdGoesHere]" />
Test here
https://drive.google.com/uc?id=1m-uOoFzHn4oUGlEsDSEfPBbJ2QhBJzlM
This is verified to work as of 26th of April, 2021. No shared folder or login is required. But a publicly shared file is.
I think it is possible but only for a short time
What you have to do is set the Access Control List of the file to Public Read-Only (or Public Read/Write). You can do that programmatically using the Google Document List API, or manually through the "Share" button on the Drive image viewer.
Then you can get the URL to the image programmatically by either using the Google Document List API or using the Google Drive API (i.e. file.getDownloadUrl() in Java). You can also easily get a link to the image manually by right clicking on the image in the Google Drive default image viewer.
The problem is that this link has a limited time to live, so it will work for a little while and then stop working.
Basically the URL of the image file stored in Drive should be accessible without any authentication once it has been set shared publicly but that URL is going to change at some point. We might find a solution to this in the future like providing a permanent URL that will redirect to these changing URL but no promises...
From google drive help pages:
To host a webpage with Drive:
Open Drive at drive.google.com and select a file.
Click the Share button at the top of the page.
Click Advanced in the bottom right corner of the sharing box.
Click Change....
Choose On - Public on the web and click Save.
Before closing the sharing box, copy the document ID from the URL in the field below "Link to share". The document ID is a string of
uppercase and lowercase letters and numbers between slashes in the
URL.
Share the URL that looks like "www.googledrive.com/host/[doc id] where [doc id] is replaced by the document ID you copied in step 6.
Anyone can now view your webpage.
This is the only direct link format without redirection (then a Permalink) and only applies to files directly visible on Google Drive (e.g. images and documents).
It is not affected by the download limit and you can use it to display images on a website.
For example the sharing link:
https://drive.google.com/file/d/FILE_ID/view?usp=sharing
becomes:
https://lh3.googleusercontent.com/d/FILE_ID
lh4, lh5 and lh6 also work.
Some of the previous users were close, but they were missing a step here or there.
Here is a video that shows all of the steps.
(Edit 2-Dec-14 The Below information is incorrect when it comes to the new Google Drive. For the New Google Drive follow these instructions.
There are two options you can use,
option 1 you can click the cog on the top right and revert to the old google drive, IF you revert, use the instructions after "End Edit)"
.
Option 2 or you can follow the work around I found. If I find a better way than this I will update it, but here is what I have found that works.
The full link will look like this "https://googledrive.com/host/(folder id)
Part one of your link that you need is "https://googledrive.com/host/" for the second half you will need to navigate to the file you would like to share.
Once you are in the folder with the file you would like to share, look at the link above
(Example 1 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM )
(Example 2 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM/0B3UALYkiLexYRkNnOVhsUVozRU0)
In both of these above examples, the "Folder ID" you need for sharing is the last group of letters and numbers after the "/" so in example one, it is "0B3UALYkiLexYSXZlcldoU2NpYXM" in example two it is "0B3UALYkiLexYRkNnOVhsUVozRU0"
In the examples I used, example 1 was a folder on my drive, and example 2 was a folder inside that first one, that is why it has the entire first link before the second.
We only need the section after the "/" furthest to the right.
So now that you have your "Folder ID", take the above formula "https://googledrive.com/host/(folder id)"
Example 1 https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM
Example 2 https://googledrive.com/host/0B3UALYkiLexYRkNnOVhsUVozRU0
Great, now that you have this link, open it in a new page. It will direct you to the shared folder. Once there you can either right click on any file and select "Copy link address" or you can click any file in that folder and it will take you to the hosted image, the URL at the top of the page is the hosting URL.
That is the how you do it. It is quite annoying, and personally it seems a whole lot easier to just revert to the old google drive.
I will try to make a new tutorial video ASAP
Let me know if this does not work for you and what problem you are experiencing.
End Edit)
https://www.youtube.com/watch?v=QmN22LMPdDk&feature=youtu.be
Or you can just follow the written ones below.
These pictures go with the ones listed in the steps.
https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM/
Create a Folder on your Google Drive that you would like to use for sharing images.
Select that folder and go to the sharing options. Change the "Who has access" options from "Specific People" to "Public on the web"
All images placed in folder will have a hosting link on them shown in Step 4
(Images : Change Folder Option.png, Change folder option 2.png, and Change folder option 3.png)
place an image in that folder.
select the image you would like to share and look at the details section (usually on right hand side) for a section labeled "Hosting" you should find a link that starts with
"googledrive.com/host/(random numbers and digits that are the ID for that folder)/(file name)"
Use that link to share your images. You can use that link to embed them into other websites.
(Images: Change folder option 4.png and Change folder option share.png)
Vetea, if you take the link from picture URL, it does not work, but if you take it from the field "Direct Link" it should work. I have used and tested it in multiple occasions.
A very useful api/url I found is:
imageId -> the file ID
width, the desired width (cannot be greater than image resolution width), must be integer for it to work
height, the desired height (cannot be greater than image resolution height), must be integer for it to work
https://drive.google.com/thumbnail?id=${imageId}&sz=w${width}-h${height}
Note: the api/url will keep the aspect ratio so it will stop at whichever dimension is met first
There is a filetype option in the Google Drive API. You could, maybe, check if that resolves to a valid image. I'd look at an option where if the filetype gives me an invalid image, then get a new direct URL for the file. I haven't figured out exactly how to do this though, but maybe that's a path to try.
You can do it directly from Drive & Gmail. Here's how:
1.Upload an image to Google drive and set permissions for viewing (can be public OR anyone w/ link)
Go to Gmail>Compose. Select the + next to attachment icon.
Select drive icon (triangle shape)
Navigate to your image and right-click copy image url
Paste into web browser or embed on webpages as needed.
For images, open an image in google viewer. i.e.
Method 1
https://docs.google.com/file/d/0Bz7qe_olclTwWDNJRDRmb1pJamM/edit
then view source> find word "texmex-thumb" and aside it there will be link.
1.Change the settings of your picture to public.
2.Get its shareable link.
3.Go to this website and generate a direct download link.
Worked for me!
You can follow below steps to embed the files you want to your website.
Find the PDF file in Google Drive
Preview the PDF file in Google Drive
Pop-out the Google Drive preview
Use the More actions menu and choose Embed item
Copy code provided
Edit Google Sites page where you want to embed
Open the HTML Editor
Paste the HTML embed code provided by the Google Drive preview
Use the Update button and Save the page
References: https://www.steegle.com/websites/google-sites-howtos/embed-drive-pdf
Solution provided by Niutech worked for me i.e.
http://googledrive.com/host/<folderID>/<filename>
But there are 2 outstanding issues
You cannot have 2 files with the same name in the same folder in the drive else this link won't work.
It is not yet clear but Google seems to be planning to deprecate image hosting via drive. please see the link below.
https://support.google.com/richmedia/answer/6098968?hl=en
Function title: goobox
tags: image hosting, regex, URL, google drive, dropbox, advanced
return: string, Returns a string URL that can be used directly as the source of an image.
when you host an image on google drive or dropbox you can't use the direct URL of your file to be an image source.
you need to make changes to this URL to use it directly as an image source.
goobox() will take the URL of your image file, and change it to be used directly as an image source.
Important: you need to check your files' permissions first, and whether it's public.
live example: https://ybmex.csb.app/
cconst goobox = (url)=>{
let dropbox_regex = /(http(s)*:\/\/)*(www\.)*(dropbox.com)/;
let drive_regex =/(http(s)*:\/\/)*(www\.)*(drive.google.com\/file\/d\/)/;
if(url.match(dropbox_regex)){
return url.replace(/(http(s)*:\/\/)*(www\.)*/, "https://dl.");
}
if(url.match(drive_regex)){
return `https://drive.google.com/uc?id=${url.replace(drive_regex, "").match(/[\w]*\//)[0].replace(/\//,"")}`;
}
return console.error('Wrong URL, not a vlid drobox or google drive url');
}
let url = 'https://drive.google.com/file/d/1PiCWHIwyQWrn4YxatPZDkB8EfegRIkIV/view'
goobox(URL); // https://drive.google.com/uc?id=1PiCWHIwyQWrn4YxatPZDkB8EfegRIkIV
Con can disable javascript in your browser open the image file and in the view page source or right click on the image, you will see the image link. ( check share preference before )
However this answer is simple, infact very simple and yea many have mentioned it that simply put the id of image into the following link https://drive.google.com/uc?export=view&id={fileId}
But however easy that is, I made a script to run in the console.
Feed in an array of complete sharable links from google drive and get them converted into the above link. Then they can be simply used as static addresses.
array = ['https://drive.google.com/open?id=0B8kNn6zsgGEtUE5FaGNtcEthNWc','https://drive.google.com/open?id=0B8kNn6zsgGEtM2traVppYkhsV2s','https://drive.google.com/open?id=0B8kNn6zsgGEtNHgzT2x0MThJUlE']
function separateDriveImageId(arr) {
for (n=0;n<arr.length;n++){
str = arr[n]
for(i=0;i<str.length;i++){
if( str.charAt(i)== '=' ){
var num = i+1;
var extrctdStrng = str.substr(num)
}
}
console.log('https://drive.google.com/uc?export=view&id='+extrctdStrng)
window.open('https://drive.google.com/uc?export=view&id='+extrctdStrng,'_blank')
}
}
separateDriveImageId(array)