Some Useful Effects

People like me to post blog tips so here's a couple I picked up recently.


First things first, I'll give credit where it's due. The first tip was posted by G on his blog which is one of my personal favorites that I follow.  You can find it at this link: Bar Science

The second tip I'm reposting for my readers comes from mac-and-me whose blog can be found here: mac-and-i


Okay, down to business. First effect is for semi-transparent backgrounds on your posts and sidebar.  I love the way this worked out, so thanks G.  First go to the Design tab and click template designer.

Next go to Advanced and scroll down to Add CSS.  Paste in the code(found below), and hit apply.

The code to copy and paste is:

.date-posts{background-image:url('http://blogblog.com/1kt/travel/bg_black_70.png');}
.widget{background-image:url('http://blogblog.com/1kt/travel/bg_black_70.png');}


Ok, now for everybody who already follows G and knows about that already, heres another tip.  Instead of having your pictures on your blog open up in the current tab and taking you away from the post, this mod allows you to add a lightbox script.  If you don't know what i mean, click on one of my pictures in this post and you should notice the effect.

To achieve this go to the Design Tab, then Edit HTML.

Hit ctrl+F and search for /head.  Paste in the code(found below) just before the </head> tag.

The code for this one is:
 <script src='http://dl.dropbox.com/u/1881429/Javascripts/prototype.js' type='text/javascript'/>
    <script src='http://dl.dropbox.com/u/1881429/Javascripts/scriptaculous.js' type='text/javascript'/>
    <script src='http://dl.dropbox.com/u/1881429/Javascripts/lightbox.js' type='text/javascript'/>
    <link href='http://dl.dropbox.com/u/1881429/Javascripts/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>




Hope you enjoyed these tips, and thanks for following as always.