1. Follow instructions on box
2. Add fressh green onions, pesto, and feta cheese.
3. Enjoy!
-- Post From My iPhone
Read more
2. Add fressh green onions, pesto, and feta cheese.
3. Enjoy!
-- Post From My iPhone
Insert the following code anywhere you want this player to appear!
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
<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.
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:
That is all!
Read more
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:
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.<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>
That is all!
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!
*The entire code should look like this:
*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!
*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:
Good job! You are almost done :) Make sure you click Save.
*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
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
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: "\"}\"";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 :)
I'm sure many of you have wondered how to place HTML code within your blog posts without browsers interpreting what the html was designed for. For example, writing How-To-Tutorials and wanting the code available for someone else to copy/paste.
You must encode your html. You can do it manually by replacing the following:
Replace < (i.e. less than sign) with<
Replace >(i.e. greater than sign) with>
Replace “ (i.e. quote mark) with "e;
Well this can be a nightmare when you are looking at encoding an entire template. Luckily for all of us, you can use the tool on this site to automatically encode your html.
Read more
You must encode your html. You can do it manually by replacing the following:
Replace < (i.e. less than sign) with<
Replace >(i.e. greater than sign) with>
Replace “ (i.e. quote mark) with "e;
Well this can be a nightmare when you are looking at encoding an entire template. Luckily for all of us, you can use the tool on this site to automatically encode your html.
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&user="desired username"&theme=black&lang=en" />
<embed flashvars="type=recenttracks&user="desired username"&theme=black&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
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&user="desired username"&theme=black&lang=en" />
<embed flashvars="type=recenttracks&user="desired username"&theme=black&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>
Subscribe to:
Posts (Atom)