How To Change Specific Link Color in Blogger

Color scheme of template play important role in the designing of blog template. the color of link ., like in the archive, the color of older post and newer post.by default blogger template has set link color of their own choice but they allow you to customize it and you can change it very easily.

How to change color of links in blog template

Step1: login to blogger account and go to your blog.

Step2: Now go to template you can see at the bottom of left hand.

Step3:click customize. and go to advance and add css

Step4: paste the code according to your requirement as i given below some of then.After pasting click apply to blog and you have done.

For links in archive

#ArchiveList a{ color: red !important; } #ArchiveList a:hover{ color: default !important; } #ArchiveList a:visited{ color: default !important; }

For home page that you can see between newest and older post

.home-link{ color: red !important; } .home-link:hover{ color: default !important; } .home-link:visited{ color: default !important; }

For newest post

#blog-pager-newer-link a{ color: red !important; } #blog-pager-newer-link a:hover{ color: default !important; } #blog-pager-newer-link a:visited{ color: default !important; }

For older post

#blog-pager-older-link a{ color: red !important; } #blog-pager-older-link a:hover{ color: default !important; } #blog-pager-older-link a:visited{ color: default !important; }

if you want to add more than one css code. just paste after first code after first code you had paste.

Note: The css code has set to change the color to red.you can see it in second line that is color: red !important; but if you want to change it to green, orange, blue, pink

for green #62d306 for orange #f98525 for blue #5974f9 for pink #fc7eeb

replace the red with  code given above .