#nalusimmer

Step 1: Edit HTML

Go to your theme customiser page, which should just be here if you're editing your primary blog. Click on [edit HTML].

Step 2: Find the relevant code section

Scroll down or skip to line 1539 of your theme code, which shows;

Step 3: Decide on kind of icon to add

Between lines 1545 and 1546, we will add the new icons and links there. There are two ways to add the icon links. Firstly, you can use the already existing icons from Cappuciccons by suiomi. A wide variety of icons is available for you to choose from. Secondly, you can use your own external image URLs as the icon. You may have to do this if Cappuccions does not offer an icon that you want to use. The two methods require slightly different codes (I will provide the code templates below).

This image shows how the code should be inserted and used:

And this image below shows how the icons look like (note that the first example code for each method is just for demo purposes, hence only 4 icons are showing up instead of 6). The first 2 icons are Cappucicons icons, and the last two are external icons.

Step 4: Add the icon code

Here are the template codes. You will need to replace the CAPITALISED TEXT in the template codes appropriately. You may have to re-type the quotation marks in the codes if you are copy-pasting them.

Add a new Cappuccicons Icon:

<a href="LINK URL" title="LINK TITLE"><i class="cp cp-ICONNAME"></i></a>

Add a new external image icon: