Adult Mac N Cheese

1. Follow instructions on box
2. Add fressh green onions, pesto, and feta cheese.
3. Enjoy!


-- Post From My iPhone
Read more

Embeding Music into your blog or anywhere

Insert the following code anywhere you want this player to appear!

<embed src="yourmusicfile.mp3" width="144" height="74" type="audio/mpeg" autostart="false" loop="false" bgcolor="white"> </embed>
*Note*
You must have a link to the mp3 file for this to work.  You can host your own mp3s using several storage sites like sites for google.  This is absolutely free.  One day, I will write a How To for setting up a simple website all for free on sites for google.  In the meantime if you can't wait that long google or wiki search it and learn about it.  It's very simple.
Read more

Adding a Banner or Floating Image

There are many uses for adding a floating image with a link to your site.  You can grab the attention of readers to a specific image no matter where they are on your page.

The code for this is very simple.

Step 1.
Go to your Dashboard
Under the Layout tab click on Edit html
Scroll down through the code until you find </body>
Right above that line of code, paste the following:

    <a style="display:scroll;position:fixed;top:5px;right:5px;" href="thelinkyouwant" title=""><img width="275" style="border:0" alt="" src="urllocationoftheimageyouwanttouse" height="180"/></a>
 You will most likely want to use a png, where the image has no background so it doesn't look sloppy on your page.  The red/green text in the code is important.  This is where you can tell where you want the image to go.  For example, you can place the image at the bottom/left instead. 

That is all!
Read more

Adding a Horizontal Menu

I've always wanted to add a horizontal menu to my blog, and I never have (until today actually) because I thought it would take way too long and would cause me great frustration.

Thankfully, it's extremely easy!  :)

I followed an excellent tutorial
here It is very easy to follow so feel free to check it out.

Let's begin!

Step 1.
Create a text blog.
*Go to your Dashboard
*On the upper right corner, there is a link to Create A New Blog
*The purpose of this is to protect your blog in case you mess something up.  Once you are an expert you can easily duplicate your steps and apply the changes to your main blog.
*If you don't want to create a text blog, simply create a backup of your current blog by going to the Layout tab, and clicking on the Edit html and then Download Full Template.  *Note* This will not save any gadgets you may have.

Step 2.
Enable additional gadgets to your Blogger Header.
*Go to your Dashboard
*Under the Layout Tab, click Edit Html
*Hit apple F on a mac or ctrl F on a pc and enter the following <div id='header-wrapper'> to locate the code

*The entire code should look like this:
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='The Loony Bin(Header)' type='Header'/>
    </b:section>
    </div>

*Don't worry, all you have to do is modify the items in red.  Change '1' to '5' and 'no' to 'yes' and lastly 'true' to 'false'.  That's it!  Make sure you save!

Step 3.
You need to decide on what type of horizontal menu you would like to use:  DynamicDrive.com has some awesome menus to choose from and they are all free.  :)  For this example, I will use the code for my menu.  It is a code I retrieved from DynamicDrive.com but I modified the colors to match the look and feel of my blog.  You can access the original menu here.  If you do decide to browse DynamicDrive.com make sure you don't copy the first line of the code which looks like this:
<style type="text/css">
and the last line of the code which looks like this:
</style>
Copy everything else in the middle :)

*Go to your Dashboard
*Under Layout Tab, click Edit Html
*Hit apple F or ctrl F and locate Footer.  There will be several results, make sure you find the line that looks like this:  /* Footer.
*Place your cursor just before the line  /* Footer starts and paste the following code:

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #989d2f; /*Brown color theme*/
background: transparent;
voice-family: &quot;\&quot;}\&quot;&quot;;
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #bdc185;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/
border-top: 1px solid #abded7;
}

#modernbricksmenu2 a:hover{
background-color: #989d2f; /*Brown color theme*/
color: #bdc185;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #989d2f; /*Brown color theme*/
color: #bdc185;
border-color: #989d2f; /*Brown color theme*/
}

}

Good job!  You are almost done :)  Make sure you click Save.

Step 4
*Go to your Dashboard
*Go to the Layout Tab and click on Page Elements
*You will now see an option to 'Add a Gadget' right below your Navbar!
*Click Add a Gadget and select HTML/Javascript from the pop up
*Copy and paste the following code into the gadget window

<div id="modernbricksmenu2">
<ul>
<li style="margin-left: 1px"><a href="http://smashinggoodfun.blogspot.com" title="Home">Home</a></li>
<li><a href="http://picasaweb.google.com/aissa.mccorkle" title="Gallery">Gallery</a></li>
<li id="current"><a href="http://aissbox.blogspot.com"
title="How To's">How To's</a></li>
<li><a href="http://www.youtube.com/user/iceiceaissa" title="Videos">Videos</a></li>   
<li><a href="http://blogger.com/home" title="Dashboard">Dashboard</a>
</li>



<br style="clear: left" /></ul></div>

Of course you will want to change the Menu titles to whatever suits your needs and change the corresponding link for each to the link you want it to go to.  Also, you can choose which tab is highlighted by default.  Just add the text in green to whichever tab you want highlighted by default.

Voila!  You are done :)
Read more

Posting HTML

Read more

Last.fm gadget

So I've spent hours searching for a gadget that actually works on blogger, to place my recently listened to tracks on my page. Something that refreshes itself, looks nice and neat and won't cause you a headache.

With the help of the true web guru (my husband) We were able to rip off the flash file for last.fm and insert it to Blogger"s handy html/javascript gadget creator.

For those who want this on their blogger, just follow these easy steps:

1. Login to Blogger
2. Go to the Layout section of the blog you want it under
3. Under the Page Elements Page, Click Add a Gadget to wherever you want this widget to be placed.
4. Paste the following to the widget and save.
*Note you will need to replace "desired username" with the last.fm username
you want the data to come from. Don't include the " "
5. Enjoy!
6. I haven't tried it, but you can probably tweak the colors...

<table border="0" cellpadding="0" cellspacing="0" class="lfmWidget20070605170738" style="width:300px;">
<tbody><tr class="lfmHead">
<td>
<a href="http://www.last.fm/user/"desired username"/" style="display:block;overflow:hidden;height:20px;width:300px;background:url(http://panther1.last.fm/widgets/images/en/header/chart/recenttracks_regular_black.gif) no-repeat 0 -20px;text-decoration:none;" target="_blank" title=""desired username": Recently Listened Tracks"></a>

</td>
</tr>
<tr class="lfmEmbed">
<td>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab%23version=7,0,0,0" height="179" style="float:left;" width="184">
<param name="bgcolor" value="d01f3c" />
<param name="movie" value="http://panther1.last.fm/widgets/chart/3.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="sameDomain" />

<param name="FlashVars" value="type=recenttracks&amp;user="desired username"&amp;theme=black&amp;lang=en" />
<embed flashvars="type=recenttracks&amp;user="desired username"&amp;theme=black&amp;lang=en" allowscriptaccess="sameDomain" bgcolor="d01f3c" height="179" name="widgetPlayer" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://panther1.last.fm/widgets/chart/3.swf" type="application/x-shockwave-flash" width="184">
</embed>
</object>
</td>
</tr>
<tr class="lfmFoot">
<td style="background:url(http://panther1.last.fm/widgets/images/footer_bg/black.gif) repeat-x 0 0;text-align:right;">
<table border="0" cellpadding="0" cellspacing="0" style="width:300px;">


</table></td>
</tr>
</tbody></table>
<script>gadgets.util.runOnLoadHandlers();</script>
Read more