If your using Blogger you no doubt use Linkwithin Related Posts Widget for showing similar posts with a thumbnail.It's incredibly easy to install and it actually works just as advertised one of the best Blogger Widgets out there hands down.
I recommend you start using it to decrease your bounce-rate immediatly.
I was browsing one of my posts after I published it to ensure everything looked good and noticed how my Linkwithin "You might also like:" text looked rather boring and didn't match my sites style.
Being the blog template tweaker I am I quickly set out to change it to match my other headers. It was a rather easy fix, and here's what I did.
Linkwithin Before
Blah!
...and After
Pow!
Here's how it's done
Add this class:
.linkwithin_text {
color:#555555;
font-weight:bolder;
font:bold 16px "Droid Sans", Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0 0 10px;
padding:15px 0 0;
text-shadow: #bbbbbb 1px 1px 1px;
}
If you're unsure where to add the CSS code above find where the other classes are and you can add it anywhere by them. You should be able to recognize the other CSS by it's syntax.
For example you can add it by .menu or h2
For a better understanding check out: Learn About Class and ID Selectors | CSS For Bloggers: Part 2.
Now it should look like mine, but that's probably not what you want. To learn how to style text check out Create Attractive CSS Text Effects | CSS For Bloggers: Part 5
How To Change What It Says
By default the widget says "You might also like:" and you just may not enjoy being like everyone else!So let's change it to say whatever you would like.
Go back to your template HTML where you added the code above and press CTRL+F within the box to quickly find the <body> tag.
Directly after that place this code:
Preview & make sure everything is okay. If so click Save Template You're done!
0 comments:
Post a Comment