Update: April 6th at 6:30pm - I just rolled out a new approach that makes it even easier to customize your ActiveRain blog - and it plays nice with all of AR's pages. Click here for details
Update: April 5th at 8:30am - As many of you may know, I recently discovered a way to totally redesign your ActiveRain blog. At 2:30AM I was contacted by Bob Stewart of ActiveRain asking me to remove this post. As a result, I have removed all of the styling that changed the look of this post (see screenshot below). In their defense, he raised a good point. There are pages on ActiveRain that shows a number of posts from different users. If multiple users have these "styled" blogs, it could cause a mess.
I will be speaking with him today and hope to work out a solution that will resolve that issue. I will keep you guys updated. I have attached a screenshot below so you can see what is possible with your ActiveRain blog. Please comment on this post to encourage AR to leave this flexibility in place!
You can see live examples here and
here. I ask that you not implement this until I have a chance to speak with Bob from ActiveRain.
Below is the original post
Guess What. You are still on the ActiveRain website! Take a look at the address bar.
It turns out that ActiveRain gives you amazing flexibility in customizing your existing ActiveRain blog! It’s just that no one has taken advantage of it. Ready to customize your own ActiveRain blog? I thought you might, so I wrote a detailed tutorial on how you can do it (for free). I posted the tutorial on my Dakno Blog
Click Here for the Tutorial on Customizing Your Active Rain blog
h2 {
color:#356D9E!important;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:24px!important;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0pt;
line-height:24px;
margin:9pt 0pt 0px;
padding:6px 0pt 0px;
}
h3 {
color:#356D9E!important;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:20px!important;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0pt;
line-height:24px;
margin:9pt 0pt 0px;
padding:6px 0pt 0px;
}
a {
color:#356D9E;
text-decoration:underline; }
p{ margin-top:2px!important;}
a:hover {
color:#ffffff;
text-decoration:none;
background:#356D9E;
border 1px solid #DDA603 }
;)
;)
