Categories
How To Guides Internet

Simple ways to speed up your website

Having a fast website is very important. As I mentioned in my Black Friday post, nobody likes a slow website and if your site take more than a few seconds to load, the chances are you are loosing visitors because of that lag.

This article contains a few easy to implement tips which you can use to help you reduce the load time of your website.

Keep Your Code Tidy

Unless something goes wrong, or someone chooses to view your source code, most of the people who visit your website will never see any of the code that is stuffed away behind the scenes. That doesn’t mean it isn’t important however. After all, the code at the back-end is what creates the website at the front end.

Minify HTML

Minimising your HTML, CSS and JavaScript is a very easy way to reduce the size of your website. If there is less to load, then your website will load faster. If you use a CMS like WordPress, there are many plugins which can minify your code for you. If you self-code there are websites which will shrink your code for you, or you could go through it yourself, removing unnecessary spaces and tags etc.

Reduce Files Fetched

It is good practice to fetch as few files as possible when loading your website. For example, many sites use separate style sheets for different parts of the website – for example one for text, one for images and another for general layout. Every file that your page calls upon increases its overall load time. Fetching one big CSS document will usually be faster than fetching three smaller ones.

Also consider how many external resources you load – for example adding a Facebook like button will require the users browser to visit Facebook’s website to pull the code across, whilst loading your page. A link or a delayed load on things like social sharing buttons can give you a big speed boost.

Optimise Your Images

Images make your content more exciting, however if you don’t optimise them then they can often really slow your page load time down. There are various ways you can reduce the file size of your images without compromising on quality.

Resize Pictures

When you take a picture, it can often be much bigger than you really need it to be. By resizing photos before you upload them, you can massively reduce the file size of your images. If you leave the file big, but resize it using HTML or CSS – by setting a smaller height and width – then the end user still has to load the big image, and then their browser then has to squash it down to fit your new image dimensions.

Choose The Right File Type

The most commonly used image formats are .jpg, .gif and .png.Β  Different images lend themselves to different formats. Reducing the number of colours available to a GIF or a PNG-8 image will reduce the files size, whilst reducing the image quality will lower the size of a JPEG file.

Use An Image Compressor

Image compressors are another way to shrink images. Technology Bloggers currently uses a WordPress plugin called WP Smush.it which uses the Yahoo! Smush.it tool to reduce image files.

Example

Here is a picture that I took several years ago whilst in South Africa.

Elephants in South Africa
The full sized image was 3.44 megabytes. Resizing it in Photoshop helped me reduce that to 1.61 megabytes. Because there are lots of colours and the image was quite big, choosing GIF and PNG-8 format made it look too pixelated, so it was between PNG-24 and JPEG. PNG-24 squashed the image down to 831 kilobytes, whilst JPEG compressed it to a tidy 450 kilobytes. Although that is a lot smaller than the original file, it would still take a long time to load on a slow connection so by taking a very small hit on the image quality, I managed to get the file size down to 164 kilobytes. Finally running the image through Smush.it took it down to 157 kilobytes. Some images see a big reduction, most (like this one) see a smaller reduction of just a few percent.

Use A Content Delivery Network

Content delivery networks, or CDNs, can help to improve a websites speed and make it more reliable. Put very simply, when someone tries to access your site, without a CDN they are directed to your hosting provider, who will then serve them your website and all its files from their server. This means that if your host goes down because of a fault, or a sudden surge in traffic you loose your site, and also if your host is not close to a user, it can take a long time for them to communicate.

With a CDN, users can fetch your site faster, because it is offered in multiple locations around the world. Additionally many CDNs can cache a copy of your site, so if your host goes offline, they can provide a static version of your site to users until it comes back up.

For example, Technology Bloggers is currently hosted in Gloucester in the UK. If you access us from Australia, CloudFlare (the CDN we use) will send you to its closest data centre, which could be in Australia, which will then deliver the files you need to see our site. It is faster because your requests don’t have to travel all the way to the UK and nor does the data being sent back to you either.

Control Your Cache

Server Side

If you use a CMS, then the chances are your content is dynamically delivered upon request. Basically, when the user requests a page, your site creates it and then sends it back. By using some form of caching you can create a static image of your site, so your site doesn’t have to create the content each time a user visits it. There are various plugins you can use to help with this, Technology Bloggers uses CloudFlare’s caching system, as I have found this seems to work better than other WordPress plugins I have tried. Also, using too many plugins, slows your site down, hence why I let the CDN manage it.

User Side

A users browser also saves files for later, in case they visit your site again. It is possible to determine what files are saved and for how long these files are saved for, by adding caching headers to your .htaccess file you can change these settings.

How To Test If Your Site Is Faster

Refreshing your page and timing it with a stopwatch is one way to gauge how quick your site loads. This probably isn’t the best way to do it though!

There are various websites which rate your sites speed performance. I tend to measure Technology Bloggers using four main speed analysis sites.

Google PageSpeed

Google are keen for the web to be faster and offer a very useful tool which gives your site a score for mobile load time and desktop load time. It also suggests what it believes is slowing your site down. Google’s tool also gives an image of your fully loaded site – all the content above the fold. Unfortunately, their test doesn’t actually state how fast your site loads, just how well optimised it is.

WebPageTest

Probably the most thorough site I use is WebPageTest, which presents loads of different information, including first view load time, repeat view load time (which should be quicker if you have user side caching), a waterfall view of all the files loading, a visual representation of how your site loads, suggestions as to where performance issues lie and loads more.

An analysis of TechnologyBloggers.org using the WebPageTest tool

Pingdom

Pingdom is another useful tool, it gives a handy speed score and also tells you how fast your site is compared to other sites it has tested. It also saves your speed results, so you can view historic test result speeds on a graph, and see how your sites speed has changed.

GTmetrix

GTmetrix is another useful site. It also gives lots of details, and helps you to see what is slowing your site down. GTmetrix also lets you compare one site to another, which I’m not really sure is that useful, but it is interesting to see how your competitors site compares to your own.

An analysis of TechnologyBloggers.org using the GTmetrix tool

Happy Browsing

Remember to enjoy your new, faster site! Hopefully your visitors will too. πŸ™‚

Categories
Blogging Internet WordPress

Is a lazy website key to online success?

Speed matters. Once upon a time, if a business had a website, it was revolutionary. Now in many cases if a business doesn’t have a website, it will usually suffer as a result.

When the internet was in its infancy, speed wasn’t really on the agenda. If your site loaded super fast (remember we are still in the days of 56kbps/dial-up internet access here) great. If it didn’t, people would be prepared to wait.

Nowadays there are so many different websites offering such similar information, if your site is slow, your traffic (or as I prefer to call it visitor numbers, or even better: people) will suffer as a result. There are countless studies into this, almost all of which conclude that the slower a site is, the fewer visitors it has.

Furthermore, speed is starting to become an evermore important search engine ranking factor – if your site is slow, you are less likely to rank at the top.

Okay, you get the point: today speed matters.

The problem with many websites is that they have so much to load. When you load our homepage, it isn’t just a few lines of HTML that your browser requests from our server, it also fetches a handful of local CSS, JavaScript and PHP files, in addition to bunch of images and some large chunks of external code, which are used to generate social media buttons.

This all takes time, and every extra byte and file that is requested will slow down the page load time.

Slim Down

One way to reduce the size of the page is to reduce the amount of files – and the size of those files – that are fetched. We make every effort to ensure that our locally loaded scripts are as condensed as possible, so your browser doesn’t have to request dozens of files, just one or two.

We have also combined several images into one file (a CSS sprite), again, so your browser has to fetch fewer files. Take a look at the image below for an example.

CSS sprite social media
Technology Bloggers social icons CSS sprite.

The trouble is, we only have control over internal files. I can’t go and reduce the Tweet button script and add it to one of our existing files, as it is controlled by Twitter, and served via their servers.

Lazy Loading Images

Sometimes slimming down isn’t enough, so one way to prevent the initial load becoming verbose is to delay the loading of images not in view. We use a WordPress plugin called Lazy Load, which only loads images just before they come into view. So if the page has five megabytes of images to load, and four are below the fold, then when the page loads, you will only have to wait for one megabytes worth of images to load; if you don’t scroll down, the other four never get loaded.

Lazy loading images can significantly help improve page load time, as images are usually the biggest files that a website loads, so only loading the vital ones really speeds things up!

Lazy Loading Social Buttons

As I mentioned above, one of the biggest strains on loading is external code, specifically social buttons and sharing buttons.

For a long time now, the ability to offer you the potential to share content and follow us via social media has come at a high price – in terms of loading time. However after a lot of coding and hours of tweaking, our social buttons are now just a tiny (in size) image.

If you take a look at our sidebar, the social buttons sill look very similar to before – Facebook like, Twitter follow and Google Plus recommend all still there – however they now only load the external scripts if you mouse over them. This removes a huge delay when you first load a page, and means we can provide these buttons on every page of the site, with a much smaller speed loss.

At the top of articles, the social buttons there now also load lazily, and only fetch code from the networks when you mouse over the button images.

Lazy loading sharing buttons.
Technology Bloggers delayed loading social buttons.

Lazy loading social media buttons has dramatically improved the speed of Technology Bloggers, and still enables you to share content when and how you choose.

%CODETWEETTB6%

What is your view on delayed loading?

Categories
Browsers Computers Internet

Is updating Java really important?

This is a sponsored post. To find out more about sponsored content on Technology Bloggers, please visit our Privacy Policy.

What do you know about Java? If the answer is not much, then you are not alone. In this article I am going to explore exactly what Java is, and why it is so important that you keep it up to date.

Java or JavaScript?

Java and JavaScript are completely different things, however many people confuse them as one and the same.

JavaScript
JavaScript is a scripting language (like PHP and HTML) that is used in browsers to help render websites, and is also now used to create [relatively simple] desktop games.

We use JavaScript on our blog. One example can be found in our comment form; if you don’t tick the box to confirm you have read the comment policy and click Post Comment, a box comes up reminding you that you have to tick it to proceed – that works via JavaScript.

You can disable JavaScript, but so many websites use it nowadays, your browsing experience would be significantly affected.

Java
Java is a programming language, which is capable of doing far more than JavaScript. Java can be used to create new programs and applications that run virtually on their own, or via a browser.

Most computers come pre-loaded with Java, as do many other devices, including some cars, printers, parking machines, ATMs and more. A printer doesn’t use JavaScript, as it is a browser based language.

Malicious Java

It is possible for someone to gain access to your computer via Java. All you would need to do is visit a website with malicious Java code on it, and unknowingly to you, you could be being hacked. Some websites allow you to add your own code to their site, (like forum’s for example) so it might not even be a malicious website you are visiting, just one page which contains malicious code.

Oracle's Java logoWhen you visit a page with a malicious Java application, your browser will usually start to run the code, which will open up a direct link between your PC and the hacker – remember browsing the net is a two way process, every time you request data from a server, the server can request something back.

On face value, a page with malicious Java could look completely normal and trustworthy, as you wouldn’t be able to see the code – your browser would render it for you.

Malicious code can give a hacker almost complete access to your machine, via the internet. They could potentially browse through your files and open applications, and even receive feedback from input devices like a webcam and microphone.

Java Update

When Sun Microsystems (who are now owned by Oracle) developed Java, they didn’t plan for it to be used maliciously, and still don’t. Like with most code, hackers exploit loopholes and flaws in the language, to enable them to perform malicious activity.

Oracle's logoLike with any software, to combat malicious activity, when flaws are discovered, developers create patches and launch new versions to protect uses against their installation being misused.

Many of the know ways Java can be used to gain access to your computer are preventable, if you have the latest version installed.

It is important that you not only keep your computers version of Java up to date, but also your browser’s version. Many browsers come with a Java plugin, and this can become outdated, even if your system version of Java is up to date.

You should check to see if your browser’s extensions and plugins are up to date ideally once every week. If you have Premier IT Support, or your computer is updated by an external provider, you shouldn’t need to update Java, as that should be taken of care for you.

Categories
How To Guides Search Engines Social Media

Create a Google +1 button for an entire site

About a week ago, I posted about how Technology Bloggers now supports Google Authorship, so that writers can now claim posts as their own via linking them to their Google + profile. This article is also about the blog integrating further with Google’s growing social network: Google +.

Until recently it was not possible to create a sitewide Google +1 button, so that users could +1 your entire website; before you only used to be able to +1 the exact page you were on. However thanks to one of Google’s recent updates, it is now possible to +1 an entire site!

If you are a website/blog owner, then this article is probably going to be of particular use to you πŸ™‚

I have recently added a sitewide Google +1 button to Technology Bloggers sidebar, which sits on the sidebar, next to our other social widgets.

Social media buttonsTo get a +1 button, you need to visit the Google +1 Button customisation page. There you can choose the style of your button, how big it is and the language used. What most people probably then miss is the ‘Advanced options’ link.

Advanced Options

If you click ‘Advanced options’, you get a whole new set of options drop down. One of these options is URL to +1. Usually when you place a +1 button on your site and a user clicks it, it +1’s that exact page. However if you enter your sites URL into the box and then get the code, when a user clicks your +1 button it +1’s your entire site.

Google +1 ButtonFor more information on the URL +1’d when users click your button, please see Google’s URL configuration explanation.

Sharing

When someone clicks +1, they will also be given the option to share the content/page to their circles. Usually Google will fetch the page title, and choose a selection of text and an image from the page users are currently on, however it is now possible to customise this too by customising the +Snippet.

Scroll down the page and you are able to select the type of page users are on, is it a local business, article, book, organisation, event, review etc.? You can also choose the title, description and image of the share. If you have created a sitewide share button, usually the button will offer users to share the current page, however by customising the +Snippet, you can make it so that your chosen title, text and image are what are shared, not the one Google automatically selects.

To implement the snippets you just have to add a few meta tags or some HTML code to your page.

Problems

One small problem I have come across when implementing this on Technology Bloggers is that you can’t successfully run 2 +1 buttons on the same page. That means that if you want to have a sitewide button, so users can +1 and share your homepage, and a button on every individual page, where users can +1 and share that page, it is not entirely possible.

The code of the button determines the URL to be +1’d, so it is completely possible that you can have 2 buttons, 1 for the page and one for the site, however the problem is with the +Snippet and the sharing, as both buttons inherit the meta data, meaning that when you share the individual page, it doesn’t share data from that page, but your generic sitewide text, image and title.

It isn’t really a major fault, and with a bit of clever scripting (and a lot of time) I am sure I could get it to work the way I want it to. I am sure Google will release an update at some point which allows you to have 2 +1 buttons, one for the site and one for the page, but in the meantime, we will just have to put up with it not working exactly as we would like it to.

UPDATE: I managed to resolve the problem easier than I thought. I added the +Snippet to the theme header, however told it only to appear on the homepage. The button is designed to fetch the +Snippet from the page users are on, unless the button is designed to +1 a specific URL, in which case, it goes to that URL to fetch the +Snipped – the homepage, where the +Snippet for the entire site is.

You and +1

So what is your opinion on the +1 button, do you use it in the same way/to the same extent the ‘Like’ and ‘Follow’ buttons, or is it not as important? If you own a website or blog, will you be adding a +1 button to it, and if so do you think it is better to have a sitewide +1 or a unique URL +1 button – or both!

Categories
Blogging Social Media Updates

Technology Bloggers adopts post authorship

Until recently I haven’t been as aware as I probably should have been of the Google update, which allows authors to claim authorship of their posts in the SERPs.

I was recently talking about the blog in the (Google) Webmaster Central Help Forum, when someone suggested that we should use Google Authorship. I had heard of it before, but wasn’t 100% sure what it meant, or why we should take the time to adopt it.

So after a little research, I am here to present my findings to you πŸ™‚

What is Google Authorship?

Google Authorship is a relatively new part of search results, whereby Google shows the (Google+ profile) avatar of a person next to articles they have written in the SERPs. This means that people know who wrote something, even before they visit the page.

Google will not only give an avatar which it fetches from the writers Google+ profile, but it will also link to that persons profile. It might also provide additional information like how many circles the person is in. See the image below for more of an idea of how it looks.

Examples of authors Google+ profiles in the SERPsHow Can I Claim My Posts?

If you run your own blog, and you are the only person who ever writes on it, it is dead easy. Just add a link to your Google profile page withΒ ?rel=author after it, and with the text being the same name as your Google profile, to your profile, or just every page of the blog.

The code would look something like this:

<a href="https://plus.google.com/114686389155717038852?rel=author" rel="author" title="Christopher Roberts on Google+">Christopher Roberts</a>

What if I Run or Am Part of a Multi-Author Blog?

If you are part of a blog with multiple authors, it can get a bit more complicated. Basically, the admin needs to make sure that there is no sitewide Google+ profile link, as that could mess things up. Each individual author will need to either link to their Google+ profile with the tag rel=”author” on every post they write, or link to their profile page on every page they write with the tag rel=”author” and then on their profile page link to their Google+ profile with rel=”me”.

It may sound a bit complicated, but it does make sense. If you don’t own a site, don’t worry about it. If you do and need some help, ask me in the comments, or send me a message πŸ™‚

How Do I Claim Authorship of My Posts on Technology Bloggers?

Recently I have been very busy tweaking bits of WordPress’s code, in order to make it as easy as possible for you to claim authorship of the posts you write on Technology Bloggers.

There are three really simple tasks you need to complete. The first is to go to your Google+ profile ‘About’ page and under ‘Contributes to’ add Technology Bloggers – http://www.technologybloggers.org. The second step is to copy your Google+ profile URL and paste it into the ‘Google+ Profile URL’ box on your WordPress admin profile page. Finally in the box below (‘Google+ Name’) add your name as it appears on your Google+ profile. That is it! The blog does the rest of the work for you, and adds a link to your Google+ profile to your writer profile page.

Screenshot Technology Bloggers Admin Profile - Google Authorship
A screenshot of the data you need to fill in on your profile, in order to claim authorship of your posts on Technology Bloggers.

If you don’t have a Google+ profile page, your link will just direct to your WordPress profile page. Not sure what I mean? Don’t worry, if you don’t have one, nothing bad will happen!

I have updated the post guidelines to include a section about how to link to your profile, however this article probably has a more detailed explanation!

A Final Word About rel=”author” and rel=”me”

If you are still confused about rel=”author” and rel=”me”, look at it this way: rel=”author” lets search engines know that the URL with that tag in is pointing to your author profile, be that WordPress, Google+, about.me or another; rel=”me” lets search engines that the URL with that tag in is another website/profile/blog etc. that is yours.

To see the Google Authorship in action you will have to wait a while for Google to index the pages and register the authorship. To check that your code is working okay and that Google can find your authorship, try using Google’s Rich Snippets Testing Tool.

For more information on Google Authorship, please check out Google’s help article on it.

Categories
How To Guides Internet

Tips on website design

A notepad and a pencilWeb redesigns can be a huge undertaking. There are many things to keep in mind as you approach redesigning your or another website. Here are some of the basics of good web design to help keep your focus where it belongs.

User Experience

At the forefront of any web redesign should be the overall user experience desired. How do you want people to interact with your website? What do you want them to take away from your website? These are just a few starter questions to ask yourself as you go about planning the redesign. The easiest thing to do in order to answer these questions is to think about what you like about your favourite websites and what you dislike.

Design Aesthetics

The best designs are often the simplest designs, and keeping things clean is more inviting than a cluttered page. Cohesiveness in design throughout the site is key here. The content delineates one page from the next; not a whole new pallet of colours. Clean, modern designs are also easier for the user, making them more likely to interact with information you have posted, whether through a blog post or messaging forums.

Ditch the Gimmicks

This is not the time to go overboard and incorporate everything you have learned in your experience with web design and cram it all into one page. Ditch the shadow boxes and the splash pages, and make your page more inviting by making it easy for users to use and interact with the site.

SEO Friendliness

Incorporating aspects of SEO into your site’s design and content is very easy to do, but it has to be done right. Everyone wants their web page to ping higher on search engine results, which is easily achievable. Just make sure you are not taking away from the site content at the same time.

Check the Coding

Finally launching the web page after a redesign can be both an exciting and nerve-racking experience. After all the work that was put in to choosing the colours and overall aesthetic look, as well as the content, you want the launch to go off without a hitch. Nothing dashes the excitement of a site launch than to spend most of launch day fixing broken codes. Before you make it public, check your coding. Then double check it just to be sure.

User experience, above all, is the most important element. Having a website that users can easily use will keep users visiting your site regularly and will keep new traffic flowing in regularly. Keep the user experience in mind, and all the other necessary elements for good web design will fall easily into place.

Looking for a professional company for effective yet affordable Web Design? Please check out Snap’s website design.Β  Also don’t forget to advertise your offline business with advertising flags.

Categories
How To Guides WordPress

WordPress Security Tips – Safeguard Your Blog

I recently came a cropper to a hacker on a WordPress Blog I was setting up – luckily I’d backed everything up, but what if I hadn’t? Well, I’d have likely lost everything.

Now the hacking was partly my own fault for not putting the right measures in place. This got me wondering about how many other webmasters fail to implement basic security measures that could save them a lot of trouble in the future.

So without further ado lets look at my top WordPress security tips. I’ll also point you in the direction of a few WordPress Security plugins that I’ve discovered that do a great job of adding that second line of defence.

Don’t Use Admin as a Username

Let’s start simple – the default username in WordPress is “admin” – don’t use this! It’s the first username that all hackers will try, and allows them to a launch a brute force attack, which simply means a bot that tries multiple attempts at guessing your password.

This is probably one of the most common types of hacks out there and it still works. As a second line of defence I’d install a handy plugin called Login Lockdown, basically it records IP addresses of all failed login attempts, if a lot are cropping up in a short time frame it bans all IP addresses from that range. It also goes without saying use a strong password.

Change the WordPress Table Prefix

This involves changing another WordPress default that makes it harder for a hacker to attack your blog via a SQL injection. The table prefixes are defaulted to wp_ – they are easy to change in your wp-config.php file prior to installation.

However, if you have a site that’s already installed and you’re trying to secure that – I recommend using the WP Security Scan Plugin to do so. Remember to take a backup before you change anything – it’s good practice! The WP security scan has a number of cool features (such as removing the WordPress version in the source code) so it’s definitely worth installing.

Technology Bloggers WebsiteDefenderDon’t forget to use secret keys

I have a friend who works for a hosting company – and he revealed it’s amazing how many people forget to use secret keys. Now if you’ve installed WordPress via Fantastico or some other quick install tool that your hosting company provides they should automatically include these.

The hashing salt keys make your password even more secure. To make sure you’re using them – visit https://api.wordpress.org/secret-key/1.1 to generate your keys, and then put them in your wp-config.php file – you’ll spot them easily.

Secure your wp-admin folder

I missed this out when installing my blog and it’s another security tip that many webmasters fail to implement. The wp-admin folder is very important and if a hacker gets into that then they’re going to cause some serious damage.

This involves using a .htaccess file to prevent access. You have two options here – you can prevent access by only allowing certain IP addresses (which isn’t ideal if you have a dynamic IP or work form multiple locations or on the move) or you can use a .htpassword file.

To use the IP address method simply create an .htaccess file and paste in the code below (switching the xxx for your IP address) then upload it to your wp-admin folder:

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Access Control"
AuthType Basic
order deny,allow
deny from all
#IP address to Whitelist
allow from xxx.xxx.xxx.xxx

You can add multiple lines of IP addresses if you want. If your site has multiple writers posting – like Technology Bloggers or accepts guest posts then it’s unlikely this method is viable.

If that’s the case use the .htpassword method – there’s a useful tutorial here: htaccess Files and WordPress Security.

Keep WordPress up to date

This seems obvious but a lot of people forget to upgrade their WordPress. Maybe through fear of breaking something or perhaps just laziness.

The majority of WordPress upgrades are made to increase security and patch up known vulnerabilities. So backup your install and upgrade to the latest version when they’re available.

Keep regular backups

Sometimes no matter how many security measures you have in place, a hacker it still able to get through, maybe through a plugin that contains an exploit.

In this case, you have to take regular backups as the last line of defence. Perhaps through the use of a plugin, or via your host. You can schedule them to run on a daily basis and then be emailed to you.

Having to restore a backup is probably a worse case scenario, but believe me, it’s far easier than having to re-setup your entire blog and redo blog posts from Googles cached pages.

What are your favourite WordPress security methods? Are there some great plugins that I’ve missed? Please let me know in the comments section below.

Categories
Blogging How To Guides Updates WordPress

How to add an email subscription form to your blog

Earlier in the week, Wayne John from Southern California Web Development commented on how it would be great if you could subscribe via email to Technology Bloggers. This way you could read the latest and greatest content as an email, and then just visit the stuff that interests you to comment etc.

After a little puzzling I managed to enable FeedBurner’s email setting and add a subscribe widget to the sidebar.

Google FeedBurner LogoTo subscribe via email like many already have, please enter your email in the box on the sidebar, or even in the box below πŸ™‚

Enter your email address to get free updates about new articles!

As this blog talks about WordPress, RSS feeds and stuff like that, I thought I might as well help other bloggers set up a similar system πŸ™‚

What do I need for people to be able to subscribe via email?

Well first of all you need a feed. WordPress handles this nicely so that shouldn’t be too difficult! Second you need a feed manager. I use FeedBurner. It’s simple and easy to use. The problem with it at the moment is that it is really slow at updating, meaning that when I post an article at 2 in the afternoon, only 8 o’clock next morning does the feed update – for example. This isn’t a major issue for email subscription at the moment though.

How do I enable FeedBurner email subscriptions?

Click on the profile of the blog you want to enable emails for, then go to the ‘Publicize‘ tab. From here look down the sidebar and find ‘Email Subscriptions‘ – click that. You should then get a page looking a bit like the one in this picture.

Enable/Activate FeedBurner Email SubscriptionsThen click Activate!

You will then be taken to a page called ‘Subscription Management‘. Here is where you get your code! Now you can ether get the box code or get the code which links to the subscription page. I chose to have a box, but you take your pick. Add the code to your site/blog and hey presto! Test it out yourself if you like, but the code should work and your readers should now be able to subscribe to your blog via email.

Can I customise the FeedBurner code?

Yes – to a degree. I am not 100% sure what Google’s policy is on modifying the code, but I imagine they are okay with it. My default code would make Technology Bloggers ‘subscribe box’ look like this

Enter your email address: 

Delivered by FeedBurner

but my modifications make a much smother (I think so anyway) this

Enter your email address to get free updates about new articles!

Happy subscribing and happy creating readers and bloggers πŸ™‚