#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

#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

#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

#15 News Sidebar Carousel

Screen Shot

 

I am so excited to show you this! For such a pretty little feature, that to the untrained eye might look as if it has taken a while to code… it only take a few steps! Yet afterwards you have something to make your blog stand out from the crowd!

 

Maybe you have two blogs and want to link them up in an aesthetically pleasing way? Or maybe you just want to give another blog the recognition it deserves! Either way you are supplying your readers with more of a reason to go on your blog and that’s what is important!

 

This also is only part one for this widget we will be showing you at a later date how to add in multiple blogs as well.

 

Let’s get started!

 

Continue reading

#13 Author Page

author page

I am kind of superstitious, I will salut (/casually play with my hair if people are around) a magpie if there is only one near me, I do not walk under signs ever and as soon as I realised it was the 13th blog post I got a little bit nervous. However, there was no need, this post went well, everything worked when it should of done and it was completed in reasonable time. Some people say the number 13 is actually their lucky number, maybe I will go with that from now on…

 

Today I am showing you how to make an author page, this is particularly useful to bloggers who may have guest bloggers regularly. Nonetheless, even if you don’t it is a nice way to give a little bit of personal information out about yourself.

 

Let’s get started!

 

Continue reading

#11 Social Media Buttons

social media buttons

 

Happy Monday!! We are into are second full week of coding! Last week (for me) brought early mornings, late nights, coding celebrations and some coding anguish, overall in general it was a lot of coding but that is what we want! I am sure this week will not be far different with some tasks scheduled  that you won’t want to miss. The days of coding confusion should be getting further and further behind you!

 

Today I am showing you how to add social media icons to your navigation bar. If you didn’t already know (and who doesn’t) social media is kind of a big thing and making sure every avenue is hit is a vital feature for success, especially in the blogging world! Multiplatform publishing is very important nowadays, the more access (and ways of gaining access) people have to your blog on the different levels of engagement that social media brings the stronger the bond between you and your reader. You’ll gain ‘recurring occurring products’ (recurring visitors) and who does want a recurring occurring product?! Therefore these social media buttons need to be clear and easy for a user to see.

 

Let’s get started!

Continue reading

#10 Coding Round-Up

Sunday is said to be the day of relaxation and for this sunday it is going to be exactly that! A whole week (plus a weekend) down and we have gone from this:

 

Screen Shot

 

 

To this:

 

Screen Shot

 

Not bad for a first few days of code hey! (Even if I am saying so myself!)

 

However, now I am going to take this opportunity to go through some of the basics of HTML and CSS. I have tried to be as clear as possible when writing the tutorials for you but going over a few key points won’t hurt anyone and coding should always be done in good practice! Dodgy code won’t help any site!

 

Continue reading

#9 Search Box

search

Every single thing went right when I was making this! Now this is one of the easiest pieces of code I have done for this blog,  I didn’t even have to alter the css a second time. It was done in a flash! The coding fairies (yes I believe) were definitely on my side for this post and I hope they are for you too!

 

So to make sure you enjoy your Saturday even more this will take a matter of minutes!

 

Let’s get started!

 

Continue reading