Want to make your blog list longer, so that you can see more EtsyMom Shops.....
Change the number after "height:" and before "px"
You can make it as long as you want;
300 works for mine right now, but I used to have it at 450.
Code in EtsyMom Forum
Tuesday, February 26, 2008
Thursday, February 21, 2008
Changing Font Colors
Go to Layout; then Fonts and Colors
Scroll down until you see Sidebar Text and Sidebar Link Visited
If you don't see a color you like, go to http://www.computerhope.com/htmcolor.htm
Choose your color, Copy the Code (#ffffff); then Paste it into the box highlighted with a green circle.
Save Changes
Scroll down until you see Sidebar Text and Sidebar Link Visited
If you don't see a color you like, go to http://www.computerhope.com/htmcolor.htm
Choose your color, Copy the Code (#ffffff); then Paste it into the box highlighted with a green circle.
Save Changes
Sunday, February 17, 2008
Posting a Photo from Flickr on a blog
FYI ~ I use Flickr, but do not use them for hosting my website and blog images. I prefer Photobucket.com for image hosting. People do use them for hosting, so here is how to get an image URL. :) Have a great day!
Click on the Flickr photo you want to use.
Place your mouse over the picture and Right Click
Choose Properties
Highlight and Copy (ctrl+C) the file URL
http://farm2.static.flickr.com/1024/1248805671_ace89be467_m.jpg
The URL will end with .jpg ~ do not copy the other information at the end of the URL. See what I have highlighted for example.
Paste (ctrl+V) into html
This code:
Produces this Flickr Image:
Add width="250" after the .jpg" to size the image ~ change 250 to any number depending on the size you want.
Click on the Flickr photo you want to use.
Place your mouse over the picture and Right Click
Choose Properties
Highlight and Copy (ctrl+C) the file URL
http://farm2.static.flickr.com/1024/1248805671_ace89be467_m.jpg
The URL will end with .jpg ~ do not copy the other information at the end of the URL. See what I have highlighted for example.
Paste (ctrl+V) into html
This code:
Produces this Flickr Image:
Add width="250" after the .jpg" to size the image ~ change 250 to any number depending on the size you want.
Friday, February 15, 2008
Edit Minima Blog Template
Log in to your Blog
Go to 'Layout'
Then 'Edit HTML'
Before you change any of the code ~ Save a Copy ~
Choose 'Download a Full Copy' save it somewhere on computer ~ title blog template.
Just in case! :)
Scroll down until you see Header
Change 660 px to 820
Don't add any spaces, only change the numbers.
Scroll down #header description
Change 700 px to 820
Scroll down to Outer-Wrapper
Change Outer-Wrapper width from 660 px to 820
Change Main-Wrapper width from 410 px to 600
Leave Sidebar-wrapper at 220. Main-wrapper and Sidebar-wrapper can be adjusted.
Together they should be less than 820.
Scroll down to #footer
Change width from 660 px to 820
Click 'Save Template'
Go to 'Layout'
Then 'Edit HTML'
Before you change any of the code ~ Save a Copy ~
Choose 'Download a Full Copy' save it somewhere on computer ~ title blog template.
Just in case! :)
Scroll down until you see Header
Change 660 px to 820
Don't add any spaces, only change the numbers.
Scroll down #header description
Change 700 px to 820
Scroll down to Outer-Wrapper
Change Outer-Wrapper width from 660 px to 820
Change Main-Wrapper width from 410 px to 600
Leave Sidebar-wrapper at 220. Main-wrapper and Sidebar-wrapper can be adjusted.
Together they should be less than 820.
Scroll down to #footer
Change width from 660 px to 820
Click 'Save Template'
Labels:
Blog,
computer help,
Douglas Bowman,
HTML Code,
HTML Code to a Blog,
Minima,
stretch blog,
Widen Blog
Edit Scribe Blog Template
Log in to your Blog
Go to 'Layout'
Then 'Edit HTML'
Before you change any of the code ~ Save a Copy ~
Choose 'Download a Full Copy'
Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_topp.jpg
and Paste (Ctrl+V) over this selected area in your template:
Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_bottom.jpg
and Paste (Ctrl+V) over this selected area in your template:
Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_middle.jpg
and Paste (Ctrl+V) over this selected area in your template:
Change all four 700 px widths to 820
Change 430px to 550
Change 150px to 210
These can be adjusted, but must stay below 770 total.
Click 'Save Template'
Click on this image to save a copy of the header graphic on this blog ~ it matches the background. To save the image Right Click and Save Picture
Go to 'Layout'
Then 'Edit HTML'
Before you change any of the code ~ Save a Copy ~
Choose 'Download a Full Copy'
Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_topp.jpg
and Paste (Ctrl+V) over this selected area in your template:
Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_bottom.jpg
and Paste (Ctrl+V) over this selected area in your template:
Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_middle.jpg
and Paste (Ctrl+V) over this selected area in your template:
Change all four 700 px widths to 820
Change 430px to 550
Change 150px to 210
These can be adjusted, but must stay below 770 total.
Click 'Save Template'
Click on this image to save a copy of the header graphic on this blog ~ it matches the background. To save the image Right Click and Save Picture
Labels:
HTML,
HTML Code,
HTML Code to a Blog,
Scribe,
Todd Dominey,
Widen Blog
Thursday, February 7, 2008
Add a Page Element 101
Subscribe to:
Posts (Atom)