Friday, May 1, 2009

Fonts and Colors

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

10. Blogger: Fonts and Colors




Today we are learning:
How to customize fonts and colors on your blog. It;s really SUPER easy. All you do is go to: LAYOUT> Fonts and colors and play around with it!



Watch the video:

Password: blogger09




Fonts and Colors from Wilna Furstenberg on Vimeo.



If you have any questions, leave me a comment. Also link me in the comments to your new blingy blog so that I can leave YOU a comment. Again, the only condition for me to help you would be that you watched the video and followed the instructions carefully!

Show us your blog:
Visit Bling Out Your Blog 2.0 Students
Comments (2) 2 Thursday, 30 April 2009 13:45 Deborah Dowd
I can not get into it either. It says invalid. Thanks so much.
Reply 1 Thursday, 30 April 2009 13:30 Donna Nelson
Wilna...can you check the password for the video above? I even copied and pasted it and it says invalid. Thanks.
Comments (1)
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC

The Pixelstick

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

9. Blogger: customizing your own blog.




Today we are learning:

How to use a PIXELSTICK to measure your blog and create backgrounds.

You can download the PIXELSTICK here.

Download the MEASUREIT here.

This is a cool tool you can use to measure your blog in PIXELS so that you can make custom backgrounds for it. In this little video I explain briefly how it works.





Watch the video:



The Pixelstick from Wilna Furstenberg on Vimeo.




If you have any questions, leave me a comment. Also link me in the comments to your new blingy blog so that I can leave YOU a comment. Again, the only condition for me to help you would be that you watched the video and followed the instructions carefully!

Show us your blog:
Visit Bling Out Your Blog 2.0 Students
Comments (2) 2 Thursday, 30 April 2009 16:15 katie squires
I love all these cool tips that I never would have known about :)
Reply 1 Thursday, 30 April 2009 13:35 Donna Nelson
Very cool tool..... thank you very much. I wish I had known about that when I was working for a printing company.
Reply
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC

A Note with Fixes from Wilna

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

A Note from Wilna
Dear Students...

First of all, thank you for taking this class. When Kayla Aimee and I started working on this class, we had no idea that close to 250 people will sign up for it. We were talking yesterday that the hours both of us spend on putting this class together will be close to 160 hours. We made 33 videos and endeavoured to provide you the most pleasurable and pain free way of remaking your blog.

That said, I know for a fact that blogging is just not that simple. The code (HTML) is like speaking a different language. It took me years to figure it all out and to come to a place where I have some knowledge. I promise you, i know what I know and not much more.

Every single class I do I put in 100%. I don't mind people asking questions. I am more than willing to help! If you have a problem, I am asking you to keep that in mind when you leave a comment stating your problem. There is really no need to be frustrated and irritated. All of us goes though learning curves. If you want to email me with a problem, please feel free: wilna71@yahoo.ca This e-mail address is being protected from spambots. You need JavaScript enabled to view it . Please state your problem and include your blogger username and password. Once your blog is like you want it, you can change your password again.

I want to answer a few questions:

1. How long will the class be available after this week? The classroom will be up for 2 weeks. The vimeo videos will be available for at least a month after the class. So be sure to bookmark them. Personally, I will be available to help with problems THIS WEEK AND NEXT WEEK. Unfortunately, Kayla Aimee and I can not be sorting out blog problems for ever.


2. I don't want to use photoshop. I can totally understand that some people don't have/want photoshop. I think that in the class we give those who don't have photoshop some wonderful alternatives... we gave you free backgrounds to use, free banners and there's millions of free blog templates that you can download. Look at this STUNNING Blog... done with a free template. And this BLOG too...Kayla Aimee also made a video on how to make a blog banner using an online service.

3. I have ISSUES. I have fixed some problems for a lot of people in this class and I can honestly say that 80% of the time it's because they didn't read my instructions carefully. Now, sometimes one misses something. I have done that millions of times, and I have much patience with it. All I am asking, is don't be in a hurry. Take your time. Watch the videos again. Make sure you are using FireFox 3.0. Even google your question first ...And still feel free to email me! Oh, and please be sure to study the template issue lesson.

4. My blog don't look right. I don't see it as you see it. If you ARE using Firefox 3.0, it might be your screen settings. with PC: Try this: go to your blog and click and click CRTL - ( the control button and the - button at the same time) and see if that makes your screen view smaller and the margins fill in the correct places. On Mac: Go to system preferences and click display. You might want to play around with it a bit.

5. My banner is not centered anymore. You made your blog wider with the 3 column template and so your banner might not be centered. All you need to do is create a blank (transparent) image in photoshop that's 950px wide and paste your current image on it. Now make sure your image is in the center and click Merge visible. Save the new file as a PNG and upload it to your blog. Your image will be centered again.

6. The background paper I designed myself don't look right. When you make backgrounds by yourself, you must be sure to measure your blog. I will have a very brief (Not detailed) video showing you how to do it. Then you will begin the process of uploading, viewing and changing the background. Welcome to the world of blogging. If anyone thinks that I do something once and it's always right, I would thank them for such a high opinion of me and then proceed to bitterly disappoint them. I have to do everything at least 5 to 6 times before I am happy. I CAN NOT help you with designing your own backgrounds at this stage. I think that's an advanced blogger class lesson.

7. Your blog title. I completely forgot to add this little piece of information! Go to LAYOUT > EDIT HTML and you will see right in the top part of the code this line: Your title here Substitute Your title here with your blog title and you will be able to see your blog title in the tab. : )

8. it worked! No one will be prouder of you than Kayla Aimee and me when you get it right! Please tell us and show us! Tell me when you get the template to work, when you made your first banner and when you found the profile gadget again! It's just so easy to tell us your problems but I DARE you to tell us your victories. Not only for us (the teachers) but also for those that's still going though the valley. Blogging is so rewarding. Let's make it work! WE WILL HELP YOU!!!!



Check back here... i will add some more Q&A here as they come up.


















Comments (10) 10 Friday, 01 May 2009 05:53 Kristi Hellyer
ok, mine is a victory, I am loving all the things you are telling us and my blog is looking cute and fancy :) thank you ever so for all your hard work!

kristi
Reply 9 Friday, 01 May 2009 04:30 Petra van Osch
Thank you both for your time and this wonderful workshop.I'm entering a new world ;) It also takes a lot of my patience and that's okay. I realized that I need more time because it's already after 9.oo pm over here in the Netherlands when the new lesson is available. On my first day off I managed to change the look of my blog and boy I was proud! I'm glad that the workshop is available for an extra week because I'll keep on trying and learning!!
Hugs {etra
Reply 8 Friday, 01 May 2009 01:32 Toni Laws
Hi Wilna, yup this is a GREAT class! I get frustrated and cranky myself while doing it, because there are so many new things to learn all at once, so it helps to take a short break before coming back to it.
I was thrilled yesterday to get the new fonts into my post titles! have been fooling around with hex codes now instead of doing class work LOL
I'll get my blog link up soon if anyone wants to see it I would LOVE some comments!
Reply 7 Thursday, 30 April 2009 19:42 Irene Lennon
Hi Wilna, just wanted to say thank you for all the time and effort you put into these classes. I floundered through the first 2 lessons, then with help from my daughter (who is also doing this class), I started to understand things. I found if I really READ through all the instructions and WATCH the videos, it is much clearer. Thanks again, Irene
Reply 6 Thursday, 30 April 2009 18:34 Courtney Kimbrough
Ah! That makes sense! :) Thank you.
Reply 5 Thursday, 30 April 2009 14:48 Peggy Kushman
my banner and photo aren't centered anymore: I read the paragraph about this but I don't know how to create a blank image in PSE.
Reply 4 Thursday, 30 April 2009 14:30 Courtney Kimbrough
I tried the Ctrl and - thing while viewing my blog. Now everything on Firefox is so small I can't read it. DO you know how I undo it?
Comments (1) 3 Thursday, 30 April 2009 13:00 Donna Nelson
Wilna and Kayla Aimee are amazing.....THANKS!!!!

In addition to all of the teaching materials you both have provided, are there any books that either of you might recommend?
Comments (1) 2 Thursday, 30 April 2009 12:39 Sheri Twing
Wilna, I just have to say your class is amazing! You are so thorough in your videos and screen shots. Loving this.

I have a question though. On your blog, you have photos with rounded corners. I use rounded corners and love them but it leaves the white square when I save as a .jpg. Do you save yours as a .png file? Can you upload photos to blogger in the post section as a .png? I thought only jpgs.

Thanks for your help.
Comments (1) 1 Thursday, 30 April 2009 12:04 Cynthia Tobey
Hi Wilna! I just want to say I am enjoying this class so much and I have learned a LOT! Thank you for doing such an awesome job. Here's my blog (no sidebar work yet): http://cindytobey.blogspot.com/
Reply
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC

Sidebar Magic Button

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

8. Blogger: Bling your sidebar with the magic button!
ready for some MAGIC?

Making Sidebar titles + images in Photoshop.

password: blogger09.... This is much the same process and making the banner... Unfortunately I don't have any screenshots for this.




Making a sidebar image in PSE. from Wilna Furstenberg on Vimeo.



Uploading and installing those sidebar images... with the magic button.
password: blogger09




How to upload the sidebar stuff... with the magic button! from Wilna Furstenberg on Vimeo.

Screenshots + Instructions



1. To upload the sidebar image to your blog, click LAYOUT > ADD A GADGET > HTML/JAVASCRIPT (aka as the magic button!)



2. Get your image from amazon (or any other place online) by right clicking the image and selecting SAVE IMAGE AS. This will save a copy of the image to your computer.



3. Upload the image now to PHOTOBUCKET. Click on the image and it will open in a window like this. Copy the HTML code. it starts with .



3. Paste the code into your HTML widget.



4. If you click "Edit Html" it will change the view to the image. In this view you can see everything thats happening there.





Rich Text


5. Now you can click and drag the image to make it smaller. You can see the pixel size of the file while you do this. This way you dont have to change the sizes of the images in a photo editing program first. SO COOL!



6. If you want to link your image, Make sure it's selected and click the little LINK Image. It will open an address bar where you can enter a web address.




7. Once you have repeated this process and you are happy with the "look" click SAVE. If you want some breaks in your code, (because sometimes HTML code just do it's own thing) use the
. It's universal code for a break.



8. I LOVE Facebook flair! Click on a piece of flair you like and right click and select " save image as". Now you can upload that saved file to photobucket and you can use it on your blog too with the magic button!

More sidebar stuff to come tomorrow!!

Leave me a comment if you are HAPPY and if you need HELP...The only condition for me to HELP is that you SHOULD HAVE watched ALL the videos and read all the instructions!








Show us your blog:
Visit Bling Out Your Blog 2.0 Students
Comments (4) 4 Friday, 01 May 2009 06:43 Kristi Hellyer
this is my favorite part of the class! I could never figure this out before- thank you so much! :)
Reply 3 Thursday, 30 April 2009 19:55 Sarah Cochran
This is cool, I have a lot of links I want to add to my blog using this process. Do you think I could use Picasa to upload the images instead of Photobucket?
Comments (1) 2 Thursday, 30 April 2009 09:52 katie squires
i'm working on a magic button list of my fav vampire books!!!!!
Reply 1 Wednesday, 29 April 2009 17:55 Donna Nelson
Now this looks FUN FUN FUN! Can't wait to try these teachings out!
Reply
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC

Fancy Titles

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

7. Blogger: Fancy Titles and sidebar titles.
The Video Part1 and Part2: Creating custom fonts for your Titles and Sidebars.



For this lesson, I am only telling you what I learned. I cant really HELP you. Therefore I will refer you to http://www.kevinandamanda.com to read through the comments for trouble shooting!









This is the coolest trick with blogger ever, I only discovered it recently (THANKS KAYLA AIMEE) and I totally love the personal look it gives my blog. You can read a brilliant step-by-step instructions + screenshots for this process HERE. The video is in 2 parts. I followed kevinandamanda.com's instructions. So you can watch the video and then it will not be so difficult. : )

PART 1 password: blogger09




Creating custom Titles in Blogger Part 1 from Wilna Furstenberg on Vimeo.

PART 2 password: blogger09




Creating custom Titles in Blogger Part 2 from Wilna Furstenberg on Vimeo.



Making your handwriting into a font.
This is one of the coolest things! You can make so many different fonts and it's all free! It took me 15 minutes. The website is here: YOUR FONTS.COM also, watch the video on how to use it over there.

Leave me a comment if you are HAPPY and if you need HELP...The only condition for me to HELP is that you SHOULD HAVE watched ALL the videos and read all the instructions!








Show us your blog:
Visit Bling Out Your Blog 2.0 Students
Comments (6) 6 Friday, 01 May 2009 08:04 Toni Laws
Not to worry! I worked it out myself.

here's the link to the blog

http://toni-backgrounds.blogspot.com/

if anyone wants to look maybe you can tell me why there are funny borders in places where they shouldn't be LOL
Reply 5 Friday, 01 May 2009 07:45 Toni Laws
Hi Wilna, I used the 2 column template yesterday, but today I decided to change to the 3 column. I managed to get the background in, and the Post Titles are changed to the font I wanted, but I can't seem to get the Sidebar Titles right - they are still in the default Blogger font. I'm sure I saw something about copying and pasting a piece of code twice for the 3 column template, But I can't seem to find it. Can you point me in the right direction?
thanks a million!
Toni
Reply 4 Thursday, 30 April 2009 10:23 Marta Saez-Miera
Sorry again, i get the titles of the colums, but not of my post. i tried four times, im dont know. mm and sorry , my english is so terrible
Comments (1) 3 Thursday, 30 April 2009 04:13 Marta Saez-Miera
i cant do it, i tried two times, but my font doesnt appears.
Comments (1) 2 Wednesday, 29 April 2009 14:20 Donna Nelson
Thanks Wilna!
Reply 1 Wednesday, 29 April 2009 14:05 Donna Nelson
Oops! Video part 1 did not work....just a bunch of clicking sounds but part 2 did work....think we need part 1 though! It looks FUN!

Donna
Comments (1)
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC

Uploading Your Banner

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

6. Blogger: Uploading the banner.




What we are doing today:


Uploading the banner to your Page elements page





UPLOADING the banner to your blog:
Password:blogger09





Uploading the banner to your blog from Wilna Furstenberg on Vimeo.





1. Click LAYOUT > Page elements.

2. If you dont have a picture widget yet and all you can see is "ADD A GADGET" right at the top of your page elements page that's whole length of your page elements, click on it and select PICTURE from the list.

3. Click on EDIT on the header widget

4. A window will open where you can upload your image. Make sure "SHRINK TO FIT" is selected. AND "Picture instead of title and description"

Leave me a comment if you are HAPPY and if you need HELP...The only condition for me to HELP is that you SHOULD HAVE watched ALL the videos and read all the instructions!








Show us your blog:
Visit Bling Out Your Blog 2.0 Students


This is one of the coolest things! You can make so many different fonts and it's all free! It took me 15 minutes. The website is here: YOUR FONTS.COM also, watch the video on how to use it over there.

Comments (10) 10 Friday, 01 May 2009 06:59 Maureen Rogers
Wilna, thanks for the info on photobucket. I did put text on the photo with it and add it to my blog banner. As for the second issue the pixels were right but then it said float: sendside; and I couldn't find the margin you listed. I guess that I'm a little timid about all these codes, and don't want to mess up my blog by changing or entering the wrong code. Thanks for your patience and help.
Reply 9 Thursday, 30 April 2009 16:57 Maureen Rogers
Hi Wilna,

Adding your banner to my blog was easy, but trying to figure out how to put my blog title on it wasn't. I tried to load a free trial of Photoshop, but had some kind of error, so I wasn't able to try making a banner. Using the blogger title space came out way to small and unreadable on the banner. I also had no trouble adding a facebook badge.

I like the look of the two column template. The only problem is that the sidebar is butted right up against the posts so it is hard to read without a white space between them. Sorry, to put so many things in one comment. I appreciate the lessons and have made copies of all the notes for when I become more computer savy.
Comments (1) 8 Thursday, 30 April 2009 09:51 katie squires
thank-you Wilna for helping me, you rock!
Comments (1) 7 Thursday, 30 April 2009 09:18 Sarah Cochran
I was able to download and add the banner you made for us to my "practice blog" Wilna! That was the easiest thing I've done so far. Now I'm gonna try to make one of my own and add it. Thanks!
Comments (1) 6 Wednesday, 29 April 2009 18:42 katie squires
Hi Wilna,

I have a booboo. I installed your 3 column template, and in the layout it shows a picture bar all the way across the top. (not the header space I had previously). I click on edit on he piture holder and upload my picture (banner) and shrink to fit. However the banner is not centered.

When you have time could you help me?

http://katarooskitchen.blogspot.com/
Comments (1) 5 Wednesday, 29 April 2009 17:52 Donna Nelson
Hey Kierstin....thanks for the compliment! Your banner is adorable!
Reply 4 Wednesday, 29 April 2009 17:22 Kierstin Sykes
Donna - I like your banner!
Reply 3 Wednesday, 29 April 2009 17:16 Kierstin Sykes
Wilna - I'm so glad I decided to take this class. I'm loving the results!
kierstinscreations.blogspot.com

Kierstin
Comments (1) 2 Wednesday, 29 April 2009 16:36 Donna Nelson
Well I will just be....I didn't think I would have any problems making the banner, but held my breath while it loaded and VOILA!! It worked....it's not my final banner but good enough for now....until I create what I really want. THANK YOU WILNA!!!!!

luluandbob.blogspot.com
Comments (1) 1 Wednesday, 29 April 2009 15:13 silvia pilger
Thank you Wilna, I always wanted to know how to make my own banner.
I've started a new blog for this course here:
www.rozenstraatbaby.blogspot.com

xxxSilvia
Comments (1)
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC

Making a banner in Photoshop

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

5. Blogger: Making a banner in Photoshop.


What we are doing today:

Creating a Banner in photoshop
Uploading the banner to your Page elements page
Changing the sidebar and Post title font to something you love
Adding other sidebar titles.



Files to download:
Today I am giving you a ZIP file to download. It contains all the images you see in the picture below! This is for you to download and play with it to make a pretty blog banner, following my instructions. Here's the FILE. Click on the link and follow the opening instructions as prompted by your operating system. These are PNG files which will open in photoshop but you can also open them in Word.





this BANNER is a freebie for you: DOWNLOAD... All you do is open the image in a new window and right click the image and click SAVE AS. Now you can add it to your page elements as a header. See the Video too.

Making a banner online:
password: typepad09








The video:Making the banner in photoshop.
password: blogger09


Making a banner in photoshop from Wilna Furstenberg on Vimeo.

Digital elements used in this video: (All from designers digitals.com)




Mindy Terasawa: Mindy's Bunny Hop Pinstripes Papers






Lynn Grieveson: Light as a Feather






Katie Pertiet: Touch Up Paint Brushes and Stamps






Font: Pea Heather's Handwriting






More Fonts: HERE.





Making the Banner in screenshots + Instructions:





















Image Above: This is how the banner will look... I made this for Louise's BLOG make-over!



1. Open a new image: Make sure that "pixels" is selected. You can see the size in the image. Blogger will fit your image to the size of your header, so you can work a little bigger!



2. Drag some patterned paper onto the blank image.



3. Drag the scalloped border onto the image. I scanned this little border in with my scanner.



4. I "colored" my little bird with some papers and feathers. Once you have done that click "merge visible". Now you can drag the bird onto the image. You will have to make it a little smaller.



5. If you look at the arrow in the image above, you will see all the layers. A great tip for first time photoshop users is this: The very first layer from the top will be the image that's in front. So, if you want to move an image to the back, like the little twig must be behind the bird, the twig layer must be under the bird in the layer bar.



6. Add some text!



7. Adjust the opacity by sliding the bar. Be sure that the LAYER which opacity you want to adjust is selected. (see the bigger arrow)



8. Now, again target the pink background layer (see right arrow) and then click your eraser tool and select a brush. Erase some of the background.



9. Once your are done click > LAYERS> Flatten image. Click SAVE AS. When you save the picture make sure it says JPEG in BOTH places where the arrow points.



Leave me a comment if you are HAPPY and if you need HELP...The only condition for me to HELP is that you SHOULD HAVE watched ALL the videos and read all the instructions!








Show us your blog:
Visit Bling Out Your Blog 2.0 Students


This is one of the coolest things! You can make so many different fonts and it's all free! It took me 15 minutes. The website is here: YOUR FONTS.COM also, watch the video on how to use it over there.

Comments (3) 3 Wednesday, 29 April 2009 18:32 Lisa Falduto
I'm kind of struggling with all of the lessons so far since I am not familiar with photoshop that much and I have never worked with digital elements. I'm kind of lost...
Comments (1) 2 Wednesday, 29 April 2009 16:11 Shep9
How long will we have access to the content from this class? I don't know if I will get through it all this week! Finals start monday and I have a term paper to finish!
Comments (1) 1 Wednesday, 29 April 2009 16:02 katie squires
eeeeeeeeeeeee I am so excited to make one tonight !!!
Reply
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC