created
Apr '20
last reply
Jan '21
- 4
replies
- 2.3k
views
- 4
users
HOW-TO add own domain
In order to be able to link own domain address to your Hotglue.me site you need to be a Hotglue supporter (have an active donation) and own (having had purchased) a domain name.
1) Search for a Domain Registrar of your choice. Every country has its local Domain Registrars that allow to register domains in your country's TLD (Top Level Domain), for example .de for Germany, .nl for the Netherlands, .co.uk for the UK. Most Domain Registrars will also let you get a domain name in international TLDs such as .com, .org, .net etc.
2) After you have purchased a domain name make sure you can control its DNS settings. Some Registrars don't include this option in standard offer.
3) In the Control Panel of your domain account search for a section called DNS settings or Server address. You should have a choice of setting A and AAAA type record. These records define which web-server will be hosting your site. In our case it will have to be the hotglue.me server.
4) Set A field to contain 141.138.136.200
5) Set AAAA field to contain 2a01:7c8:aaaa:1d6:5054:ff:fe45:eddb
6) After you have made changes to your DNS settings you might have to wait for a few hours for this change to apply.
7) Go to http://hotglue.me/account page and go to Own domain section. Using the form on that page check that your domain address (i.e. mysite.me) is properly linked to Hotglue.me Only after this test is completed (you need to get an 'OK') can you proceed further.
8) Viola! Once you have successfully linked your domain addtess to your Hotglue.me account your page will be accessible by both addresses.
ADVICE: clear your browser cache if you have problems viewing your site on the new address. Modern browsers cache addresses too, so you might be getting a wrong impression that the domain linking did not work when in fact it's just your browser showing you the old version of the site.
Useful links:
How to Register a Domain Name, video guide: http://www.ehow.com/how_2114_register-domain-name.html
Domain Name Registrar, Wikipedia page: http://en.wikipedia.org/wiki/Domain_name_registrar
ICANN FAQ, about TLDs and domain names: http://www.icann.org/en/about/learning/faqs
Check your DNS records, IntoDNS service: http://www.intodns.com
Hi,
Hotglue pages do not scale to the size of browser window. The way a page is shown while editing is exactly how it will look. It is a "fixed layout" approach, which is one of Hotglue's features.
Danja
hi nicsinghs,
as far as my knowledge goes :
be aware that this white space will be different in every screen you look.
so maybe you can look in different devices and then decide how would you like to change the layout and sizes of the content.
if you don't want to change the layout you can place a background tiled image and it will fill up all the empty space. (or other design based approaches).
also, if you want all the content of the page to be centered, then you could place this code in the < body > of your pages code ('add/edit custom code' button). i got it a few years ago from saba vidyo (i hope this is how you put code in this forum
+i hope this code still works)
<script>!window.jQuery && document.write('<script indent src="js/jquery-1.5.2.min.js"> <\/script>')</script>
<script type="text/javascript">
var l_sides = new Array();
var r_sides = new Array();
var win_width = $( window ).width();
var body_width = $( "body" ).width();
var objs_with_ids = $('body [id]');
objs_with_ids.each(function() { //Get elements that have an id=
l_sides.push($(this).offset().left); //add left's to array
r_sides.push($(this).offset().left + $(this).width()); //add right's to array
});
var min_left = l_sides[0];
var max_right = r_sides[0];
for (var i=1, len=l_sides.length; i < len; i++) {
if(l_sides[i] < min_left) {min_left = l_sides[i]}
}
for (i=1, len=r_sides.length; i < len; i++) {
if(r_sides[i] > max_right) {max_right = r_sides[i]}
}
var objs_grp_width = max_right - min_left;
var dist_to_move = win_width/2 - objs_grp_width/2;
//alert(dist_to_move);
objs_with_ids.each(function() { //Get elements that have an id=
$(this).css('left', parseInt($(this).css('left')) + dist_to_move);
});
</script>
but then every time you are editing the page, you have to take all the content to the left side (otherwise the centering will not work properly) (ctrl+a selects all the content of the page
).
i myself love the fact that hotglue is absolute positioning, it makes so many thing possible and its a powerful and beautiful feature