Connect with us

Tutorials

How To Style Links In Your Blog Post Using CSS Codes

Published

on

Hello lovely! How are you today? This article is about how to add CSS code to  style links in your blog post.

Some months ago I sponsored an article on a friend’s blog which require people to click so that they can download an eBook on my blog.

 

But when I checked the article, I saw that the download link had the same color with the rest of the articles’ text. That alone was enough for the post not serve its purpose.

 

Why was that? The reason was probably because either that’s the template default link settings or he didn’t understand how to go about it.

 

In this short tutorial am going to show you how you can style links in your blog post by embedding CSS codes in your blog customization settings in WordPress and blogspot blogs. Don’t worry, it is simple!

What Is The Importance Of Link Color In A Post?

As one of the SEO guides, it is advisable you have internal and external links inside your articles.

How will your visitors know there is a link to read a particular post related to the current post without saying; “you can read more by clicking here?” the answer is, merely seeing a word or words with different colours, they know its a link to another post or website.

Also when you have a download link, your visitors can easily see and click on to download. But when its just an ordinary text like the rest, they won’t take note.

Apart from these aforementioned importance, it also beautifies your blog post.

Why do I Need To Add CSS Code?

I observed that some blogger templates, especially the ones made by third parties do not have this function. For example, some free templates from gooyabitemplates. E.g the template used on Crownpaste. If you are using such templates, you can style it to your favorite color or even decorate the link text.

How To Style Links in your blog post and also make them open in new window both in WordPress and Blogspot

With these css link styling codes, you can differentiate inbound and outbound links in your articles by choosing different colors for them if you want.

Outbound links are links to other websites or blogs. These are usually included in your post when there is an article similar to yours or when you use an article from a website and giving the owner due credit.

What you must do about outbound links.

On Blogspot: When you add the link, make sure you tick open in new window (target=”_blank”) and tick noffollow (rel=”nofollow”) [this is necesary for seo]. you can learn more about nofollow link here.
See diagram below:
Style links in your blog post
NOTE: You can only do this with browser. Not with blogger app.
On WordPress: When you add a link to a particular word, convert the post area to html format and add the target and nofollow values. Add at the end of the link.
See example: <a href=”https://multiloadedempire.com” target=”_blank” rel=”nofollow>SirPhren </a> This links with blank target opens in new window.
NOTE: You can do these on WordPress app or on browser.

How To Add The CSS Code To Style Links In Your Blogspot Template

The cool thing is, you can add this code with your mobile phone or tablet. You don’t need to be on desktop to add. Follow the steps below to add the css code to style links in your articles.

1). Login to your dashboard. When you do, locate your theme/template. Then click on it.
2). Click on customize as shown in the diagram above.
3). Click on Advance. When you do, you will see another section which may include background colors. But in some templates, it shows only the CSS. Click on the CSS.
4). Now in the space that shows in front, add any of the codes below. After adding, swipe to the left, you will see save changes at top-right-hand-corner. View the blog. If it works well, you can then return to the dashboard.

How to Add CSS Codes To WordPress Theme

1). Login to your WordPress admin dashboard and click on Appearance. From the options it will bring, select either Customize or Edit CSS as shown in the diagram.
2). After selecting either of the options in the Appearance, you should see this. Click on Additional CSS.
3). Upon clicking on Additional CSS, you will see this blank space to add your CSS codes. After adding the codes, click on publish to save your settings.

Examples of code to style links in your blog posts

1). For General link:

 a{
color:blue;
}

2). Unvisited link:

 /* unvisited link */
a:link {
color:green;
}

3). Visited link:

 /* visited */
a:visited {color: red;}

 
4). Selected:

 /* selected */
a:active{color: yellow;}

NOTE: You can change the color name to suit your blog template or theme
How To Decorate Link Text
To decorate link texts in your blog posts, add the follow CSS code.

a{
text-decoration:underline;
}

TIP: You can replace underline with:  overline, linethrough

Conclusion

It’s as simple as these. With these string of CSS you can style links in your blog post and increase the chance of increasing your page views.
Do this article helps? Let me know in the comment box.
Happy blogging
0Shares
Rate this post

LEAVE COMMENT BELOW👇

I am Obembe Sunday Dapo. A Registered Nurse, Writer, Blogger & Blog designer. Am simply an internet addict. I love sharing information with people. "The more you teach, the more you learn." I own AssistBlogger. Learn more about me HERE👈You are welcome! Don't forget to like my page.👍

Advertisement
Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Tutorials

Enable Access To Blogger Blog On Glo Network: How To

Published

on

I have had to call Glo network customer care to complain to them that I couldn’t access my blogger blog with custom domain name on Glo network and they couldn’t proffer solution. In this article, I will show you how to enable access to blogger blog on Glo network.

What is it about Glo?

Glo network is one of the largest telecommunication network in Nigeria with millions of subscribers and its owned by Mike Adenuga. Glo offers more data subscription than other networks in Nigeria. Hence the name, “Grand Master of data.”

Because of the volume of their data, more people use it. This should mean more visitors to your blog right? It should but people couldn’t use their Glo network to access your blogger blog unless they change to other networks which may drastically increase the bounce rate. But not too worry. Smile…

Blogger that face this problem

Bloggers that face this kind of problem are those that have had custom domain activated on their blog and https is on.

There is so much benefits attached to custom domain and this shouldn’t be a problem. Blog visitors trust blogs with https activated  more than those who doesn’t and see bloggers with custom domain as serious ones. Like I said, not too worry. You will know it soon.

How to enable access to blogger blog on Glo network in Nigeria

The things you need are;

  • Email Address
  • Access to your domain name registrar
  • Desktop/Mobile device

And within two minutes you will be done. All you need to do is change the DNS on your domain name registrar. Simple! Let’s get to work dear.

Step One on how to enable access to blogger blog on Glo network in Nigeria

(a): Go to cloudflare website and sign up with your email and choose a password for yourself. Check your mailbox to verify your email few seconds after or do that after the process.

Enable access to blogger blog on Glo network

(b): After signing up successfully, the next pop-up is where to Add your site for cloudflare to scan it. Enter your domain name e.g yourblogname.com and continue.

(c): Then choose a plan. Choose free plan but, note that, you can only use one domain name on free plan. After clicking on free plan, scroll down and confirm plan. After it has scanned your site, it will show you your A records and CNAME records. Cross check and scroll down to continue.

(d): After you are successful in (c) above, the next thing you will see is your current DNS server and cloudflare will provide you with ones to change that two DNSs with. Copy them or write them down somewhere.

(e): Click on I need help changing my name server, select your domain registrar and click on Step-by-step instructions IF you already didn’t know how on your domain registrar. See the diagram above👆.

This ends step one. Don’t close the browser yet.

Open new tab and proceed to step two.

Step Two on how to enable access to blogger blog on Glo network

a): Login to your domain registrar account and look for that domain you connect with blogspot. I use Namecheap, so I will explain with it.

b): Click on Manage button in the domains dashboard

c): In the page that will open, scroll down and look for name servers. Tap on it and select Custom DNS.

d): Enter the new DNSs provided by cloudflare in the first step above as it was written respectively. And tick the green mark which means save. If its successful, it will tell you that it will take 48 hours for the new DNS to propagate.

e): Now go back to cloudflare on the last page, click continue. Now when in the dashboard, scroll down to click on Recheck Name server. You will be notified if successful. Boom! Its that simple. Now check your blog with a Glo network after couple of hours.

Conclusion

In this post, I just explained to you how to enable access to blogger blog on Glo network in Nigeria. Now you don’t have to worry about drastic bounce rate. Everyone can now visit your blog. 😉😉😉

Were you able to do it? Let me know in he comment and don’t forget to share!

3Shares
Rate this post

LEAVE COMMENT BELOW👇

Continue Reading

Subscribe to Newsletter

Subscribe to our mailing list and receive timely Blogging tips and Tutorials to your inbox

* indicates required
   

Click To Download Now!

Blogging made easy
Advertisement

Like Assist Blogger On Facebook

Assist Blogger Categories