Adobe Creative Cloud Subscription for Business Catalyst Website

by filip 21. June 2012 12:40

We recently got the Adobe Creative Cloud subscription at work, and I wanted to check out their web hosting plan – one of the features is hosting for up to five websites.

Step 1: Creating a Website

I’ve never hosted a website with Adobe (or, more specifically, Business Catalyst), so I wasn’t sure where to start.  I looked around the website, and eventually found that there are three ways to create a website:

  • Muse: an Adobe program for non-programmers to create websites
  • Dreamweaver: an Adobe program for programmers to create websites (last time I used this was maybe 12 years ago)
  • BusinessCatalyst.com: an online management tool for websites

The documentation I read on Adobe.com indicated that even if I go the Muse or Dreamweaver route, I’ll eventually need to use BusinessCatalyst to manage my site for things such as DNS, so I went to BusinessCatalyst.com.  Also, I didn’t really feel like installing Muse or Dreamweaver, as I have no intention of using either of those programs (I like to use Visual Studio for those types of tasks).

Well, turns out that creating my website with BusinessCatalyst.com was a mistake. Creative Cloud subscriptions come with five webBasic websites. These types of websites can be created from Muse (or possibly Dreamweaver).  However, creating from BusinessCatalyst.com will create a webCommerce site. I noticed the problem when I tried to promote my site to live. When clicking the “Upgrade” button, it started asking for my credit card info. After a chat with their CSR, my site was “downgraded” to webBasic and I was able to push the site to live.

Step 2: DNS – Creating a Subdomain

I did not want to move my website to Business Catalyst. What I wanted was a place to store files on the Adobe Cloud, while keeping my website where it was.  To do that, I wanted a subdomain, images.bloodforge.com, to be hosted on Adobe’s cloud. Everything else with bloodforge.com would remain where it was.

The first step is to go to the administration section of the website created in Step 1 above, clicking on Manage Site-> Site Settings –> Site Domains. Click on “New Domain” button on the top of the page, and configure the domain. In the “Domain” field, enter the full domain name of your site. So, in my example, I entered “images.bloodforge.com”, without the quotes. Select “Use an external DNS server” radio button option, and copy the IP address listed. You will need this in the next step.  Click on the “Save” button.

Now that you have the IP address of your site, log into the DNS manager of your current website (which in my case was Arvixe, but it could just as well have been GoDaddy or something similar.  You will need to create an “A” record for your domain, and point it to the IP address you just copied from BusinessCatalyst when creating your domain. So, in my example, I created an “A” record for "bloodforge.com” with a name of “images”, and pointed it to the correct IP address.

At this point, you should be able to go to the domain you just created. Type the full domain (in my case, images.bloodforge.com) into your browser and you should now be at the BusinessCatalyst website.

Step 3: FTP files to your Adobe/Business Catalyst website

You’ll need to obtain the FTP settings for your website from BusinessCatalyst. Log into the admin section of the website created in Step 1, and go to “ManageSite” –> “Site Manager” –> “File Manager”, and click on the “Upload Files” button at the top of the page. There should be a Tip on this page, and if you click on the “See Details” button, it will show you the details for your FTP login info. In my case, it was:

  • host: images.bloodforge.com
  • username: images.bloodforge.com/{Business Catalyst username}
  • password: {Business Catalyst password}

I use FileZilla to FTP, and I entered in the information above. I was rather disappointed that BusinessCatalyst used standard FTP with plain text encryption. Doesn’t seem very secure, but it is what it is.

I was able to upload “.aspx” pages to the site, however, it did not execute. Seems like the handler for the file types is disabled. However, other files, such as images, serve up just fine. One thing to keep in mind is that if you upload HTML files, they will not be exactly the same when you access them with a browser. BusinessCatalyst adds some of their own stuff into your files.

Tags: ,

Personal | Web Development

Improving Google Page Speed Score for BlogEngine

by filip 22. February 2012 17:47

I was getting a 72/100 score from Google Page Speed, so I attempted to improve that a bit.

I added caching to static resources via the web config, which raised my score by about 10:

<staticContent>
  <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="365.00:00:00" />
  <remove fileExtension=".mp4" />
  <remove fileExtension=".gif" />
  <remove fileExtension=".htm" />
  <remove fileExtension=".html" />
  <remove fileExtension=".jpeg" />
  <remove fileExtension=".jpg" />
  <remove fileExtension=".js" />
  <remove fileExtension=".png" />
  <remove fileExtension=".txt" />
  <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
  <mimeMap fileExtension=".gif" mimeType="image/gif" />
  <mimeMap fileExtension=".htm" mimeType="text/html" />
  <mimeMap fileExtension=".html" mimeType="text/html" />
  <mimeMap fileExtension=".jpeg" mimeType="image/jpeg" />
  <mimeMap fileExtension=".jpg" mimeType="image/jpeg" />
  <mimeMap fileExtension=".js" mimeType="application/x-javascript" />
  <mimeMap fileExtension=".png" mimeType="image/png" />
  <mimeMap fileExtension=".txt" mimeType="text/plain" />
</staticContent>

New page score: 82/100

I then made sure that all of my custom javascript files went through the javascript handler in BlogEngine, which raised my score to by 3:

<script language="javascript" type="text/javascript" 
src="/js.axd?path=%2fmyuploads%2fbf_script.js&minify="></script>

New page score: 85/100

I then uninstalled the syntax highlighter extension from BE. This upped my page rank by another 3.

New page score: 88/100

There's still some room for improvement, though... I want to get as close as possible to 100 :)

Tags: , , , ,

Web Development

Disqus Recent Comments, Top Commenters, and Most Discussed Widget for BlogEngine.NET

by filip 20. February 2012 21:11

After I switched to Disqus comments, I noticed that my recent comments widget no longer worked. So I wrote a new widget that adds some JavaScript to the web page which includes the recent comments (and a few other options, if desired) when using Disqus.

The widget is is available on the blogengine.net gallery website.

Known issues
-The character limit when using the combination look doesn't seem to be working. I need to look into this more, but right now it seems Disqus is ignoring the character count.

Tags: , ,

Web Development

New Comment System

by filip 17. February 2012 15:13

The blog now uses a new comment system - Disqus.

I upgraded to BE v2.5, and found various instructions on how to move to Disqus... including these.

There was one problem, however. The instructions state that on post.aspx, JavaScript needs to change to the following:

<script type="text/javascript">
    var disqus_title = '<%=Post.Title %>';
    var disqus_identifier = '<%= Post.Id.ToString() %>';
    var disqus_url = '<%= Post.AbsoluteLink %>';
    var disqus_developer = '<%= BlogEngine.Core.BlogSettings.Instance.DisqusDevMode ? 1 : 0 %>';
    (function () {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://<%=BlogEngine.Core.BlogSettings.Instance.DisqusWebsiteName %>.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>

However, that is not accurate and will result in errors.  The correct code needs to reference Page, and not Post.

<script type="text/javascript">
    var disqus_title = '<%=Page.Title %>';
    var disqus_identifier = '<%= Page.Id.ToString() %>';
    var disqus_url = '<%= Page.AbsoluteLink %>';
    var disqus_developer = '<%= BlogEngine.Core.BlogSettings.Instance.DisqusDevMode ? 1 : 0 %>';
    (function () {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://<%=BlogEngine.Core.BlogSettings.Instance.DisqusWebsiteName %>.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>

If the above is not changed, the blog will throw the following error:

page.aspx(14): error CS0120: An object reference is required for the non-static field, method, or property 'BlogEngine.Core.Post.Title.get'

One more change needs to be done if the above takes place. In archive.aspx.cs, the following line:

comments.InnerHtml = string.Format("<span><a href=\"{0}#disqus_thread\">{1}</a></span>", post.PermaLink, Resources.labels.comments);

needs to change to:

comments.InnerHtml = string.Format("<span><a href=\"{0}#disqus_thread\">{1}</a></span>", post.AbsoluteLink, Resources.labels.comments);

The change above will allow the Archive to correctly display the number of comments and reactions to each post.

Tags: , , ,

Web Development

Change combobox background color in AS3

by filip 8. November 2011 14:30

I needed to change the background color of the text region of a flash combobox - using AS3 at runtime.

Styles for some reason were not working.  The solution was to directly address the textfield property and change its background color.  Here's an example:

cbo.textField.textField.background = true;
cbo.textField.textField.backgroundColor = 0xDEDE29;

Tags: ,

Web Development

About Filip Stanek

Death Note Pic I'm a developer at ACG in Cincinnati, OH. I like ASP.NET, Flash, and other web technologies, & enjoy playing chess, video games, etc.

Currently playing:

Disqus

Month List