rewardStyle Banner

Screen Shot

You may have noticed we have taken down our Christmas import.io banner, today we have replaced it with a rewardStyle banner, which we will update regularly.

 

rewardStyle is a company that allows publishers to get the credit they deserve when advertising products. For example, if you use rewardStyle and a visitor to your blog clicks on an item and then goes ahead and buy the item of clothing you (the publisher) will gain some commission.

 

Let’s get started!

 

Continue reading

Adding an interactive Import.io Feed

Screen Shot

 

 

In this task I will be using import.io an application that has interested the team at chloédigital for some time and well we decided this week was the week and we had a little test of it, fell in love, created a christmas banner full of its data and well the rest is history. Import.io I approve!

 

Let’s get started!

 

Continue reading

Fashion and technology resource pages

fashion resources

 

Hello, the #30daysofcoding may be over but did you really think you would be rid of me?! (Or that I would want to stop!)

 

Each Thursday I will be giving a tutorial on a new piece of code I have added to the blog so make sure to check them out! Today I am attending a blogger’s event with Chloé which I am so excited about! We will be giving advice to bloggers on how to ensure there blog is as engaging to their readers as possible as well as answering any other questions they might have for us regarding their blog.

 

For this post however, I will be showing you how to add resource pages to your site. This will allow you to share and celebrate other resources you read and follow with your readers.

 

Let’s get started!

 

Continue reading

#29 Widget with Tabs on Sidebar

sidebar widget

 

It is the second to last day!!

 

Today I will be showing you how to add another widget to your sidebar, in this case it will be stream of post’s which a user can select to read or share. At the moment our feed is set up to show the 30daysofcoding category, however after the 30daysofcoding is complete we will have a category showing exactly what Chloé and I are getting up to in the fashion technology world, whether it be an event we are attending, or a day spent coding. By completing this we will have a stronger level of engagement with our readers.

 

I have chosen to use tabs as in the future I will have this widget doing multiple other things with other tabs, but really it is an extra you may wish to just shown the live feed by itself.

 

Let’s get started!

Continue reading

#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

#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

#16 Fixed ‘Discover More’ Bar on Blog Post

discover more

 

It is the weekend and to start it off here is a cute feature to add to your blog!

I have made a discover more bar that shows as you scroll down a post to help promote other posts on the blog and increase user engagement.

I had to drag myself away from playing with what I made to start writing this tutorial! Try and sweep across the circle buttons just the once! It can’t be done!

This task was not that easy however I do feel like I am getting my head around coding more and more as I go on, with confused plea’s getting fewer.

 

Let’s get started!

 

Continue reading