Will Be Back Posting Again Soon...

It's been awhile since i posted here at TBN, that is because i got busy and i am enjoying the summer sun. I started to work on my garden again, replanting and i want to add more color not just green in my garden -- You know during winter i am like a bear, i like to hibernate and very lazy to go out because it's too cold, i think it's alright if it is not windy but here in New Zealand the wind is your worse enemy (mine i supposed, i don't know with some people though).

Anyway, i will be slowly back on posting again and i hope to catch up with other blogger friends site and see what's going on ... i miss that part where i get connected with my readers and also friends i made on the past days online, some left me some message on the entrecard just to say hello and what's up! thank you guys.

That's it for now, i will be back to my garden again but will be posting again soon.

Vector Graphic, Image Manipulation Free Download Software

Have you ever thought of designing your own header template and your not sure if you can?

I designed a few and it turned out great (That's for me, anyway) the very first that i made that i like so much is my other site's header clickdtalk then next is my hubby's site IMW ever since he started i designed, re-designed he's site and header. I really love playing with images and making my own headers.

I have downloaded and use a few graphic editor software, an image manipulation etc..., and i would like to share them to you this are a Free to download software and also a very easy to use.

Serif Draw Plus 4.0 - Vector Graphics, Illustration and Drawing; This is my one of my favorite...you can create a vector image and even an animation, you can convert the image and edit them so easy to learn and you are going to enjoy using this software.

Gimp - This is another Popular image manipulator, you can find a lot of tutorial that can help you with this software. Honestly, i downloaded this but have not tried it yet, i read a lot of tutorial and the reputation is quite high so it's all up to you but for me it's worth trying...i am definitely will try to learn how to use Gimp.

Inkscape - An Open Source vector graphics editor, If you can't afford Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format then inkscape is the answer it's capabilities is similar to the above mentioned. I love this and i am studying on how to trace my own image.

Show you one that is done 100% by inkscape by one of artistic user ScislaC
How do you like that!....

Anyway, this are the three that i know except Adobe because for me this is for professional users you have to pay i love to have one but i am a basic user so i am happy with what i have. Now that you have this choices of image editor software (Actually more then editor) you can start playing with your images and make your own site header.

Please let me know which one you choose and enjoy to use among the three, i would love to hear them.

Who said Man

Ican't help but to post this one...some might have seen this already but to those who have not seen it yet, Enjoy!

So, Girls -- what do you think?

Blogger Smilies

How do you like to have Smilies on your blog? Some blogger have already use smilies and some are not because either you have not aware that you can use them and not just yahoo messenger or you don't know how to.

I know that you can use smilies :) but have not used them for quite a while until now that i remembered. Geekaholic have the full instruction but i decided to share it here aswell but it is more of short cut, i suggest to read more from he's blog to learn and understand more about smilies.

Here's what to do:
Go to your Dashboard - Layout - Edit HTML then Hit Ctrl+F type </head> and place the code below before closing the head.

<script src='http://aditya.vm.googlepages.com/addSmiley.js' type='text/javascript'></script>

then save.

That's it...Easy.

Position Comment Date Above the Comment Body

I am so glad that blogger have finally release the new comment system and now we can start making it look better like wordpress comment system or any other platform. :-)

I have posted about how to improve your comment section to create more interaction and that include how to highlight the authors comment. I have seen now a few sites where there comment section looks great and look much more better than before.

Today let's make a little changes, if you have noticed the timestamp in your comment section is placed at the bottom of the body...i would rather place them at the top right next to the comments authors name. To make this possible we will move the timestamp code right next to the comment authors code. Here's how to do it:

Reminder: Before editing your template, make sure to save a copy of your template.

Let's start:

1. Go to your Dashboard - Layout - Edit Html
2. Tick the box to Expand Widget Templates
3. Click Ctrl+F then type <dd class='comment-footer'>,will then get to the code below
   
4. This code below is what we need which you can find right after <dd class='comment-footer'>
   
   

<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>

5. We will move the above code right after <data:commentPostedByMsg/> then save.

Now look at what you have just done....it looks better than having the timestamps at the bottom of the comment body right!?

I hope you enjoy this tutorial as much as i am...until next time.

How To Add ScrollBar To The Sidebar

I find this very useful to those Bloggers who would prefer to put their list of link in the sidebar. For bloggers even though blogspot have no potential of adding another page with the help of talented bloggers we can now do it, please read my post How not to show Post Date When You Make Your ABout Me Page -- this is if you want to ad your link in your navigation page but for those who want the list to be seen in their sidebar then here's my tut's for you.

Entrecard is very Popular of connecting each blogger and now each blogger created a great list of friends, drop list and so on...

Here is how to add a scroll bar to save some space of your sidebar.

• Go to your Dashboard, Layout, Edit HTML.

Reminder before we start: Always download your template for safety reason.

• Type Ctrl+F type sidebar content
• Copy this code below right after the /* Sidebar Content */
  

/* Sidebar Content */
#LinkList1{
height:200px;
overflow:auto;
}

then save.

That LinkList1 (Color Blue) Replace them with the title you name of your list example: when you add the widget you title them as "Drop List" then that's the word you replace -- but to make it safe and to save more time of errors here's what to do.

• Edit HTML - tick the Expand Widget Templates
• Ctrl+F type <div id='sidebar-wrapper'>
  

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'/>
</b:section>
</div>

In my sidebar-wrapper it shows that the id in that sidebar are Subscribe1 and LinkList1 -- Linklist is what i named my list so i copy the "LinkList1" (Blue) then paste it to my sidebar content, you can change the height according to your liking.

This scrollbar toturial is only apply if you want to put scrollbar to only one widget, if you want more than one widget or the whole sidebar of even within your post then we added another code but that's for now i hope this helps and find it useful.