Increase your CTR with CSS :after pseudo-element
Everyone wants higher CTR on their landing pages. This is why some of the forums are filled with people looking for high CTR landing pages, but innovation is at its minimum. People find copying easier and the ones who do not copy and create their own work lead the way. I did my own research and found that using after elements on links resulted in higher CTR ratio throughout my entire money making sites. Now lets move on the part where I teach you how to use CSS :after pseudo-element 
CSS :after and :before pseudo-elements are not used very widely. I have used them in my latest blog theme, Ali Nazik, just to make it stand out. But they are not just eye-candy. If used on a link, a small image can increase your CTR no matter what. In my situation, I got a whooping %20 increase in CTR on my money making websites where I reached my highest earning from the Internet. After a while, its the small things like this that separate you from the crowd.
Here is how to use it:
a:link:after {
content: url(external.gif)
}
This code enters “external.gif” after the link giving the look you can see on the top image. If your image has no whitespace, you may add a whitespace on the content part to have a little space between the link and the image:
a:link:after {
content: ” ” url(external.gif)
}
I highly suggest using of css :after elements on blogs with affiliate links such as John Chow (a little bit overkill), Shoemoney and Courtney Tuttle. I ‘ll add John Cow, just for the fun
I also made a zip file containing 10 small pixel images that you can use with your css :after elements. They are all freeware and some of them are designed by me. They are fairly easy to do. Click the image below to download:
