Showing posts with label Coding. Show all posts
Showing posts with label Coding. Show all posts

Saturday, 14 May 2016

How To Customise Simple Blogger Page Tabs


Learning HTML and CSS can be quite the headache. I know it, I've done it. Alas, it doesn't have to be so, learning how to code can actually be a walk in the park when you know what the heck it is you're actually reading and writing. Through the Basic Blogspot CSS series, I'll be taking you through the code behind your blog, from top to bottom, and how to customise the heck out of some of the most important aspects of your design. Today, I'll be teaching you the code behind your page tabs and the different ways you can style them.

Getting To Grips With Blogspot Page Tabs


Blogspot already has some customising options when it comes to your tabs. You can easily change the tabs text style and colour, and the background and separator colours, but aside from that, the options are limited, and limitations are not good. You need to kick those limitations out the door and get to grips with some actual code if you're going to create something awesome. So, what code is worth knowing concerning your tabs?

Monday, 3 August 2015

How To Code Windows 8 Style Social Media Icons

Font Awesome is an online program that can be easily installed within your blog that allows you to use icons and brand logos as fonts, allowing for easy customisation, clearer, crisper social media icons for your blog, and lots of room for experimentation. During one of my many experiments with Font Awesome, I came across to ability to create social icons in the same style that you'd find on the Windows 8 interface, similar to 'Flat Design', a very popular trend in current blog design. If you're a fan of vivid, bright colours and like the idea of having Windows 8 Style Social Media Icons, then you've come to the right place.


First Step: Installation

Install is a scary word, but I can assure you, the process is really easy and really simple.
You're going to need to go into your blogs template and enter the following code just below the <head> tag.

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />

Be sure to click save, and the icons should become available to use afterwards.