Can I change the HOTGLUE favicon?

Dorien 2016-02-19 14:03:54 UTC #1

Don't know if I'm 'cursing in the church' by wanting to change the hotglue favicon of my hotglue website, but I'll take the risk and ask it anyway

So yeah.. Is there a way to change the hotglue favicon of my website..? Or at least remove the hotglue-gun?

I like hotglue super-a-lot! I just don't like guns I guess..

biarritzzz 2016-03-13 15:59:22 UTC #2

hey! i did that, but appereantly it doesnt work on Chrome, but works on Firefox,,

you'll have to put this code on every page you want to change the favicon icon:

< link rel="icon" type="image/png" href=" image url here " / >

xoxo

Dorien 2016-03-15 17:51:25 UTC #3

Hi biarritzzzzzzzzzz!

Thank you for the reply! Unfortunately I'm not computer geeky enough to apply it to my website (i wish i was!).. I have a hotglue website, tried to put the link in the 'add/edit custom code'. I made a page with just the picture i would like as favicon and put the link to that page after href=".. But that didn't work.

Dear biarritzz do you maybe have the golden hint to save me? Because I would just love to have this acorn as a favicon to my squirrel website (yep: i'm not a computergeek but at least a geek).

Byebye!

Dorien 2016-03-15 19:51:04 UTC #4

Oh yes! In the end I managed to kind of do it. For now it only works if I give a link of an other website and not if I give the link of the page I made..

This would be nice, because I would like my favicon to be like Destiny's Child: ...independent. So golden advise is still very welcome

bye!

DanjaVasiliev 2016-10-10 22:51:45 UTC #5

Here is a proper way of adding a favicon to your Hotglue site:

Create a square PNG image, don't make it too big, 96x96px is enough!
Upload the image to your Hotglue page (drag it over!)
Select the image and click on the target icon left of the image and copy the value (eg "start.head.147613886210")
Open 'code' page of your site https://yoursite.hotglue.me/?code, and paste the following code into the field: <link rel="shortcut icon" href="https://yoursite.hotglue.me/?start.head.147613886210" /> replacing 'start.head.147613886210' with the value you copied earlier
Done! Shift+Reload your site to see the icon.

lilaroo 2017-07-29 00:06:18 UTC #6

hello there, is there anyway to delete the favicon altogether? or can it only be replaced?

be4present 2017-08-03 21:54:14 UTC #7

I would also like to know how to remove the favicon altogether instead of replacing it. Many thanks!

DanjaVasiliev 2017-08-21 20:03:22 UTC #8

you can remove the favicon by adding the following code to the <head> section of your site http://yoursite/?code:

<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />

the code adds a transparent icon.

onucleo 2018-04-24 20:39:02 UTC #9

Hi Danja! I appreciate your help.
This works for Firefox but not for Chrome..
Any suggestions?
Thanks!
Tamara

[edit]
somehow stopped working for firefox...

gissellegiron 2021-01-16 12:29:54 UTC #10

Hi, I have managed to find out how to change the Favicon on Hotglue, I made a tutorial in Spanish about it, I believe the images make it easy to understand for English speakers as well but you can always google translate as well, hope this helps
https://gissellegiron.hotglue.me/?favicon/

yair 2023-03-17 14:21:16 UTC #11

thanks @gissellegiron
i used your guide but as i already had the favicon did the following

convert your favicon to base64

windows (powershell)

$faviconPath="path/to/favicon.ico"
$base64 = [System.Convert]::ToBase64String([System.IO.File]::ReadAllBytes($($faviconPath)))
write-host "<a href='data:image/x-icon;base64,$base64' rel="icon" type="image/x-icon" />"

linux/osx

faviconPath="path/to/favicon.ico"
base64=$(base64 -w 0 "$faviconPath")
echo "<link href='data:image/x-icon;base64,$base64' rel='icon' type='image/x-icon' />"

go over to your global code page at yourpage.hotglue.me/?code
enter the above output to the head block
image.png835x756 40.5 KB

matthieudurey 2023-09-13 14:17:48 UTC #12

I finally understood how to succeed with Vasiliev's tutorial, the format and code was the issue.
You must make your favicon with this tool: https://favicon.io

Then, you unzip the files and use them following the favicon.io's tutorial to the letter, copying their code to the head of your page, with the help of Vasiliev's tutorial, but using the files and code of favicon.io website.

It worked the first time for me!

Good evening !