Tuesday, March 8, 2011

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.

28 comments:

  1. Some more useful tips, thanks as usual!

    ReplyDelete
  2. Good stuff man. Ill be sure to check it out.

    -Evan

    ReplyDelete
  3. Cool, im fairly new at this, and its nice to see this kinda stuff, thx for the tips man.

    ReplyDelete
  4. Man awesome tip! thanks for sharing!

    ReplyDelete
  5. Defo giving the lightbox a go, thanks.

    ReplyDelete
  6. good stuff I'll have to try this out

    ReplyDelete
  7. awesome! i was wondering how to do this!

    ReplyDelete
  8. Good tips! Thanks for helping us out.

    ReplyDelete
  9. Sweet! Thanks for helping the community.

    ReplyDelete
  10. Thanks. Incorporated it into mine

    ReplyDelete
  11. Great info, thanks for sharing.

    ReplyDelete
  12. thanks for the tips, i was just going to google how to do the lightbox images ;)

    ReplyDelete
  13. dam i just tried it and it gives me my reduced image problem again... i will google after all, they always get you in the end!

    ReplyDelete
  14. love the detailed guide. thanks bro

    ReplyDelete
  15. Awesome, these will definitely get used =D

    +followed for your awesomeness <333

    ReplyDelete
  16. Nice effects, thanks for the tutorial.

    ReplyDelete
  17. Cool stuff. I always liked the lightboxes.

    ReplyDelete
  18. thanks for the tips man! most of the times I post really long images so I'll see if lightbox will be handy...

    ReplyDelete
  19. thanks for sharing these tips man! always love your posts. I'm going to try the lightbox one, but I reckon it won't work, because I'm usually posting long images. I'll give it a go right now

    ReplyDelete
  20. |I've just tried the lightbox and it's not working, my images won't even load...

    ReplyDelete