#28 404 Page with a Difference

404 page

 

The 404 (page not found)  page can be neglected on a website which is a shame as it could be a gold mine. When a user sees a 404 page they might leave the website, however if it is super engaging they could find more content. Therefore for todays task I have made the 404 page more engaging in order to increase the likely hood of the reader staying on the blog and finding something new.

 

To achieve this I have decided to use a tag cloud, again it is rare that a blog actually does something exciting with a tag cloud but I thought it was the perfect opportunity to use it and use it in an unique way!

 

Let’s get started!

 

Continue reading

#27 Topic Image Links

top bar images

 

I know I keep going on about it but only 3 days left of #30daysofcoding… I don’t know what I am going to do with all my spare time! Well I will still be working but regular working hour will fall back into place I am sure! Yesterday was far from a normal day coding as I attended a Go Think Big event which Chloé (founder of chloédigital) was speaking at. It was so nice to see how enthusiastic girls around the age of 16 are about technology! The blog will have a full post on the day in a few days so make sure to check it out!

 

Today I have added a top bar containing images which links to top tags on the blog. A great way for users to access your content is creating topic images that can be used as links to tags or categories that you don’t have in your main navigation. You can place this in your sidebar but we have decided to place them at the top.

 

Let’s get started!

Continue reading

#26 Font Awesome Love

font awesome

 

You may well of noticed that I might have a slight obsession/love with font awesome, at any given opportunity to use font awesome on this blog I have. It is a simple and effective way to use icons and removes the risk of pixelated ones. Therefore today I am dedicating an entire post to the lovely font awesome.

 

Let’s get started!

 

Continue reading

#25 Shortcode Twitter

Tweetable

 

Happy Monday! I hope you have all had a lovely weekend! Yesterday was all about Pinterest and today I am sticking with Social Media and moving onto to Twitter! I will be using a shortcode again but this time it will allow me to add tweetable links to a post instead. This shortcode will make your content tweetable for your readers quicker and  easier.

 

This is a simple task and should not take you more than an hour, an easy task to start our final week of coding! Can you believe it?!

 

Let’s get started!

 

Continue reading

#24 Shortcode Pinterest Board

pinterest

 

Today we will be using shortcodes to import our Pinterest board onto a post on the blog. I am importing our #30daysofcoding board, I first created this board to store inspiration ideas for myself on different sections as well as created images when that post was ready and linking back to the Fashion Technologist when each day task was complete.

 

Adding a Pinterest board to your post ensures your readers see what inspires you and helps give them a better sense of you and your personality. It also advertises your Pinterest which reader may follow and then you can then use Pinterest to drive traffic back to your blog!

 

Let’s get started!

 

Continue reading

#23 Track where on the Blog Readers are Signing up- Part 2

Screen Shot

 

It’s the weekend! So to make sure you enjoy it here is a small tutorial on how to find out which web page your users are signing up from. Again increasing the amount of data you are collecting about your readers, by introducing I am hoping to be able to see which posts readers are finding the most useful and so therefore signing up at the bottom of the page. By gaining this information I will be able to gain a better understanding of what type of content the readers want and you can too!

 

This is a simple task that you can do with breakfast before making the most the of your Saturday.

 

Let’s get started!

 

Continue reading

#22 Comment Disqus

Disqus

 

Day 22 of #30daysofcoding, said in the Big Brother tone of voice (why that is running through my head I do not know maybe coding for 22 days straight is effecting me). Today we are making our comments Disqus, which is a useful feature as the commenting system is one of the most important features on a blog, therefore you want to make it as easy as possible for your visitors. Disqus allows people with a Facebook, Twitter, Yahoo or Disqus account to comment on your blog therefore widening the range and amount of people able to comment on your blog. Along with this it also helps create a greater sense of community. Basically Disqus equals win win win for all.

 

So let’s get started!

 

Continue reading

#21 Dress up your Footer

Screen Shot

 

Nine tiny days to go! Can you believe it?! I definitely can’t. Today I will be showing you how to add a footer to every page on the blog, it will also contain a subscription box that shows on every page bar the stay updated page and a post page (as this page already has a subscription box underneath the post). It was a fairly easy day, some confusion did come when I realised the fixed footer in the post page (you know the one with the circles that pop-out?) would now be going over the footer which was not right, so that took a bit more time than I expected. However, I did manage to figure out the function to display the subscription box on every other page bar the post pages very easily so I still feel I am improving my coding knowledge.

 

Let’s get started!

 

Continue reading

#20 Pagination Design

pagination

 

Second day running at the Timberyard and I am re-designing the pagination. It is only a small section of the blog but after all it is the little things that matter! So I am giving it ‘the Fashion Technologist’ touch to create a stronger overall brand aesthetic.

 

This is a simple task and should only take you an hour or so to complete, so let’s get started!

 

Continue reading

#19 Make Your Blog Post Timestamp Relative Time Like Instagram

12 minutes ago

 

Today I have been coding in the Timberyard, it’s an internet cafe on Old Street in London that is definitely a firm favourite for chloédigital,with tea timed to perfection, and a tomato paste people could fight over it’s a nice setting to sit, eat and code away.

 

In this post I will be showing you how to add a time stamp that will tell your readers exactly how long ago an article was posted, just like how Instagram does! Why? It is a cool way for readers to see how active you are on your blog.

 

Let’s get started!!

 

Continue reading