Hello, all! Some of you may be surprised to see a post from this blog popping up in your reader—we've been dormant a long time. This blog was a collaborative effort by a group of busy moms, and over time we got too busy to keep it chugging along.
I have left these archives in place, though, in case they're of use to new bloggers. And while we've retired this site, there is another website—not affiliated with the women who used to blog here—that offers tips and support for bloggers. I encourage you to visit MomsWhoBlog.com.
Happy blogging!
Thursday, September 16, 2010
Monday, November 5, 2007
Adding Fun Clipart to your Sidebars
Lissa has been helping me periodically to spruce up my blog and I though I'd share some fun little tips on how to add Clipart or images to your sidebars. In my Sweetness and Light weblog I have added some charming clipart from Antique Clipart. There are many other images sites around the web if you google a bit. Lissa has some darling black and white designs at Bonny Glenn that has truly added some spunk to her sidebars as well.
So for the nitty-gritty (applies to Typepad).
I hope this is helpful to someone. Let me know if you have any questions, I know I've asked Lissa just about ALL of the questions there is about template tweaking, so I'm happy to help too if I can!
Have fun!! Blessings!
So for the nitty-gritty (applies to Typepad).
Once you have selected some images you like,
save them onto your hard-drive and upload them into your files section in the Control Panel. Then decide which Typelist you'd like to add the image to and select the list. You can attach the image anywhere into your list or in the label section of a Typelist and this will attach it to the list title (see example in my right sidebar labeled "Sharing is Twice as Nice").The code to insert is:
[img src =[a href="http://urlgoeshere/"]
(please change the square brackets to the pointy ones)and if you want to make it as a link you would use this code:
[a href="linkURL"][img src="imageURL"][/a] .
This is a nice way to thank the site that is offering their lovely images for web users by attaching a link somewhere within your blog. To insert the image url into the code simply copy and paste the image url into the space within the code. (Remember to change to brackets to pointy ones).
I hope this is helpful to someone. Let me know if you have any questions, I know I've asked Lissa just about ALL of the questions there is about template tweaking, so I'm happy to help too if I can!
Have fun!! Blessings!
Sunday, October 28, 2007
Using del.icio.us as a Sophisticated "Google Reader"
I've been using del.icio.us for quite a long time to keep track of links I'm interested in. What I discovered recently is that you can use it to share links relating to favorite topics in the sidebar of your blog.
If you look in the sidebar of Studeo, you can see three sections of links near the top "Prayer Requests", "Interesting Stuff" and "My Posts Elsewhere" (or something along those lines). My sister has used it even more extensively here.
The way you do it is this:
First, you need to set up an account at del.icio.us and start tagging favorite posts, websites and articles (somewhere on the site is an option to add a del.icio.us button to your browser - makes it REALLY easy).
To set up a "link roll", on the del.icio.us page go to "settings" and then "link rolls" and build your own widget. There you can select a title, pick which tags you want included, how many links you want to show at a time, whether you want "bullets" to delineate each item, etc. Once you like the look, just cut and paste the code into your sidebar.
One of the nice things is that the title of the link roll will link directly to your entire list of articles containing the same tag.
Just in case that's not clear, I'll walk you through an example from my site:
I've been tagging my posts on other blogs "myposts" so that I can easily access them on Studeo. When I went into the "link roll" segment of del.icio.us (under "settings"), I titled my widget: "What I'm Blogging About Elsewhere" and chose to only include articles I had tagged with "myposts".
Cut and paste the code into an HTML page element on Blogger (I imagine it works similarly on Typepad, Wordpress, etc.) Voila.
If you look in the sidebar of Studeo, you can see three sections of links near the top "Prayer Requests", "Interesting Stuff" and "My Posts Elsewhere" (or something along those lines). My sister has used it even more extensively here.
The way you do it is this:
First, you need to set up an account at del.icio.us and start tagging favorite posts, websites and articles (somewhere on the site is an option to add a del.icio.us button to your browser - makes it REALLY easy).
To set up a "link roll", on the del.icio.us page go to "settings" and then "link rolls" and build your own widget. There you can select a title, pick which tags you want included, how many links you want to show at a time, whether you want "bullets" to delineate each item, etc. Once you like the look, just cut and paste the code into your sidebar.
One of the nice things is that the title of the link roll will link directly to your entire list of articles containing the same tag.
Just in case that's not clear, I'll walk you through an example from my site:
I've been tagging my posts on other blogs "myposts" so that I can easily access them on Studeo. When I went into the "link roll" segment of del.icio.us (under "settings"), I titled my widget: "What I'm Blogging About Elsewhere" and chose to only include articles I had tagged with "myposts".
Cut and paste the code into an HTML page element on Blogger (I imagine it works similarly on Typepad, Wordpress, etc.) Voila.
Thursday, August 23, 2007
Backing Up Your Blog
Meredith of Like Merchant Ships asks how to back-up a blog.
There are several ways of doing this, including saving your posts as a *.doc/Word file, or turning your blog into a book. (HT: Mary at The Vocation of Motherhood)
Your blogging host also should have instructions in their FAQ or Help file that will enable you to do this (almost) painlessly. Some of the most popular ones:
There are several ways of doing this, including saving your posts as a *.doc/Word file, or turning your blog into a book. (HT: Mary at The Vocation of Motherhood)
Your blogging host also should have instructions in their FAQ or Help file that will enable you to do this (almost) painlessly. Some of the most popular ones:
- Basic Typepad instructions for making backups, from Neville Hobson.
- If you've got a blog at Wordpress.com, follow Lorelle's instructions.
- For the Blogger blogger, here's how.
- For wordpress (not wordpress.com) users, you need to go into cPanel/
phpMyadmin and backup the database from there. Detailed instructions can be found here.
Thursday, August 2, 2007
To everything there is a season
This time last year, I was barely blogging or even turning on the computer. Our darling Eileen had come to grace our lives forever, and her presence melted all words from my mind. I remember thinking how much I wanted to keep up "Cottage Blessings," but it was just impossible. The problem wasn't primarily a lack of time or energy either--the words simply were not there. Last July's archives contain only four posts: a meme completed by my eldest daughter, a picture of Our Lady of Mount Carmel, a photograph of one-month-old Eileen, and a link to a Cottage Garden post about Luna moths. This July, by contrast, has been my most busy "posting month" ever, with a new entry written almost every day from our temporary home in San Francisco, a city bursting with ideas and inspiration.
Comparing the two Julys side by side, each with its unrepeatable joys, stories and memorable moments--one mostly unwritten and the other well documented--makes me realize more than ever that there is a time in our lives for everything. During some seasons of Motherhood, we are inspired to share our thoughts and stories, and during others we are called to silent reflection. Mary "pondered all these things in her heart."
Often, mothers leave thoughtful notes on their blogs saying, "I'm sorry I have been away so long" or "I have been doing a terrible job in posting." We all strive to be faithful to any task we take up, and it is natural to feel a bit bad when our blogs fall out of rhythm for a while. Still, I would say that this, like so many aspects of Motherhood, is part of God's plan for us. We should expect those inevitable quiet times, not feeling the least bit sorry when they come, but embracing them wholeheartedly.
Let us rejoice in both the stories and the silence.
Comparing the two Julys side by side, each with its unrepeatable joys, stories and memorable moments--one mostly unwritten and the other well documented--makes me realize more than ever that there is a time in our lives for everything. During some seasons of Motherhood, we are inspired to share our thoughts and stories, and during others we are called to silent reflection. Mary "pondered all these things in her heart."
Often, mothers leave thoughtful notes on their blogs saying, "I'm sorry I have been away so long" or "I have been doing a terrible job in posting." We all strive to be faithful to any task we take up, and it is natural to feel a bit bad when our blogs fall out of rhythm for a while. Still, I would say that this, like so many aspects of Motherhood, is part of God's plan for us. We should expect those inevitable quiet times, not feeling the least bit sorry when they come, but embracing them wholeheartedly.
Let us rejoice in both the stories and the silence.
Saturday, July 14, 2007
Typing Tip: How to Make an Em Dash
This tip will probably be of interest to only a tiny percentage of nitpickers people, but on the off chance I'm not the only detail-obsessed nut out there, I offer this tidbit.
In printing, an "em dash" is the term used to describe the longish dash that sets off a word or phrase within a sentence—like this!
Since typewriters didn't have an em-dash key, two hyphens became the standard substitute--like this.
Either way is considered correct, nowadays. But if you like the look of the em dash, you can make it by pressing the shift, option, and hyphen keys at the same time. Like—this—! Ooh, how very dashing!
Emily Dickinson would approve.
In printing, an "em dash" is the term used to describe the longish dash that sets off a word or phrase within a sentence—like this!
Since typewriters didn't have an em-dash key, two hyphens became the standard substitute--like this.
Either way is considered correct, nowadays. But if you like the look of the em dash, you can make it by pressing the shift, option, and hyphen keys at the same time. Like—this—! Ooh, how very dashing!
Emily Dickinson would approve.
Opening Links in a New Window—Yes or No?
Here's an interesting post from Swank Web Style on why links shouldn't be opened in new windows. What's your take?
Using a Reader to Make Blog-Reading Easier
The following is a question and answer from the Moms Who Blog discussion group. (You can join that group by clicking the link in the sidebar. And you don't really have to be a mom to join—it's just a place to discuss blog-related topics.)
My answer here is unpolished, so if any of the other MWB contributors wants to chime in with more info, feel free to hijack this post!
A reader asked for an explanation of blog-readers like Bloglines and Google Reader. Here is my response:
Great topic!
A reader (also called a feed reader) makes it easier to keep up with multiple blogs. Let's say there are 40 blogs you really really like and try to read on a regular basis. (That sounds like a lot, but I think I actually have something like 300 blogs in my list! Yikes!)
You can read them by clicking on each blog individually, through your browser bookmarks or whatever, OR you can use a feed reader to see what blogs have been updated since your last visit.
Google Reader and Bloglines are the two most popular readers. I've used both—I like Google Reader the best, so I'll use it for this example. Bloglines works pretty much the same way, though.
You create your Google Reader account (or sign in with your gmail address) and then you'll need to "subscribe" to the blogs you like to read. Each blog publishes something called a "feed"—this means the text (and sometimes images) of the blog's posts gets fed to the readers.
Most blogs have a button you can click to "subscribe to my feed" or it will say RSS feed, something like that.
Or—even easier—from the Google Reader screen, you can drag a "Subscribe" button to your browser's toolbar. Then, when you're on a blog you want to subscribe to, just click that button and it'll be added to your Google Reader subscriptions.
You can set up folders or categories to organize your blogs—I have folders for homeschooling blogs, kidlitosphere, politics, food, close friends, crafts, frugal blogs, and miscellaneous.
Once you've subbed to your favorite blogs, you just go to your reader and you'll see a list of all the blogs with new posts since your last visit. If you click on the blog name, the posts will appear. Some blogs publish their entire posts to the feed readers; others publish excerpts only, and you have to click over to the blog to finish reading the post. (Full feeds are much more convenient for the readers, of course, but that does affect the blog's page views since you don't have as many people clicking onto the blog itself. I publish a full feed for Bonny Glen, but for Lilting House I have to publish excerpts only.)
There are other handy tricks you can do with your reader, such as Google Reader's nifty "Shared Items" feature (see my shared items here, for example), but their main purpose is just to pull all your blogs into one place for easy reading.
My answer here is unpolished, so if any of the other MWB contributors wants to chime in with more info, feel free to hijack this post!
A reader asked for an explanation of blog-readers like Bloglines and Google Reader. Here is my response:
Great topic!
A reader (also called a feed reader) makes it easier to keep up with multiple blogs. Let's say there are 40 blogs you really really like and try to read on a regular basis. (That sounds like a lot, but I think I actually have something like 300 blogs in my list! Yikes!)
You can read them by clicking on each blog individually, through your browser bookmarks or whatever, OR you can use a feed reader to see what blogs have been updated since your last visit.
Google Reader and Bloglines are the two most popular readers. I've used both—I like Google Reader the best, so I'll use it for this example. Bloglines works pretty much the same way, though.
You create your Google Reader account (or sign in with your gmail address) and then you'll need to "subscribe" to the blogs you like to read. Each blog publishes something called a "feed"—this means the text (and sometimes images) of the blog's posts gets fed to the readers.
Most blogs have a button you can click to "subscribe to my feed" or it will say RSS feed, something like that.
Or—even easier—from the Google Reader screen, you can drag a "Subscribe" button to your browser's toolbar. Then, when you're on a blog you want to subscribe to, just click that button and it'll be added to your Google Reader subscriptions.
You can set up folders or categories to organize your blogs—I have folders for homeschooling blogs, kidlitosphere, politics, food, close friends, crafts, frugal blogs, and miscellaneous.
Once you've subbed to your favorite blogs, you just go to your reader and you'll see a list of all the blogs with new posts since your last visit. If you click on the blog name, the posts will appear. Some blogs publish their entire posts to the feed readers; others publish excerpts only, and you have to click over to the blog to finish reading the post. (Full feeds are much more convenient for the readers, of course, but that does affect the blog's page views since you don't have as many people clicking onto the blog itself. I publish a full feed for Bonny Glen, but for Lilting House I have to publish excerpts only.)
There are other handy tricks you can do with your reader, such as Google Reader's nifty "Shared Items" feature (see my shared items here, for example), but their main purpose is just to pull all your blogs into one place for easy reading.
Monday, July 9, 2007
Blogger Hacks: Top Menu Bar
I can't believe how easy this turned out to be, but this is a "hack" that you'll want to try after you've backed up your html code!!!
My husband found some coding from this site that was along the lines of what I was looking for. It turned out to be just two segments of coding that was easy to manipulate (and since I wasn't using the search feature - I'll leave that to the Blogger top bar - I was able to simplify the coding even further).
Here's what you do (this is the actual coding I just added to Studeo - it's the menu just under the photo which offers choices like "About Us" and "Book Lists"). Naturally this is set up for a certain width - 796 I believe. It may take some considerable adjusting to use it for a different width:
Add this segment of coding to the top portion of your html coding (I have mine between the "Blog Header" segment and the "Posts" segment.
Next, add the following segment to the bottom half of your html coding. I have mine between the "header-wrapper" segment and the "cross-col wrapper" segment. Unfortunately you have to go change all of the "<"s to "("s (same thing for the opposite direction). You'll save yourself a lot of time if you just copy and paste this segment from my source code here):
***
UPDATED: This is Lissa chiming in to say I was sure I had posted here about adding a top menu bar to Typepad blogs, but it turns out I only mentioned it on Bonny Glen.** Here's the link to the post where I found instructions: Jimmy the Geek's Typepad Hacks. You can only do this with a Pro level account, and you'll have to convert your design to Advanced Templates. (Which turned out to be a very simple thing to do.)
Jimmy uses vertical bars to separate the items in his menu; I changed mine to little leaves (click on Bonny Glen and you'll see what I mean) by replacing the bars with image code:
(img src="http://yourimageurl")
(Replace the parentheses with pointy brackets, and of course you have to upload the image to your Typepad Files (under Control Panel) first, in order to get the URL.)
Just make sure you backup your template before attempting any of this tinkering! I tried mine out on a test blog first.
**UPDATED AGAIN: I knew I'd posted about top menu bars on this blog! I found it buried at the bottom of this post. Aha.
My husband found some coding from this site that was along the lines of what I was looking for. It turned out to be just two segments of coding that was easy to manipulate (and since I wasn't using the search feature - I'll leave that to the Blogger top bar - I was able to simplify the coding even further).
Here's what you do (this is the actual coding I just added to Studeo - it's the menu just under the photo which offers choices like "About Us" and "Book Lists"). Naturally this is set up for a certain width - 796 I believe. It may take some considerable adjusting to use it for a different width:
Add this segment of coding to the top portion of your html coding (I have mine between the "Blog Header" segment and the "Posts" segment.
/* MenuThis is the segment where you can adjust your colors and such.
----------------------------------------------- */
/* The outer menu bar box */
div.menuBar {
width: 793px;
height: 36px;
padding: 1px;
border: 1px solid #000000;
margin-top: 1px;
margin-bottom: 1px;
margin-left: auto; /* center horizontally */
margin-right: auto;
background-color: #b3b3b3;
}
/* The boxes that go inside the menu bar */
div.menuBarBox {
width: 110px;
height: 32px;
border: 1px solid #000000;
margin-right: 1px;
float: left;
}
div.menuBarBox a {
width: 110px;
height: 30px;
padding: 1px;
border: 1px solid white;
float: left; /* have to float to put elements next to each other */
text-align: center; /* we put the align here cause the text is inside us */
background-color: #ffffff;
}
/* The current page also has this style, which just changes the background color of the box */
div.menuBarBox a.true {
background-color: #ffffff;
}
/* The links within menu bar box */
div.menuBarBox a:link {
font-size: 18px;
text-decoration: none;
line-height: 32px; /* using this to center text vertically. Could also do so by changing padding/height of menubarbox */
}
div.menuBarBox a:visited {
font-size: 18px;
text-decoration: none;
line-height: 32px; /* using this to center text vertically. Could also do so by changing padding/height of menubarbox */
}
div.menuBarBox a:hover {
background-color: white;
color: black;
font-weight: bold;
}
Next, add the following segment to the bottom half of your html coding. I have mine between the "header-wrapper" segment and the "cross-col wrapper" segment. Unfortunately you have to go change all of the "<"s to "("s (same thing for the opposite direction). You'll save yourself a lot of time if you just copy and paste this segment from my source code here):
(div class='menuBar')Change all the links, labels and titles as desired. Make sure you don't accidentally erase any of the quotation marks when you edit things - that'll make a real mess of things.
(div class='menuBarBox')(a class='false' href='http://studeo.blogspot.com/' title='Home page')Home(/a)(/div)
(div class='menuBarBox')(a class='false' href='http://studeo.blogspot.com/2005/05/about-us.html' title='Meet the Family')About Us(/a)(/div)
(div class='menuBarBox')(a class='false' href='http://studeo.blogspot.com/2007/07/our-other-sites.html' title='Our other websites and various projects')Projects(/a)(/div)
(div class='menuBarBox')(a class='false' href='http://studeo.blogspot.com/2005/05/oddsnends.html' title='Miscellaneous and Possibly Useful Information')Highlights(/a)(/div)
(div class='menuBarBox')(a class='false' href='http://studeo.blogspot.com/2005/05/book-lists.html' title='Book Lists of All Sorts')Book Lists(/a)(/div)
(div class='menuBarBox')(a class='false' href='http://studeo.blogspot.com/2005/05/links.html' title='Favorite Links')Links(/a)(/div)
(div class='menuBarBox')(a class='false' href='http://studeo.blogspot.com/search/label/photos%2Fdrawings' title='Photos and Drawings')Photos(/a)(/div)
(/div)
***
UPDATED: This is Lissa chiming in to say I was sure I had posted here about adding a top menu bar to Typepad blogs, but it turns out I only mentioned it on Bonny Glen.** Here's the link to the post where I found instructions: Jimmy the Geek's Typepad Hacks. You can only do this with a Pro level account, and you'll have to convert your design to Advanced Templates. (Which turned out to be a very simple thing to do.)
Jimmy uses vertical bars to separate the items in his menu; I changed mine to little leaves (click on Bonny Glen and you'll see what I mean) by replacing the bars with image code:
(img src="http://yourimageurl")
(Replace the parentheses with pointy brackets, and of course you have to upload the image to your Typepad Files (under Control Panel) first, in order to get the URL.)
Just make sure you backup your template before attempting any of this tinkering! I tried mine out on a test blog first.
**UPDATED AGAIN: I knew I'd posted about top menu bars on this blog! I found it buried at the bottom of this post. Aha.
Thursday, July 5, 2007
Creating a Border Around Posts and Sidebar Items
I have been asked to explain how I created a thin-lined box around each of my posts and my sidebar items on my personal blog. When I first learned how to do this, it was from copying a template that I had made for me long ago, so hopefully I’ll be able to remember all the steps!
This may work with other Blogger templates, but I have used "Minima" for all of mine, so this is what I know best, and what I'll be using for this explanation.
First, find the place in the HTML for your template that says:
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
You then need to add a few lines describing the border, as below. I added a background color which changes the color inside the box I’ve created, and "padding" which keeps the post text a certain distance from the box (like a margin). You can create a boarder with a wider pixel (px) width, but I like the thin look of 1 px.
Here are the changes:
.post {
background: #ffffff;
margin:.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid #000066;
border-bottom:1px solid #000066;
border-width:1px 1px 1px;
}
To do the same on the sidebar, find:
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
And make similar changes as above, adding lines for background color, borders, and padding:
.sidebar ul {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid #000066;
border-bottom:1px solid #000066;
border-width:1px 1px 1px;
border-bottom:1px line #000066;
The numbers represent html color codes, you will choose colors you like, based on the rest of your template look.
This may work with other Blogger templates, but I have used "Minima" for all of mine, so this is what I know best, and what I'll be using for this explanation.
First, find the place in the HTML for your template that says:
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
You then need to add a few lines describing the border, as below. I added a background color which changes the color inside the box I’ve created, and "padding" which keeps the post text a certain distance from the box (like a margin). You can create a boarder with a wider pixel (px) width, but I like the thin look of 1 px.
Here are the changes:
.post {
background: #ffffff;
margin:.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid #000066;
border-bottom:1px solid #000066;
border-width:1px 1px 1px;
}
To do the same on the sidebar, find:
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
And make similar changes as above, adding lines for background color, borders, and padding:
.sidebar ul {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid #000066;
border-bottom:1px solid #000066;
border-width:1px 1px 1px;
border-bottom:1px line #000066;
The numbers represent html color codes, you will choose colors you like, based on the rest of your template look.
Saturday, June 2, 2007
Typepad's New "Pages" Feature
One of the features I have admired (envied) on WordPress blogs is the ability to create separate pages connected to the blog. The pages are usually accessed via tabs in the top menu bar. The blogger might have an About page, a Links page, etc—the sort of info that can really clutter up a sidebar. Moving this info to a separate page makes for a cleaner, more readable blog.
Here's an example of a WordPress blog that uses pages for organization. There's the home page, the about page, and the links page.
Well, TypePad has now added a Pages feature too. Hooray!
You'll notice the "Create a new page" or "list pages" options in your Typepad user panel, next to "Create a new post" and "list posts."
There are endless ways to use pages to organize your blog. I'm in the process of setting up a "Best of Bonny Glen" page, where my best posts will be organized by broad category. Right now I have a Bonny Glen Highlights typelist in my sidebar, but I think having these links on a separate page will work better (and hold more information). I'll put a link to the Best Of page at the top of my sidebar, next to my Archives link.
I also created a page for recording our ongoing list of family sightseeing adventures now that we live in Southern California. Again, I put a link to this page in my sidebar.
Other page content ideas:
• Booklists
• Photos
• Homeschooling plans
• Recommended resources
• Prayer lists
• Used books for sale
• Family bios
The sky's the limit!
To allow your readers to access your pages, Typepad lets you add a Pages list to your sidebar (in the same way you add a list of Recent Posts or Recent Comments; simply go to "Edit Content" to select the Show Pages option). Or if you want a more customized link, you can put it in a Typelist, as I did with my "San Diego Sights" page—I wanted to include a photo button to make the link more eye-catching.
You can even create a top (horizontal) menu bar like on WordPress blogs—if you're comfortable working with Advanced Templates in TypePad. TypePad Hacks explains how.
UPDATED TO ADD: I did it! Created the top menu bar, that is. I followed the simple instructions in that first link, and it worked perfectly. A caveat, though: in order to install the menu bar, you've got to convert your template to Advanced Templates. And TypePad widgets don't work with Advanced Templates, just FYI. I had to go in and manually insert all the code I had formerly installed as widgets: "subscribe to my feed" links, mybloglog, sitemeter, and so forth.
Here's an example of a WordPress blog that uses pages for organization. There's the home page, the about page, and the links page.
Well, TypePad has now added a Pages feature too. Hooray!
You'll notice the "Create a new page" or "list pages" options in your Typepad user panel, next to "Create a new post" and "list posts."
There are endless ways to use pages to organize your blog. I'm in the process of setting up a "Best of Bonny Glen" page, where my best posts will be organized by broad category. Right now I have a Bonny Glen Highlights typelist in my sidebar, but I think having these links on a separate page will work better (and hold more information). I'll put a link to the Best Of page at the top of my sidebar, next to my Archives link.
I also created a page for recording our ongoing list of family sightseeing adventures now that we live in Southern California. Again, I put a link to this page in my sidebar.
Other page content ideas:
• Booklists
• Photos
• Homeschooling plans
• Recommended resources
• Prayer lists
• Used books for sale
• Family bios
The sky's the limit!
To allow your readers to access your pages, Typepad lets you add a Pages list to your sidebar (in the same way you add a list of Recent Posts or Recent Comments; simply go to "Edit Content" to select the Show Pages option). Or if you want a more customized link, you can put it in a Typelist, as I did with my "San Diego Sights" page—I wanted to include a photo button to make the link more eye-catching.
You can even create a top (horizontal) menu bar like on WordPress blogs—if you're comfortable working with Advanced Templates in TypePad. TypePad Hacks explains how.
UPDATED TO ADD: I did it! Created the top menu bar, that is. I followed the simple instructions in that first link, and it worked perfectly. A caveat, though: in order to install the menu bar, you've got to convert your template to Advanced Templates. And TypePad widgets don't work with Advanced Templates, just FYI. I had to go in and manually insert all the code I had formerly installed as widgets: "subscribe to my feed" links, mybloglog, sitemeter, and so forth.
Wednesday, May 23, 2007
Hosting a Blog Carnival
A great way to bring new visitors to your blog is to volunteer to host a blog carnival. Here are a few thoughts on successful carnival hosting. Please feel free to add your suggestions to the comment boxes.Begin with a Subject you like
If you’ve been hesitant to volunteer to host a carnival try beginning with a carnival on a subject you are passionate about. Most likely, this is the main subject of your blog and the carnival will make a good fit with your overall theme. The carnival will be a win/win for you and your blog. You will find out about other blogs and posts on your favorite topic in addition to bringing readers to your blog.
Decide on a Theme
How will you organize the posts you receive from others?
Sherry at Semicolon used each day of the month for the Third Carnival of Children's Literature Poetry edition.
I used the virtues of Our Lady when hosting a Loveliness of Motherhood carnival.
Decide on Style
Will there be something that is frequently repeated?
Try to establish a consistent way of writing this.
For example Melissa Wiley at Here in the Bonny Glen hosted the Carnival of Children's Literature: Broken Toe Edition. All the posts are in bright blue links while the author's name and blog are in bold.
The group blog 10,000 Birds used green to highlight each of the posts for their carnival
Carnival of the Recipes: The Meatless Edition . If you stop by their blog be sure to check out their suggestions on hosting a blog carnival as well!
Badge or Clipart
Consider making a badge or simply using some free clipart which will be displayed proudly in each of the participants' posts. (antique clipart)
Dana, from Principled Discovery used airplane clip art for
Taking Flight, Week 37 of the Carnival of Homeschooling.
Dana also did a fabulous job of integrating all the links and crafting a carnival which read like a story.
Consider creating a mailing list
Respond to each entry via email. Create a list for this specific carnival in your address book. When the carnival is up at your blog, you can easily send a message via the list to each of the participants that the carnival is ready.
If you feel you might have missed a link, the email list can be a source for double checking the entries you received.
Try to Personalize
A blog carnival is basically a blog post with a lot of links. The goal of creating an inviting carnival is to try to integrate the links so that the whole reads like a narrative.
Mark Chu-Carroll of Good Math, Bad Math makes the Second Carnival of Mathematics: The Math Geeks are Coming to Town! read like slapstick comedy.
Try to read each entry and respond to the participant by making a small comment about the entry to the submitter. Sometimes, you receive feedback which helps to personalize your carnival.
The comment section offers a rich field for personalizing your carnival. Read the post and comments.
Photographs make any post leap off the page. Anne from Hawaii's Palmtree Pundit 72nd Carnival of Homeschooling is greatly enhanced by her use of photographs.
Encourage early submissions
Post plenty of reminders your blog and other blog meeting places.
Dawn at By Sun and Candlelight is very good at reminding her readers of her Nature Carnivals.
If you receive a few entries each day, it won’t be difficult to read each post carefully and make a personal reflection on the post. This will help to make your carnival stand out.
Practical preparations
Open a draft file for your carnival at your blog. Set the date on the post to reflect the scheduled date. Often the carnival time is set to midnight.
Be careful not to lose any links. I also like to keep a Word document going. I copy my blog post and paste it into word. (Helps with the spell check.)
Many bloggers have a practice blog where they try out new themes without alerting all their readers. Many blog sites offer free blog hosting, consider putting your carnival up at your practice blog and check through the links. Once satisfied, you can transfer the post (edit html to edit html) to your public blog and announce the arrival of the carnival. (In my last carnival, I used a lot of images. It was a great help to use my practice blog to iron out the placement of the pictures.)
If you don't have a practice blog, you can try out some theme/color variations in some of your regular posts before the carnival. Some alterations look different once the "publish post" button is pressed.
It's always great to have a proofreader. Ask a friend!
Try to have your carnival ready in advance so that you give yourself a little room in case your family needs you.
A final thought, if you like the idea of hosting a cocktail party but you don’t like to do dishes, hosting a blog carnival is a great option. With a little preparation and planning you can bring together bloggers, engage in stimulating conversation, get to know new people *and* leave the dish towel in the drawer!
Sunday, May 20, 2007
Scrolling Blogrolls for the Sidebar (Blogger)
I'm answering my own question, thanks to some wonderful html work by Susan/Taffy of the 4 Real Learning Forums, who made a nice widget with 4Real blogs on it. :) Also thanks to Blogrolling, who is now giving out for free what they used to charge for - the ability to have several blogrolls under one account. With these two things in hand, I'm all set:
First, set up an account at Blogrolling.com and start one or as many separate lists of links as you like.
Now go into Blogger and click on "layout" for the blog you want to edit. Click on "Add a Page Element" on the sidebar, and chose "HTML/Javascript".
Now add the following html/javascript to the box that opened - changing all parenthesis ( ) to "arrows" i.e. > and < :
(div style="height:100px; overflow:auto;")
(center)
(The Javascript Link You Are About to Get From Blogrolling)(/center)(/div)
Go to your account at Blogrolling and click on "get code" for the blogroll you want to include on your sidebar. Chose the Javascript code (the first option) and copy and paste it above where I have "The Javascript Link You Are About to Get From Blogrolling")
Now don't forget to click save! :)
You can change the height in the first line of html to whatever you like. I like mine on the small side (100px) but that is just personal preference.
Since you can now have several blogrolls at Blogrolling.com, you can make more scrolling sidebar lists in the same way, for example you could have "Favorite Blogs," "Favorite Websites," "Books I'm reading (with links to Amazon)," etc.
First, set up an account at Blogrolling.com and start one or as many separate lists of links as you like.
Now go into Blogger and click on "layout" for the blog you want to edit. Click on "Add a Page Element" on the sidebar, and chose "HTML/Javascript".
Now add the following html/javascript to the box that opened - changing all parenthesis ( ) to "arrows" i.e. > and < :
(div style="height:100px; overflow:auto;")
(center)
(The Javascript Link You Are About to Get From Blogrolling)(/center)(/div)
Go to your account at Blogrolling and click on "get code" for the blogroll you want to include on your sidebar. Chose the Javascript code (the first option) and copy and paste it above where I have "The Javascript Link You Are About to Get From Blogrolling")
Now don't forget to click save! :)
You can change the height in the first line of html to whatever you like. I like mine on the small side (100px) but that is just personal preference.
Since you can now have several blogrolls at Blogrolling.com, you can make more scrolling sidebar lists in the same way, for example you could have "Favorite Blogs," "Favorite Websites," "Books I'm reading (with links to Amazon)," etc.
Friday, May 18, 2007
Posting Audio and Video To Your Blog
Marianne asks:
The first thing you need is hosting for your mp3 file. You can find some by googling "mp3 hosting". Some hosting sites are Wiki Upload, Imeem, GabCast, and Garage Band. You simply sign up for an account, upload your audio, and you will be given the html code to insert into your post/site.
There are lots of options for videos as well, such as YouTube, Google Video, or PhotoBucket. The uploading-sharing process is similar to audio.
Two useful things to know:
Both audio and video can be shared successfully on any blog, not just Blogspot/Blogger. Typepad makes it easy to insert content -- they have their own uploading tool; the tutorial can be found here. Wordpress users, click here for Lorelle's post on Video, Music, Podcasts, Audio, and Multimedia WordPress Plugins.
Image-, audio- and video-hosting services are popping up (and disappearing) all the time, so if I hear of any other noteworthy additions, I'll edit this post. Or, if you know of any that you'd like to share, please let us know!
I wrote a song and had it recorded a few years ago. It is an mp3 file. [snip] How do I do audio on blogspot?
The first thing you need is hosting for your mp3 file. You can find some by googling "mp3 hosting". Some hosting sites are Wiki Upload, Imeem, GabCast, and Garage Band. You simply sign up for an account, upload your audio, and you will be given the html code to insert into your post/site.
There are lots of options for videos as well, such as YouTube, Google Video, or PhotoBucket. The uploading-sharing process is similar to audio.
Two useful things to know:
- Many of the mp3 and video hosting sites allow content that is not suitable for kids. Be aware that if people click on the hosting link on your audio/video content, they will be taken to the hosting site, where other people's videos are displayed.
- If you want more privacy for your videos, choose a site that will allow you to keep them private and viewable only by the people you choose. One good example is Multiply, which is helpful especially if you want one place for all your stuff: music, video, photos, blog, reviews.
Both audio and video can be shared successfully on any blog, not just Blogspot/Blogger. Typepad makes it easy to insert content -- they have their own uploading tool; the tutorial can be found here. Wordpress users, click here for Lorelle's post on Video, Music, Podcasts, Audio, and Multimedia WordPress Plugins.
Image-, audio- and video-hosting services are popping up (and disappearing) all the time, so if I hear of any other noteworthy additions, I'll edit this post. Or, if you know of any that you'd like to share, please let us know!
Tuesday, May 15, 2007
Test Blogs
Over at the Moms Who Blog Discussion Group, Helen asked about a "test blog." I shared the following steps for setting one up.
I use my test blog to play around with my template, to learn about html, and to save a few photos.
Your test blog can be set up so that it's not visible on your profile page, if you follow these instructions (on Blogger):
Set up your test blog, then, go to "Settings."
Under "Basic", select "No" for "Add your blog to our listings?"
Under "publishing" select "No" on "send pings?"
Under "permissions" select "Only blog authors" or "only people I choose" under "Blog readers."
Also, from your Dashboard, there is an option for editing your profile. You can check to make sure your test blog is invisible from there. Take a look at "Select Blogs to Display." If you've answered all of the above as noted, your test blog shouldn't even show up as an option there.
All of the above has worked for me to have a test blog that is visible on my dashboard, but not visible in my profile to the public.
I use my test blog to play around with my template, to learn about html, and to save a few photos.
Your test blog can be set up so that it's not visible on your profile page, if you follow these instructions (on Blogger):
Set up your test blog, then, go to "Settings."
Under "Basic", select "No" for "Add your blog to our listings?"
Under "publishing" select "No" on "send pings?"
Under "permissions" select "Only blog authors" or "only people I choose" under "Blog readers."
Also, from your Dashboard, there is an option for editing your profile. You can check to make sure your test blog is invisible from there. Take a look at "Select Blogs to Display." If you've answered all of the above as noted, your test blog shouldn't even show up as an option there.
All of the above has worked for me to have a test blog that is visible on my dashboard, but not visible in my profile to the public.
Sunday, May 13, 2007
Blogging Etiquette: Giving Credit Where Credit Is Due
One of the greatest delights of blogging is the easy idea-sharing. Blogs allow us to peek into other families' homes, to see how other moms are making things work. From book reviews to recipes to craft ideas to housework management strategies, a vast treasury of ideas is right here for us at the click of a mouse. I have learned so much from my fellow mom-bloggers, much that has had a tangible effect on my family's home life.
But the very ease with which ideas can be shared online makes for some fuzzy lines regarding proper attribution. Blogger X posts a recipe, and Blogger Y links to it, and Bloggers A, B, and C link to Blogger Y's link, and before you know it, the recipe has entered the public domain, so to speak, and there's little chance it will ever be traced back to its original source.
Now, perhaps with recipes that isn't such a big deal. If you post a recipe online, you're sharing it with the world, and you probably aren't really expecting or desiring strangers in other countries to announce to their dinner guests, "This souffle was invented by Mrs. Jo Q. Blogger in Peoria, Illinois!"
Still, protecting intellectual ownership ought to be on our minds as we write posts. Unless you have assigned copyright to a third party, you own the words you post to your blog. You also "own" the ideas you share, though "ideas" is a murky term and ownership or origin of ideas is something much harder to pin down.
We will address plagiarism and copyright issues in future posts, but for now let's focus on simple blog etiquette. There are some simple steps bloggers can take to ensure that credit for a great idea is given to the person who "thunk it up."
Treat an idea the way you would a quote: Give it proper attribution.
Remember back in college, when you had to include certain information for every quote you used in a paper? Author's name, title of book, and publication info? We should be treating internet quotes the same way. If you're inspired by an idea in someone else's post, be sure to include the source in your own post—the more source info, the better. Include the other blogger's name and blog title, as well as a link to the post in question.
Put the attribution info in the link itself.
From watching my SiteMeter and MyBlogLog stats, I have learned that only 10-20% of readers actually click through to any given link. I was pretty surprised by these low click-through numbers! What this means is that you can't assume your readers will click a link to find out whose idea you are sharing. It's best to give as much source information as possible right in the link itself.
For example,
A better option would be:
Even better would be to add an enticing phrase that encourages your reader to click through— "You've got to see her gorgeous photos!" would do the trick. But again, don't assume that a teaser is going to make every reader click the link. Include as much source info as possible in the top layer of your post.
If nothing else, give a tip of the hat.
Hat-tipping is a common blogging practice; I'm sure you've seen plenty of examples. It is usually done when a blogger is sharing a quick quote or link, and looks like this:
If people unwittingly give you credit for someone else's idea, try to set the record straight.
One of my most popular and oft-linked posts is a piece I wrote on Bonny Glen about using the concept of "pegs" to organize our learning days. Even though I was careful to give credit to Leonie, the person who (on a yahoogroup long ago) introduced me to the idea of pegs, on more than one occasion I have seen references to "Melissa Wiley's great pegs concept" on other people's blogs. While I have appreciated the links to my post, I certainly don't want to take credit for Leonie's thoughts!
Whenever I discover such a case, I try to leave a comment on the other blog giving credit where credit is properly due.
Now, in this example, I don't have a specific post by Leonie to link to, since her thoughts on pegs were shared on a discussion list instead of a blog. But I can link to her blog, and thus hope that readers will encounter more of her wisdom in her own space.
Similarly, there have been many times that I have seen concepts I did originate incorporated into other people's posts with no mention of my name. It's not that I'm a credit-hog, nor are you when you wince at seeing your words or ideas used by someone else with no reference back to you. What we are is being properly protective against plagiarism.
Internet plagiarism is a big enough problem already; there are lots of people who don't care about stealing other people's words and ideas. Those of us who DO care can help keep the lines firmly drawn by being very careful to always give full credit wherever credit is due.
But the very ease with which ideas can be shared online makes for some fuzzy lines regarding proper attribution. Blogger X posts a recipe, and Blogger Y links to it, and Bloggers A, B, and C link to Blogger Y's link, and before you know it, the recipe has entered the public domain, so to speak, and there's little chance it will ever be traced back to its original source.
Now, perhaps with recipes that isn't such a big deal. If you post a recipe online, you're sharing it with the world, and you probably aren't really expecting or desiring strangers in other countries to announce to their dinner guests, "This souffle was invented by Mrs. Jo Q. Blogger in Peoria, Illinois!"
Still, protecting intellectual ownership ought to be on our minds as we write posts. Unless you have assigned copyright to a third party, you own the words you post to your blog. You also "own" the ideas you share, though "ideas" is a murky term and ownership or origin of ideas is something much harder to pin down.
We will address plagiarism and copyright issues in future posts, but for now let's focus on simple blog etiquette. There are some simple steps bloggers can take to ensure that credit for a great idea is given to the person who "thunk it up."
Treat an idea the way you would a quote: Give it proper attribution.
Remember back in college, when you had to include certain information for every quote you used in a paper? Author's name, title of book, and publication info? We should be treating internet quotes the same way. If you're inspired by an idea in someone else's post, be sure to include the source in your own post—the more source info, the better. Include the other blogger's name and blog title, as well as a link to the post in question.
Put the attribution info in the link itself.
From watching my SiteMeter and MyBlogLog stats, I have learned that only 10-20% of readers actually click through to any given link. I was pretty surprised by these low click-through numbers! What this means is that you can't assume your readers will click a link to find out whose idea you are sharing. It's best to give as much source information as possible right in the link itself.
For example,
I love this idea for counting down the days of Lent—we're going to hang up a string of purple paper fish and pull one off every day until Easter!attempts to give credit to Suzanne Temple, the person who came up with the original idea, but it relies upon click-through to do so. If a reader doesn't click the link, she won't know where the idea came from.
A better option would be:
Suzanne over at Blessed Among Men shared a great idea for counting down the days of Lent. You hang up a string of purple paper fish and pull one off every day until Easter.Here, you see I have linked both to Suzanne's main page and the permalink for the post where she shared her fish idea. It's an extra step for the blogger, but provides the reader with two opportunities to visit Suzanne's site, and gives Suzanne (who, by the way, is going to be blushing like mad when she sees I've used her as an example!) a clear and thorough attribution.
Even better would be to add an enticing phrase that encourages your reader to click through— "You've got to see her gorgeous photos!" would do the trick. But again, don't assume that a teaser is going to make every reader click the link. Include as much source info as possible in the top layer of your post.
If nothing else, give a tip of the hat.
Hat-tipping is a common blogging practice; I'm sure you've seen plenty of examples. It is usually done when a blogger is sharing a quick quote or link, and looks like this:
HT: Blessed Among MenYou stick the hat tip at the bottom of a post. Remember, it's better to use the permalink to a specific post than to link to the main blog site. For example, using Suzanne Temple's fish post above, you'd want to link to:
http://blessedamongmen.blogspot.com/2007/02/shish.htmlrather than just
http://blessedamongmen.blogspot.comTo find the permalink, try clicking on the post's title (not the blog title), or on the date-stamp at the bottom of the post. On Typepad blogs, of course, you can just click the word "permalink." (Clicking the post title works, too.)
If people unwittingly give you credit for someone else's idea, try to set the record straight.
One of my most popular and oft-linked posts is a piece I wrote on Bonny Glen about using the concept of "pegs" to organize our learning days. Even though I was careful to give credit to Leonie, the person who (on a yahoogroup long ago) introduced me to the idea of pegs, on more than one occasion I have seen references to "Melissa Wiley's great pegs concept" on other people's blogs. While I have appreciated the links to my post, I certainly don't want to take credit for Leonie's thoughts!
Whenever I discover such a case, I try to leave a comment on the other blog giving credit where credit is properly due.
Now, in this example, I don't have a specific post by Leonie to link to, since her thoughts on pegs were shared on a discussion list instead of a blog. But I can link to her blog, and thus hope that readers will encounter more of her wisdom in her own space.
Similarly, there have been many times that I have seen concepts I did originate incorporated into other people's posts with no mention of my name. It's not that I'm a credit-hog, nor are you when you wince at seeing your words or ideas used by someone else with no reference back to you. What we are is being properly protective against plagiarism.
Internet plagiarism is a big enough problem already; there are lots of people who don't care about stealing other people's words and ideas. Those of us who DO care can help keep the lines firmly drawn by being very careful to always give full credit wherever credit is due.
Saturday, May 12, 2007
Blogger 101: Adding a Background Photo Border
This works better in a template that has post and sidebar areas that are separated from the background area such as this and this, but not this or this. (Because otherwise your photo will run behind your text and that could be awfully hard to read).
Suggestion: Even with a photo as a border, take a look at the overall effect and try to choose something that's not too overwhelming. I know I'm a little on the visually sensitive side - if something is too loud or dramatic, it makes it hard for me to comfortably read the text (I also don't like it when people have audio things playing on their site or flashing and moving characters - what my husband calls "dancing baloney" - I personally think opt-in is good for extra effects). You might also want to consider that some people have dial-up and/or slower computers and a lot of extra files to load can make it hard for them.
Anyway, on to the hacking...
Here's an example of the segment of text in which to insert your photo. This is from a rounders template (but with an already-tweaked background color):
Happy Mother's Day!
Suggestion: Even with a photo as a border, take a look at the overall effect and try to choose something that's not too overwhelming. I know I'm a little on the visually sensitive side - if something is too loud or dramatic, it makes it hard for me to comfortably read the text (I also don't like it when people have audio things playing on their site or flashing and moving characters - what my husband calls "dancing baloney" - I personally think opt-in is good for extra effects). You might also want to consider that some people have dial-up and/or slower computers and a lot of extra files to load can make it hard for them.
Anyway, on to the hacking...
Here's an example of the segment of text in which to insert your photo. This is from a rounders template (but with an already-tweaked background color):
body {The way I figured out how to do this was to sneak some code from a scribe template (which has a background image) into a different template and plug in my own photo url. Here is the coding segment from the scribe template:
background:#C5B795;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}
body {This is the coding I used at Love2learn Moments.
margin:0;
padding:0;
font-size: small;
text-align:center;
color:$textColor;
line-height:1.3em;
background:#483521 url("http://www.blogblog.com/scribe/bg.gif") repeat;
}
body {You can find photo suggestions in this post.
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
font-size: small;
background:#666 url("http://www.love2learn.net/blog/rockybackground.jpg") repeat;
}
Happy Mother's Day!
Wednesday, May 9, 2007
How to Add a Signature to Your Posts, for Blogger
If you like the look and personalization of having a signature like this: 
at the end of your posts, try this:
Go to My Live Signature. Click on "proceed" and "create signature".
You can then either click on creating a new signature, or uploading a scanned image of your real signature. Let My Live Signature walk you through the steps to create a signature you are happy with. If you create one with their fonts, you can chose the look, size, slant, etc. (You also can waste way too much time and also feel a little crazy at the end because after seeing your name 120 times in different fonts it ceases to have any meaning, lol! That is the fun part. ;-) )
You can save the final product as an image to your hard drive by right clicking on the signature and choosing "save image as", naming it and placing it on your computer where you see fit. Or you can click on "Want to use this signature?" at the end of your process and it will create HTML code for you to place on your blog.
If you decide to use their HTML, copy it, then go into blogger. Click on "Settings" in your blog dashboard, and then "formatting". Scroll down to the bottom where it says "post template." Paste the code you just copied into that template. When you next go to make a new post, that code will already be in it. Just make sure you type your post *above* the code, or your signature will come first in your post.
If you would rather host your own image in a place like Photobucket, right click on the signature image provided by My Live Signature like I described above, save it to your computer, then upload to your hosting place. Copy the HTML they give you, then place this code in the "post template" section under "settings" in blogger like described in the last paragraph: (replace parenthesis with <> )
(img src="http://theURLyoujustcopied.png")
and save. Have fun!
at the end of your posts, try this:Go to My Live Signature. Click on "proceed" and "create signature".
You can then either click on creating a new signature, or uploading a scanned image of your real signature. Let My Live Signature walk you through the steps to create a signature you are happy with. If you create one with their fonts, you can chose the look, size, slant, etc. (You also can waste way too much time and also feel a little crazy at the end because after seeing your name 120 times in different fonts it ceases to have any meaning, lol! That is the fun part. ;-) )
You can save the final product as an image to your hard drive by right clicking on the signature and choosing "save image as", naming it and placing it on your computer where you see fit. Or you can click on "Want to use this signature?" at the end of your process and it will create HTML code for you to place on your blog.
If you decide to use their HTML, copy it, then go into blogger. Click on "Settings" in your blog dashboard, and then "formatting". Scroll down to the bottom where it says "post template." Paste the code you just copied into that template. When you next go to make a new post, that code will already be in it. Just make sure you type your post *above* the code, or your signature will come first in your post.
If you would rather host your own image in a place like Photobucket, right click on the signature image provided by My Live Signature like I described above, save it to your computer, then upload to your hosting place. Copy the HTML they give you, then place this code in the "post template" section under "settings" in blogger like described in the last paragraph: (replace parenthesis with <> )
(img src="http://theURLyoujustcopied.png")
and save. Have fun!
Easy Online Photo Editing
An easy service for you to edit your photos online can be found at PXN8 (Pixenate).
Basic instructions:
1. Click on the "Choose Your Image to Edit". Navigate to the file you want on your computer and double click or press "Open" to upload.
2. The service will say "Uploading image, please wait", then it will open the editing tool. Resize, crop, enhance as you wish. I love the "fun effects" option. Note that there are UNDO and REDO buttons if you try something out and you don't like the result.
3. Click on "Save" when you're happy with your picture. This will open a download window (it automatically formats your pic as JPG) so you can save it to your PC.
A simpler service is also available at Snipshot.com.
Other similar services offering different capabilities are Cellsea, Online Image Editor and Fotocrib.
Basic instructions:
1. Click on the "Choose Your Image to Edit". Navigate to the file you want on your computer and double click or press "Open" to upload.
2. The service will say "Uploading image, please wait", then it will open the editing tool. Resize, crop, enhance as you wish. I love the "fun effects" option. Note that there are UNDO and REDO buttons if you try something out and you don't like the result.
3. Click on "Save" when you're happy with your picture. This will open a download window (it automatically formats your pic as JPG) so you can save it to your PC.
A simpler service is also available at Snipshot.com.
Other similar services offering different capabilities are Cellsea, Online Image Editor and Fotocrib.
Blogger 101: Changing the Background Color
Find this segment of your template:
I used this color: #4aa1c2 on my test site which you can view here (I picked up the color from my t-shirt in the banner photo).
By the way, I noticed that in the "rounders" template, it looks substantially different, so I thought I'd add that example here:
Here "aba" is the background color.
body {Look at the line that begins with "background:". You may or not have an image url in there. The number 692 is the bright green color that comes standard with the Son of Moto template. You can use Amy's links to find a good color online or find one in a program like Paint Shop Pro (sometimes I use the "medicine dropper" mode to pick up a color from a particular picture).
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
font-size: small;
I used this color: #4aa1c2 on my test site which you can view here (I picked up the color from my t-shirt in the banner photo).
By the way, I noticed that in the "rounders" template, it looks substantially different, so I thought I'd add that example here:
body {
background:#aba;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}
Here "aba" is the background color.
Subscribe to:
Posts (Atom)