#30 Widget with Tabs on Sidebar- Part Two with Twitter

tweets

 

It is my final day for #30daysofcoding eek! Make sure to still check out this blog though as myself and Chloé will be giving you an insight to a fashion technologist life as well as give some coding tips along the way!

 

Today I will be showing you how to add an extra tab to your already added sidebar widget that includes a twitter stream. Gaining a following is important on any social media platform when having a blog. Therefore displaying your twitter clearly showing what you tweet about will help this.

 

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

#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