The buzz nutter

Navigation Bar's Clickable Area, Bigger and Wider

noreply@blogger.com (Iris) — Sun, 06 Sep 2009 10:36:00 +0000

If you have noticed that my navigation bar is changed and a little bit wider and bigger, i made the clickable area a little bit bigger because i like the entire navigation space clickable and not just the text of the link.

I learned that this is actually simple to achieve. With the use of simple unstyled navigation and CSS you will have a that good looking navigation bar. Here's how to do it:

Where to Start?
Let's start with simple navigation menu

<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

Next...lets add the CSS (This is Horizontal) to add style and make it look good.

If you add this CSS the text remains the only clickable area therefore we will just add the display property to the <li> to command the html of how they should behave or displayed in your site.

This are the code we need to add to complete the process.
display: block; --- this is to fill the entire area
padding: 10px 20px; --- This is to determine the size of the clickable area.

We also need to add html <div> tag in our navigation menu to format
just one section and not cover all links.

Add this to your navigation menu
<div id="navlink"> and close </div> below the menu: Here's what it look like now!

<div id="navlink">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

Now here's the final CSS Code:

#navlink ul {
list-style-type: none;
overflow: auto;
padding: 0;
margin: 0;
}
#navlink ul li {
float: left;
border: 1px solid #333;
border-bottom: none;
margin: 0 5px;
}
#navlink ul li a {
display: block;
padding: 10px 20px;
text-decoration: none;
}
* html ul li a { /* this is to fix IE bug */
width: 1%;
}

#navlink ul li a:hover {
text-decoration: underline;
background: #000;
}

Then save.

I hope you find this easy to follow and learn something new.

Please let me know if you done it!

For your Childs Learning Resources

noreply@blogger.com (Iris) — Mon, 06 Apr 2009 08:50:00 +0000

I am glad that i joined a homebase child care, i learned and understand a lot. Being a mother we always thought of how to raise our kids in a good way, how to develop them and teach them so that they will learn and grow the kids of person we want them to be. Anyways, i do have a few sites to share for parents like me who likes to sit down with our kids and let them experience the fun of learning.

Here are the learning resources that surely you can use for your kids. (Printables and songs)

abcteach.com - This is what i used for my 9 years old step son and 4 years old son, they love it and i used it a lot, 5000+ free printables in each every subject.
Kidslearningstation.com - This is another one where you can use a lot of printables for your kiddo's, just choose from any worksheets that you like from alphabets, numbers, shapes and even a worksheets where young one's will be able to follow the lines for scissors.
Times Tables Charts - Okay, most of our kids needs help with math, there is always an issue with this...this site is a great help.
kididdles.com - Defferent kinds of songs for kids, my daughter loves the action songs and this helps them develop their bosy movement and coordination.
preschoolrainbows.org - If you need some ideas of any activities you can do with your child? thry this one...sometimes at homes we feel bored and we want to help develop pur little ones and we can't think of any activities. One that i found in this site which is my 2 years old daughters favorites is
Monkeys On the Bed
Action poem Five little monkeys jumping
on the bed
One fell off and bumped
his head
Mama called the doctor and
the doctor Said,
" No more monkeys
jumping on the bed!" Four little monkeys jumping
on the bed, three little monkeys jumping on the bed, (and so on)
dltk-teach.com - This is where you can find rhymes, crafts, felt poems for your child, you will find a lot of activities you can do with your children.

there so much we can do to spend time with our kids. I always have a great fun with my kids and i can see there development and learning while they are at home with me. I hope you find this helpful and give you a lot of ideas of what activity that will suit with your child.

Only great minds can read This...

noreply@blogger.com (Iris) — Sat, 28 Mar 2009 10:37:00 +0000

TThis is weird, but interesting!

If you can Ared this, you have a sgtrane mnid too

Can you raed this? Olny 55 plepoe Out of 100 can.

I cdnuolt blveiee that I cluod aulaclty uesdnatnrd what I was rdanieg. The phaonmneal pweor of the hmuan mnid, aoccdrnig to a rscheearch
At Cmabrigde Uinervtisy, it dseno't mtaetr in what oerdr the ltteres in a wrod Are, the olny iproamtnt tihng is that the frsit and last ltteer be in the rghit Pclae. The rset can be a taotl mses and you can still raed it whotuit a pboerlm. This is bcuseae the h uamn mnid deos not raed ervey lteter by istlef, but the word as a wlohe. Azanmig huh? Yaeh and I awlyas tghuhot slpeling was ipmorantt!

Lveae yuor cmmoent, in tihs form of wirtnig...see if you can do it too! jsut for fun.

My money's on the bear

noreply@blogger.com (Iris) — Tue, 10 Mar 2009 07:10:00 +0000

Jeez, i am sure you are wondering what is the title of my post mean, i just joined Plinky -- which "makes it easy for you to create inspired content. Every day they provide a prompt (i.e. a question or challenge) and you answer. it is very simple to add rich media and share to your answers on Facebook, Twitter and blogs"

If you haven't heard Plinky yet then why not pay them a visit and have fun like i do aswell.

Now, this is the first prompts i answered.

The question: Animal face-off! Who would win in a fight between a bear and a shark?
Answer:

Although bear and shark both eat fish, bear can run out of the water where shark can't.

Love it! and would like to share - The Beatles and The Carpenter

noreply@blogger.com (Iris) — Thu, 05 Feb 2009 22:39:00 +0000

I love karaoke and classic and old songs such as "At Last" of Etta James i love the lyrics and also the song anyways, yesterday i was browsing youtube and have a few karaoke songs that i sang and then i found a song of Beatles "Don't let me down" which recorded in 1969, i am amaze how people those days react with The Beatles which even cry ... i want to share this to all of you guys who loves The Beatles.

Their is one that i also found that i really like to share The Carpenters - Karen's voice is amazing and i always like her.

Enjoy! and hope you like it too.

Will Be Back Posting Again Soon...

noreply@blogger.com (Iris) — Tue, 13 Jan 2009 22:44:00 +0000

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

noreply@blogger.com (Iris) — Sun, 21 Dec 2008 07:29:00 +0000

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

noreply@blogger.com (Iris) — Wed, 17 Dec 2008 03:05:00 +0000

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

noreply@blogger.com (Iris) — Fri, 12 Dec 2008 02:02:00 +0000

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

noreply@blogger.com (Iris) — Tue, 09 Dec 2008 18:52:00 +0000

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:

Go to your Dashboard - Layout - Edit Html
Tick the box to Expand Widget Templates
Click Ctrl+F then type <dd class='comment-footer'>,will then get to the code below
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>

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

noreply@blogger.com (Iris) — Sat, 29 Nov 2008 20:39:00 +0000

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.

Subscribe to: Posts (Atom) Hide it or Replace them to RSS, Here's How

noreply@blogger.com (Iris) — Mon, 17 Nov 2008 05:46:00 +0000

Some blogger want to remove the Subscribe to: Posts (Atom) but for some they just replace the Atom to RSS. I will share to you how to remove it, if that's what you want and also will show you how to replace to RSS instead.

Here at TBN i decided to replace Subscribe to: Posts (Atom) to Subscribe to: Posts (RSS) -- scroll down and you will see the demo.

Here is the easy way to actually hide it

Go to your Dashboard - Layout - Edit HTML
Hit Ctrl+F type .feed-links { (You will then directly see the CSS Code)
Add this Code

display:none;

This is what the whole Feed-link CSS code should look like

.feed-links {
display:none;
clear: both;
line-height: 2.5em;
}

Then save your template and it should be hiding now.

Replace the Atom to RSS

Save your template to make sure that when you make mistake you can still go back to your old settings.

Go to your Dashboard - Layout - Edit HTML
Click Expand Widget Template
Ctrl+F find this code

When you get to this code replace them Atom code to RSS code below, preview first and if happy then save it.

You should have RSS now instead of Atom or have hid them, if that's what you have choosed.

Credit

Replace Atom to RSS is based to PurpleMoggy's Blog.

Blog Pictures

noreply@blogger.com (Iris) — Sun, 16 Nov 2008 06:22:00 +0000

We all know photo's attracts visitors attention and it's a known and tried facts. were did you get your images? are you sure it's properly licensed and copyrighted?

I got my blog pictures at Acobox collects, screens, and hosts quality pictures for bloggers. All images are properly licensed, optimized, and ready use with blogs. For adding a picture to blog post, what blogger needs to do is simply copying and pasting a piece of image code, without downloading, resizing, uploading the image file. It's simple, easy, and free!

Here are few reasons why using acobox.com

You don't have to search the whole web for images that are good with blog posts because we do it for you.
You don't have to worry about copyright and license because we guarantee all images are properly licensed. Everything will be OK as long as you follow acobox Terms of Use.
You don't have to download the image because acobox hosts it.
You don't have to optimize the image for web because we have done it.
You don't have to resize the image because you can choose a size that is best for your page from 5 sizes for each image.
You don't have to maintain an image library because we maintain one, larger and better.
Last, but not the least - it's free!

CSS Sites to Visit

noreply@blogger.com (Iris) — Sun, 16 Nov 2008 06:20:00 +0000

If you are thinking of learning or even want to understand CSS i have listed a list of sites i love to read and visit every now and then. You will find a very helpful tutorials.
In no particular order here they are:

W3Schools - Here's where i started learning and understanding the CSS, HTML and all the technical word and tutorials. Still a use for some of Successful Website designers.
456 Berea Street - Demo of one of Roger Johansson tutorial. You can find a lot of useful tutorial easy and help you understand CSS.
Smashing Magazines - Not just Freebies, Graphics, showcases but tutorials and CSS can be found her. I love reading this site so much to learn, actually so much to get.
Web designer Wall - Love the design of the site, but i love the tutorials aswell. You will not get bored in this site.
Eric Meyer - Try this one, simple explanation and easy to follow tutorials.
CSS Discuss Wiki - Discussions about CSS, techniques for page-layout and more...
Stop Design - this is a creative outlet of Douglas Bowman.
CSS beauty - News, Job, Community, Tutorials and books and more there so much to learn about CSS here.
CSS Tutorial- This is full of tutorials that are easy and really good place to begin with.
Echoecho - I like this site, you can follow the tutorials.

I hope you find this all useful, even though you think you don;t have the skills but when you blog, it is important to understand them aswell. To those bloggers who love to tweak and play with thier templates i am sure you will enjoy visiting this sites.

Ways to improve your blog

noreply@blogger.com (Iris) — Tue, 11 Nov 2008 01:14:00 +0000

When i started blogging i don't have any idea about html, javascript etc.. all those terms freak me out, im not technical type of person but i think the best attitude that i have is never to give up and never say never, i keep trying and reading, anyway...if you want to make money online blogging all you need to do first is to improve your blog. I will be listing here ways for you to improve your blog.

Ways to Improve your blog.

Headers Pictures - If you have notices pictures can describe a thousand words. Put some relevant pictures on your blog header and in your post make sure that the picture on your header describe your site because it is your identity, as well the picture in your post are related to your post. This is the great way to direct the attention of your readers to your theme and to your post. One that i used is Picnik to tweak and twist & work on photo's this is very useful tool for your blog.
Clear Contents and Fonts - Make sure that you have clear content and fonts are readable, you have different kinds of readers and you want to make everyone happy. Make your readers comfortable reading with your content or elase you are losing the chance of your reader to subscribe or coming back to your blog.
Subscription and RSS - To encourage your readers to subscribe to your blog make sure that they can easily access to your subscription form and rss and if it is possible to use unique RSS Icon to stand out.
CPC Ads - Do not make the CPC Ads obvious if you can make private ads that's much more better because in most cases people are annoyed, try to experiment, twist, tweak and have fun with your blog.

There are still many ways for your to improve your blog...all you need to do is not to stop reading, studying and trying everything but make sure if you are making changes using the html download the templates to your computer first to be safe.

Learning is fun, improvement is more fun but the best fun of all is when your have mastered the way of monetizing your blog...have fun blogging.

Use Adsense For Search in your site

noreply@blogger.com (Iris) — Wed, 05 Nov 2008 23:42:00 +0000

Let's make the most of adsense. I have been using Adsense since i started blogging but never get any chance to see the full use of Adsense. We all know that putting adsense ads on our blog is way of making money but for most we never use or get notice the Adsense for Search this is another way of making money using adsense. Lets make the most of Adsense.

Today i will show you how to put it in your blog using as your search page. Most of our readers or visitors navigate our sites and look for more or our content they use site search, why not use Adsense and make money at the same time. Here's how to do it.

Adsense For Search

Open your Adsense Account, if you don't have one you can Register it's Free.
Once your in go to Adsense Set-up then choose Adsense for Search follow the instruction.
You will given a choices look at the image below -- this is what i have done with mine
When you get this "Opening of search results page
Choose whether you would like your search results to open on Google or within your site" What i did is that i made a new page for search result then put the link there. if you just want it within your site just put your site URL.
Submit and Get Code, you will be given two set of codes ... first code is your form and second code is the result page.

Place the Search Form and Page Result in your Site

Copy the first Code then Go to your Dashboard - Layout - Page Elements then add a gadget scroll down until you get to HTML/Javascript then paste the first code there.
then Save.

For the Page Result: This is the Option if you don't want it to open in a separate page

Edit HTML - Save your template for safety (Do not click Expand Widget Template)
Ctrl+F <div id='main-wrapper'> then paste the Search Results Code below (Just after) main wrapper then save.

Want the Result in a New Page

Create a new Post
Paste the Search Results Code then ... scroll down then click Post Options; Back Date (You can read my post about How not to Show Your Post Date When you make your about me page)
When your done, save then go to your dashboard and look at the URL of the post that you just made then Edit the setting of your Adsense for Search.
When you get this "Opening of search results page
Choose whether you would like your search results to open on Google or within your site" then tick

Open results within my own site

http://www.yoursiteurl/search-result.html Enter URL where search results will be displayed

Important: If you make changes with your setting, make sure you change the Form box code aswell as the Search Result Code.

I hope you find it easy to understand, additional income is sweet using adsense search.

Feel like you want to create a new logo or just want to doodle?

noreply@blogger.com (Iris) — Sun, 02 Nov 2008 21:06:00 +0000

This is just a quick post. I have doodling and my mind is not really in good condition to make proper post, but i decided to share you some sites where you can play around for your Logo or header.

Most of the Blogger really settled already for their site logo or header but some are still looking for great resource and at the same time easy to use too!..

That word should be "This is my very first ART, Not Bad" but hey i didn't notice it, sorry about that.

The links that i will share are the sites that you can use in quickie way. You can play around and once you are happy then that is the time you save them and use them as you logo or header.

Acme Label Maker - Just type the text and click then you will see the result, very quick.

Scribbler - Scribble any text you want, or do some doodling then click done drawing from there do some setting and you good to go...it's fun.

3dtextmaker - I love this one, you have a great control and a lot of text design to choose from.

image Reflection Generator - This is when your done and you want more -- then put some reflection. I have seen a lot of bloggers using reflection in their text logo, try it you might like it. You can even use it for images.

Picassohead - I am having fun with this one, make a head in a very artistic way.

There so much more but i need to find them, i am sure they are just there somewhere buried in my bookmarked sites, they are too many and i need to do some cleaning in my bookmarks including my toolbar Folders.

I hope you find this useful and if you have additional which am sure you have some resources aswell, please do share them.

Placing Ribbon Rules

noreply@blogger.com (Iris) — Tue, 28 Oct 2008 20:47:00 +0000

One of my favorite veerle's blog have this really cool site design and one that i like is the ribbon. I found this generator from Dynamic Drive Tools to make it more easier for you to generate a horizontal alternating colors or as it calls "Ribbon Rules".
What i like with this generator is that it gives you an option to use a random colors only choosing a one color as your base or to individually select colors that you like using color picker or if you already knew the hex color code you can just place it on each section hit generate if not happy try again or reset until your satisfied, how hard can it be?

You are also given a CSS code to use, so for newbie or those who are not familiar with coding it easy as ABC.

But...here's what to do if you want to use ribbon rules with blogger.

Go to Dynamic Drive Tools Ribbon Rules Generator to generate your ribbon.
Follow the instruction and upload them to Photobucket, Google Pages or any of your image hosts.
Go to your Blogger Dashboard - Layout - Edit HTML
In your Keyboard Hit Ctrl+F then type body { (If it won't work just look for this Code manually)
Then Add the CSS Code given; This is what the code look like once your done.

background:#1f2a22 url(ribbon.gif) top left repeat-x;
margin:0;
padding-top: 10px;

You can always change the hex color code to anything background color you want. This is simple yet make your site look neat and stylish. I hope you like it and have fun with colors.

Build Your Pepperjam Store Builder Now!

noreply@blogger.com (Iris) — Fri, 24 Oct 2008 06:47:00 +0000

Have you joined Pepperjam yet?. Not like Adsense, pepperjam won't limit the ads you can place on your site. I noticed that most of bloggers like to have full control over their blog, that is why you hosted your own site, you buy your own domain etc...that's the same with Pepperjam you have all the control.

Pepperjam Store Builder allows you to build product store front very quickly and so easy. Here are things you do to build your virtual store, just to give you an idea aside from the self explanatory images (Click the image for a bigger preview) ; You select the products you want, choose a category then you can refine the result further by filtering the keywords. You can also customize to match with your site or to make it look more outstanding to get more attention it's all depend with your strategy -- when done, code the code then your done, your store is up and running without any hassle.

Before, creating a store front needed some understanding of php or any coding etc...but with Pepperjam Store Builder you can create them so quick without needing any expertise.

There are so many products to choose from, you find a partner and in less than 30 seconds you have a fully functional product feed storefront. I have included an image so that you can see the what it look like when you start building your store front. What really good is that they provided a Live Demo to help you more and make it more quicker and easier for you to build your store.

If you have not joined yet, this is your chance -- nothing to lose but something to gain.

I can see you! Faces of your Commenter's can now be seen

noreply@blogger.com (Iris) — Tue, 21 Oct 2008 21:51:00 +0000

Okay, just ignore my Title i am not really great of making a capturing title but just in case you read this post because of the title then i can say that i got lucky haha...

With my previous post i showed you how to customize your comment system and who say's that it's only wordpress can have fancy comment system? With the help of some very talented programmers, bloggers and hackers(Not the bad hackers i am talking here but those who play with codes and hacks) all of this makes possible. Now you can see your commenters avatar, how? i will explain them shortly.

I got a comment from Gem say's

"I was also trying to see whether it is possible to use profiles instead of MyBloglog hack. As you see, those who left comments above do not have their own MyBloglog accounts.

I guess no one figured that out. I've been using Google for that hack, by the way."

Answer to that is it is possible and already been used by few bloggers. Scripted by Singpolyma based by the work of Johan Sundstrom Updated by PurpleMoggy Updated and Promoted by http://www.bloganol.com i don't have any contribution but to spread it :)

Here's how to do it:
Go to your Dashboard - Layout - Edit HTML (Important! Save your template)
Hit Ctrl+F type </head>
Above that code place this Script

... Then Save.

Next is to tick the Expand Widget Template and look for this code Ctrl+F type dl id='comments-block

Here's what it all look like...

Select the whole block of code and then replace them with this code below:

Then Preview -- If no red marks shows you have no problem then save. Check your comments and now shows the profile images of your commenters.

Credit

Credit have already placed above as part of my post. Post Source: Bloganol.com

How not to Show your Post Date when you make your About Me Page

noreply@blogger.com (Iris) — Tue, 21 Oct 2008 06:40:00 +0000

When we blog, we want our site to be accommodating as possible. We want to make sure that we provide what our readers want for them to keep coming back and one of that we need to place in our blog is contact page, although there are many ways to contact the site owner but we want it to be more easier and we don't want to waste time of our readers -- of course you need to place the about page aswell, we need to let our readers know who is behind the blog. What stopping of blogspot dot com user of doing this is the inability of creating a separate page like Wordpress does.

Fortunately, we have particular webmaster who managed to find ways to work around this problem so bloggers users can now enjoy and place a page they like, Technically Easy have a very clever way to create a page using your post, He explains how to create a static page without showing the post date,if you miss it you can follow the steps here.

Follow this easy steps:

Create a normal post. Type the information you want to provide for your readers -- Use this for your about me page, contact page or any other pages you want to show.
When your done, scroll down until you get to the "Post Options" click them and you will see the options.
Under Reader Comments click Don't Allow.
Under Backlinks click Don't Allow.Post date and time: I place mine on the day i started my blog.
When you think everything are in order and your ready to publish then click publish.

Now that everything is ready and created, we will then follow this easy steps to prevent the post date from being displayed (Hide the post date of your page).

Go to your Dashboard, then click the Layout.
Click the Edit HTML to display the layout in HTML.
Make sure you tick the box to Expand Widget Template, this will display the code of each widget.
We need to look for this code <data:post.dateHeader/> -- to make it easier for you find and save time hit Ctrl+F then place the code above.
Before that line place this code:

<b:if cond='data:post.allowComments'>

To wrap it up and to finish this...again hit Ctrl+f and type this code:

<data:post.dateHeader/>

after that code or below the post date code, include this last code to close the html

</b:if>

and your done, save your template

This is how it going to look in your html.

This is to instruct blogger to only display the post date if comment are allowed. since you disable the comment in your about me page or whatever post you made earlier that won't display the date and you have now a nice and pages that won't display date more professional and well designed site page.

Now, if you don't know how to make your contact page and navigation button you might be interested to my post Steps on how to create your contact page and navigation button.

I hope you find this post useful and i would like to once again thanks Technically Easy for this tips and tricks i find it very useful for every blogspot users.

Slideshow using Wowzio

noreply@blogger.com (Iris) — Sat, 18 Oct 2008 19:26:00 +0000

How do you like slideshow? Do you have any hobby -- say sewing, designing, jewelry making, bedding or are you an artist and wants to show some of your work? Slideshow is most of the time saves space, time and also can capture a lot of attention of your visitors and readers. I have seen a lot of slideshows in fact i use one in the template that i just have done i use Jondesign's smooth gallery check it out too!

There is one that is easy to use which i have seen a few bloggers are using now and i see it really is great, i can see their older post and i click in them and link to each post aswell very neat it's so simple to use and i thought that i will post something about this because this is a widget that every blogger even those that are not familiar with CSS, Javascipt or any other code can use this, all you have to do is put your url or feeds then just follow the steps then done.

Wowzio is not just another widget, it is a widget that will help you engage more with your readers, simple, clean and no work in your side. just have fun and enjoy the slideshow. What they do after you put your blog url is that they will extract interesting images in your site and start from there.

Just try it and have fun with it, work with the customization, size and where to place them which ussually most of professional designer place the slideshow at the top where most people can see but it's all up to you, just have fun with it...there's so many widget to choose from depend with your need.

Wallpaper for Grab

noreply@blogger.com (Iris) — Thu, 16 Oct 2008 03:33:00 +0000

I just started learning Photoshop, I have them for quite a while but i just use them for some thing but today i want to make my own wallpaper and i like the result. I follow some steps of tutorial and add a few details in it.

I would like to share this, if you are interested you can grab them for free, Just click and save image as then load.

below are the two that i learned today.

.... here is the other one

Please let me know of what you think.. leave a comment aswell if you grab it for your desktop.

Just Random Rambling...

noreply@blogger.com (Iris) — Tue, 14 Oct 2008 23:21:00 +0000

I have been so busy lately. My hubby is away for 2 weeks and only me and the kids and i am really glad the kids are so behave, they surely knew that mommy needs their help. I praised my son and he say's daddy ask me to behave while he's away, and it is amazing how 4 years old take responsibility although the matter of fact because i asked my husband if he really ask him to behave while he is away "he did not" but he did behave.

My kids is a big help for me during the days i worked with southernplate template, they just play beside me, watch their favorite program and just quite. I really feel accomplished and she love her new look...please pay her a visit because you will surely like everything in her site...food, lot of them and yummy and easy to prepare.

It's spring here in New Zealand and this past days i was enjoying the day because the cold air is slowly fading and is sunny and beautiful. Today, my son's kindy is celebrating their 100 years old birthday and i stayed in, help out the teachers and i really enjoy the time with the kids -- of course enjoying the sun at the same time. They have sack race, egg and spoon race etc..so will going outside the house now and will take advantage of the sunny day, who knows what is it going to be tomorrow because here in New Zealand you can get windy, rainy and sunny just in one day. so while it's sunny i would like to get out and enjoy it and spend my time with my kiddo. :)

Customize Blogger Comment System Continue's

noreply@blogger.com (Iris) — Fri, 10 Oct 2008 20:15:00 +0000

I have posted a few of how to customize you comment system because sometimes we bloggers did not take notice the comment section whereas it is one of the important part of blogging, we read comments, we leave comments and that's one of part where we can discuss things and even make your blog popular.
I would like to share you a recap of my post and i will also give a few links of where you can learn a few tricks.

Here are the list of my post about comment section, i hope you will learn from them and fine it useful.

This list will make your comment section better than before...to add a few more customization and soon you will have a wordpress or other professional like comment section here are the additional like to make it look more better.

Randomness Toturials - Styling your comments Area, Numbering Comments
Blogger Busters Tutorial - (Add Comment Avatar) Mybloglog Comment Avatar Hacks

I hope this list helps you learn of how to customize, tweak and make your comments section look more professional.

Using all of this tips and hacks, you can see the demo here in my blog... browse my comment section and you will see what i mean.

Open results within my own site
http://www.yoursiteurl/search-result.html	Enter URL where search results will be displayed