Archive for the ‘bloggy Tutes’ Category

Background Image For Blogger Post

January 18, 2010

TESTING this new Blogger Trick?
For fun.

The flower-y image in the post background!

Can you read the words? This is 25% opacity.
If you were writing a love letter would this be like the BEST way to do it??

Am I a little bit crazy?

Maybe…
But the HTML to do this is surprisingly easy…

  • Place this code at the top of your blog post HTML:
div style=”background:url(LINK_OF_PICTURE) repeat;”

{Add your own direct link to a photobucket image}
And add brackets at the front and back of that line of code

  • Then place all your copy/photos/etc below that code in your HTML editor.
  • Last be sure you place a ‘close’ div tag at the end: /div
    again add brackets around the div tag:

Tadah.

Advertisements

Keyboard Shortcut Keys I Use

August 18, 2009
Keyboard shortcut keys

I can’t live without these babies.
Keyboard Shortcuts for Firefox and Internet in general:

1) There are times when nothing will do but a heart.
Not the word. The icon: i♥u.
alt + 3. {Easy huh? ♥♥♥}

2) I open my pictures folder ALL. THE. TIME. Here’s a tutorial on how to create a keyboard shortcut to open your pictures folder.

3) My new favorite (this is thanks to the fabulous @ErinJeany who promised a tutorial complete with screenshots so-go-bug-her-about-that-eh?) is to download the FireFox Add-on called: InFormEnter. It helps with all that blog-commenting-form-entering especially helpful if you have a long blog title!!

4) F5, I swear the twitter world kept this secret from me! F5 is ‘refresh‘. As in when you are on your replies page in Twitter: F5 will refresh your replies! (And any other webpage.)

5) F6, I just found this one too. Jumps you up to the http:// box when you are in a webpage. I LOVE that!

6) M-dash. What? You know that longish dash thing? Like this—… {alt + 0151}

7) á: alt + 0225 { Voilá!}

8) è: alt + 0232 {When you must type Renèe}

These are some more common ones you might already know, but just in case:

Control T: Opens new tab
Control+shift+T: Opens recently closed tab (need this ALL the time!)
Control W: Closes the 26 open tabs I find opened and I don’t always know how?!
(Would love to be able to highlight and close more than one at a time tho??)
Control A: Select all
Control C: Copy selected
Control V: Paste Selected
Control F: Open Search Bar
Control J: Open downloads box (good when you need to revisit a recent download)
Control K: Switch to google search bar
Escape button: Stops loading a page
And a whole slew more @: Arnold’s Site.

*UPDATE
Jenn from You Know That Blog has added some more ‘alt codes‘ (I didn’t even know they were called that!)

© alt+0169
° degree alt+176
¢ alt+0162

Here is a list of more ‘alt codes‘.


Does anyone know how to get blogger.com to create a shortcut for entering a link? {It’s control-K in word?}

Photo Credit: Kathryn_Rotondo

Why Twitter?

June 30, 2009

I get this question a LOT. Here’s my response to a friend who recently asked:

I don’t get Twitter.
Why should I
use it?

My husband doesn’t like Twitter at all, he loves facebook, in fact he basically does stand up comedy over there. But twitter is my main means of conversation online. I use facebook sparingly and CANNOT stand all the bizarre apps and ‘games’. (Please! With all the asking me to ‘Fan’ your page? Huh? I’m already a fan of you, I friended you didn’t I?) My ‘friends’ on FB are mainly from the blogging/twitter world, so I find they overlap anyway, and I happen to stick more to Twitter?

I call it jumping the blog.
Let’s say I write a silly post about what my little boy did or said, and I take a picture. Well.. we all want comments right? So I might send the link to facebook with the picture.. and see if anyone clicks over to my site to read the whole thing… what I find is that as many as 20 or so ppl will comment on that link in my facebook page..(not every time of course). They may or may not have clicked over to the post but they saw the picture…

I will also post a link of that same post on twitter… and I often get 20-30 hits from the link. Again they may not comment on my blog, but often lots of ppl will start a conversation with me about whatever my story was about… my article about Elementary Graduations seemed to strike a nerve and tho there are ‘only’ 15 comments on my actual post.. there were many more who talked to me about the weirdness of preschool graduations/and 6th grade commencements on both Twitter and Facebook…

So is that a totally vain reason to use twitter? Yes. But why are any of us on social media? connections, etc…right?

And like my own articles, I retweet other’s links when I see them, and I also Stumble posts often as well. I call this Internet Karma… helping others only helps you, right? My friend Jyl from Mom it Forward, calls this abundant thinking. If I help you I only help myself eh?
There’s the saving my sanity reason:
I also have twitter on my phone (but I don’t have facebook on it), and when I’m in a waiting room waiting for a Dr. I tweet and catch up with friends… When I’ve been in an airport for 3 hours waiting for flights, I pull out my laptop and tweet then too. I call some of it ‘business’ but mostly it’s plain old conversation.

And when I need some help:
How about the times I’ve needed something answered? For example I was looking for an illustrator who could do a small job for very little cashola.. I tweeted it and got about 10 suggestions. I LOVE that. Also a few weeks ago I had a question about how to go about searching and finding your flickr photos when someone has used them on their blog… and I read an article by Chris Brogan (BIG BIG twitterer) -anyway- I tweeted the question to him, and he retweeted it to his 50,000+ followers and TONS of ppl answered my question! How cool is that? (I have the photo link answer btw, tweet me and I’ll tell you :).

They call some of this stuff… your ‘influence’… as measured by your blog stats, your twitter following (and response), your facebook presence etc… And it’s different for everyone.

Is your goal to increase communication and gain a little more traffic for your blog? Then for sure you can get that via twitter and facebook combined. Is it necessary to do all three? No, if facebook is your medium you can have great conversations there and be very happy right?? Or Stick to the blogging world, or yes only play on Twitter. But whatever you chose.. the realm of social media is bringing the conversations down to a personal level. With company representatives (Need a new cookie recipe chat with @DominoSugar?), Dream of a real convo with rockstar bloggers (oh my gosh @JessicaGottlieb just followed me back AND! she tweeted me!), or enjoy some one on one with long time blogging friends (@butlerdiaries hey chicka.. what’s doin’? Did you toss out the 14yrold’s cell phone yet?).

OH crap.. did you expect all that? (I think I overwhelmed my poor friend…)

Next up FriendFeed.

Tweet Me from GoodNCrazy.com

Why Should I Use My Real Name on Twitter?

June 25, 2009

Carissa’s Social Media Branding Strategy:

YOU are your brand as much as your website, logo/photo and/or username!

Most of us ‘regular’ users/moms/bloggers are online for communication and friendship. We are more responsive to a real person vs. a brand (or even a logo.) I suggest you use your real name or a variation of your real name in your profile/bio on your Twitter account, your Ning accounts, etc. In other words, where ever people will click to see more about you: use your real name.

Remember your brand is really as many as four things:
• YOU (as in your real name)
• Your business name/website/logo
• Your username (if you don’t use your real name or your business name)
• The photo you use on all your social media haunts
Mine are: Carissa (CarissaRogers on twitter), GoodNCrazy and my twitter picture.

Best Practices for Using your ‘brand’ in Social Media:

1. TWITTER:
Keep your current twitter username if it is one of the above 3 things: Your NAME, Your SITE/business, or the USERNAME you use in a lot of places. If it is not one of those three, consider changing it. This is easy and you won’t lose any followers. Then in your twitter profile give your real name, this will allow people to talk to you like a real person if they choose. It will show up in the DM form. We don’t want to call you ‘fancypants’ when we’re talking directly to you! If it freaks you out to use your real name, use a variation, if your name is Jennifer, try Jen?

2. NINGS/STUMBLEUPON etc.:
Anywhere you need to create a username, USE THE SAME ONE each time and use the same picture too. That avatar FOR SURE is part of your brand, so if you change it, change it EVERYwhere!

If at all possible use your real face. If you want to get your brand/logo in there, simply hold up a product, or stand next to it, or stamp your logo on there below your face. I promise real faces get more response than logos or products. (And IMHO be sure you are wearing regular clothing, often those tiny avatars get cropped in and people look like they are naked, when in fact they are wearing spaghetti straps…causing them to look like a porn queen!)

Take a look at my profile page on MomBloggersClub: Carissa Rogers. I use “Carissa AKA (GoodNCrazy)” in the top ‘Title’ of the page, and I use my real name as my username. I’m lucky though and often Carissa isn’t taken, unlike twitter where I had to use my whole name. (BTW: On facebook it’s basically frowned upon to create an account that is anything but your own real name.)

3. COMMENTING ON BLOGS:
For blogger blogs: Create a blogger/google account and in the profile section add your email address and website. Click to allow people to see your email address. (Create a public email address if you are worried about publishing your account.) Then in the name field use your real name followed by username/business like this: Carissa{GoodNCrazy} —PS: Stay away from the ‘&’, because websites hate it! This way your real name is linked with your blog/brand.

When I am commenting on blogs that have a regular sign in form, I use Carissa, give my public email address, and my website. Another way is to leave your username in the name field and then literally sign your comment with your real name. I often sign a blog comment with my twitter username.

The whole point of social media is social first, business second.
Create a conversation with people keeping it genuine and about them. Let them know you are a real person. Be engaging. Ask questions. If you notice someone asking a question, answer if you know the answer. Even better, connect them with someone who DOES know the answer. You’ll have made two friends out of one!

Can you talk about your own business on twitter/facebook/nings?
The answer is: YES. Remember to keep the 80/20 rule. 80% about other people (tweet out their website, link to a terrific blog post on your facebook stream, STUMBLE stuff you love!), and then go ahead and share your own brand/products/writing 20% of the time.



Was this useful? Would you like to hear more?

Possible Upcoming GoodNCrazy strategies:

• What’s the best way to use Twitter/Facebook/Nings? And who should I follow/friend back on these networks?
• How can I entice additional followers?
• Why should I use Facebook for more than just friends and family?
• Should I use FriendFeed?
• How do I use StumbleUpon? And why? (and what about other social bookmarking sites?)
• Do I get anything out of Flickr, Photobucket, or Twitpic.com?
• Should I care about my website’s Alexa or Technorati rating, or any of those ‘rating’ sites?

Tweet Me from GoodNCrazy.com
goodncrazy stumbleupon

What Is a Favicon And How Can I Get One?

April 7, 2009
Those little picture icons on people’s blogs, right up there next to the URL box.
Let’s create a Favicon for Blogger.

See mine? I just changed it to match my new blog-do.

This is what the image looked like before I faviconed it…..

What you will need to make your own FAVICON:

  • A square image. (Likely you have a 125×125 pixel button— this will work.)
  • A photobucket.com account. Go ahead… create one, you can do it.
  • A way to make your square image smaller.
    Photoshop or Elements, or online picnik.com is useful.
  • You’ll need to know where your blogger html template is. (Be careful, always save your code somewhere, and always click preview before you save changes!)


That’s it. Are you ready?
~~~~~~~~~~~

Let’s assume for those of you with Photoshop:
1) I’m jealous (I only have elements) and
2) You know enough about it to change the image size of a 125 button down to a 16×16 pixel image. You then need to upload your 16×16 .jpg image to photobucket.

~~~~OR~~~~

Open Picnik.com.
Upload your 125 button.
Click to resize.
Change proportions to 16×16 pixels.
Choose save and share. Then upload to your photobucket account (it will be a .jpg file).

Next. There are 3 steps to insert the code into your Blogger HTML Layout.

1) find this code in your blogger HTML template: (use control f to search)

data:blog.pageTitle

2) a couple lines below the title code copy and paste in:

link href=’URL of your icon file’ rel=’shortcut icon’ type=’image/jpg’/


but first: and this is important… add brackets around the above code:

3) Go to your photobucket 16×16 pixel image and mouse over your it. Highlight DIRECT link and copy and paste this code where it says URL of your icon file, LEAVING the apostrophes where they are.

Okay test it out! Click preview to see if your favicon is live up by the URL! Then click save.

You are so favi-licious baby!

(PS I’m hearing that you cannot see favicons in IE so you have two choices. GET FIREFOX already. OR. Read some ideas at favicon.com)

Help others get their own Favion?

Tweet This Tute!Tweet Me from GoodNCrazy.com

{This is my Tuesday Tribute to Blogger I guess?? See more TT’s over at Half Time Lessons}

MORE bloggy tutes

HTML Code For A Custom Tweet This Button for Blogger

March 1, 2009

Okay, for a while now I’ve been trying out various methods to add a TWEET THIS button to my Blogger Post Template. You know? The little Twitter Bird at the end of posts allowing readers to directly tweet out a post!

Well, now I’ve got it. Just in case you want one…??

First locate a Twitter Birdie icon, or create something in Photoshop or Elements quick!

In blogger go to settings/formatting scroll down to post template and place this code in the box. .

Tweet Me from YOUR BLOG HERE

The parts in ALL CAPS are the custom parts you will replace.

  1. The words you want to show in the tweet.(Mine says “Tweeting about this GoodNCrazy post!”)
  2. The tinyurl of your blog’s home page.(If you want a tiny url of your actual post you can manually change each time for just that post if you want.)
  3. The photobucket image of a bird. (If you don’t know how to use photobucket or need a free twitter image, contact me!)
  4. Your blog title.

Test my example here:

Tweet Me from GoodNCrazy.com

MORE bloggy tutes

Does This Header Make My Blog Look Fat?

January 17, 2009

How to make your header fit.

There are a couple possibilities. Create a new header in a photo editing software and create it exactly the width you want it. Then in blogger Layout click edit the header and upload it with the option: INSTEAD of title and description.

Then go back into the HTML layout code and find:

#header-wrapper

And delete the line that includes: border: 1px solid….
Now there will be no line around the header either..

If you have a header but it’s too short or too long, and you don’t have a way to edit it… you can upload your header into Picnik.com and use the resize feature. Be careful though, only a few pixels at a time or you will loose too much resolution when enlarging. Try it in 10 pixel increments.

Save to your computer and upload in the header editor as above.

You may need to change your Header-Wrapper size as well.

MORE bloggy tutes


Tweet Me from GoodNCrazy.com

Stumble Upon. Part I

October 4, 2008

WHAT IS STUMBLE UPON?

I’ve been promising some help with Stumble Upon. I can give you a whole bunch of links to articles that explain it much better than I can. But you wouldn’t click them would you? Admit it.

So here’s Carissa’s quick figure out SU.
(You can stumble this post if you want.)

Or any post for that matter, let me show you how!

STEP ONE:

The best advice I got was to DOWNload the Stumble Upon Toolbar for Firefox.

Click here to get that.

You don’t have Firefox? Then GET it. I promise you need it.

That’s it. Your homework is to JUST get the toolbar up on your browser.

STEP TWO:

Okay, WHAT to do with that toolbar?

For now I’ll try to explain Why Stumble at all?

Let’s say I just read a great post in a blog I totally love anyway. I visit it like everyday. But THIS post is better than usual. I actually laughed out loud. (No not LOL–the REAL kind).

I can run and tell all my friends on twitter. But that’s only a few hundred of you. I can blog about it. But heck, that’s probably less than I just told on twitter.

So what to do to help my bloggy friend who seriously wrote something awesome? Because when it’s that awesome I want all of you to see it too, right?

I can go to StumbleUpon.com and register. After I have registered, I can go back to my bloggy friend’s blog and ‘Stumble’ that post. Not the whole blog mind you, I click the title of the post I loved and then I click the ‘Thumbs Up’ button from my brand new Stumble Upon toolbar.

This will take me to a ‘review’ page. If I am the first one to ‘discover’ this post? Bonus! For me. Because I get to write the review that people will see when they are searching through The Stumble Upon site (This is called ‘Stumbling’)

So if you are first it’s important that you follow some rules:

1) Leave a short but informative review of the blog. Quote from the post even.

2) Use as many tags as you can think of. Think synonyms here. If it was a post about a little baby on swings with great pictures… you could use:
photography, photos, baby, kids, parenting, family, swings, pictures, cute, and aw shucks.

3) ALWAYS mark YES. For yes it’s safe content, unless you are looking at porn again. If you mark no, the blog gets flagged for that and it’s apparently hard to lose the flag?

See my Stumble Page {GoodnCrazy username) for examples of reviews and tagging I’ve used recently. If you aren’t the first to stumble a post, great. Just leave a quick review and a couple tags and toggle the ‘YES’ button and submit. Easy.

Are you still with me? This is getting long. I figure only the die-hards are still sticking around.


But I promise.
This is the fun part.
If you can get enough stumbles on a post of yours, then somehow, magically that post can take on a life of it’s own, grow wings or some other bad metaphor. The massive online world now will see reviews of your blog post and just might slip on over to see it. I’ve heard of Stumble Storms…where a good post gets thousands of hits because multiple people stumbled that post! (Never happened to me btw.)

Which brings me to, Can I Stumble My Own Post? You can, but it’s tacky. It’s better to ask a friend to stumble a post when you think you’ve written something amazing. After the friend ‘discovers’ your post, then you can hit the thumbs up on your post and even write a quick review. I’ve heard of people going back even to stumble the comments of a post, when the storyline was continuing there.

You can Stumble submit a photo as well. Just right click over the photo (after loading the post url only) and chose stumbleupon photo blog it!

Also, Can I Stumble a Post if I Don’t have a Blog? YES. Just follow the steps above.

Is this all clear as mud? Bottom line. Stumble Upon is a way to find new blog content to read. And a way to get your content into a place where a lot more people might see it. Let me know if you have questions?

And….more homework.

Here are the blogs I stumbled into yesterday that were great. Some were totally new to me and some were not. But I stumbled a post from each of them. And not always the first post I read. I tried to find Sponge Worthy posts. (You do know what I mean?) Tell me which post of these blogs YOU found Sponge Worthy?

Memoirs of a Mommy Blog
Feels like Home
Sensational Divas Review
Not a DIY Life
Eyes of Wonder
JiggetyJig
Wanderlustandlipstick.com
4Tunate
MawBooks
Teaching Challenges
Moments Behind The Lens
2 fat girls skinny
Pulsipher Predilections
xbox wife
High Heels and a Sippy Cup

Yes there is more you can do with Stumble Upon.
But let’s leave that for Part II.

MORE bloggy tutes

Dear No-Reply Blogger,

September 26, 2008

'you didn´t crash did you?'

How can I link my email address to my blogger profile?

Please.

For me?

Would you mind? It’s easy I promise.

Will you edit your blogger profile to SHOW your email address?

I really want to reply to YOU. I have no idea who No-Reply is? I’m sure she’s nice and all. But I just replied to 15 comment emails and AFTERWARDS realized half of them were to Ms. Fancy Pants No-Reply. Crap.

How to add your email to your blogger profile. (A tute)

Why? I love to reply directly to YOU when you comment! And it’s goofy to put a response to my blog in your blog comments!

{Don’t worry. I promise I’ll be the first one to comment on your lovely post!}

  • Step One: Open your profile page, click EDIT Profile on left side of profile.
    (If you need help finding your profile page let me know).
  • Step Two: make sure the box marked show my profile and show my email address are checked.
  • Step Three: Under Identity, add the email address you want comment replies to be sent.
  • Optional, change your display name to match your blog somehow?
    Or leave as your fist name? (I use GoodNCrazy so people can relate it back to my blog).

  • Step Four: scroll to bottom and click save!

There!

You did it. Now come back and comment, so I can reply to you in real email form!!

Thanks.

MORE bloggy tutes

Make my blog header fit! (PLEASE!)

July 3, 2008


Does this header make my butt look too big?

Some people think I’m rude. I prefer ‘forward’. But oh well.
This online stuff just seems to make it oh so easy to barge right in and ask:

“Can I fix that for you?”

Twice now, I’ve been happily reading along on my rainbow blog tour, and seen a blog header that was hanging out over it’s wrapper. And I just asked. Didn’t even know the good sisters.

“Can I show you how to make your blog header wrapper wider”?

And it turns out. They both said yes. And they even still seem to be my friends. Despite my rudeness forwardness.

I helped Ms. SassyPants fit back into her Sassy Pants. See this header below? Today it fits.



And for my little now you see it-now you don’t. Check this blog. I’m going to teach Kaye how to get that header back in line! Ready? Let’s cheer her on…

If you have a standard blogger template then let’s get started.

Goto layout—HTML.

Highlight all of the code in the box and save it in an email page or something. (in case we totally screw it up) We won’t. But still. Because you will never hit save unless you have hit preview and it worked…right?? Right???
We are going to make 3 changes. The outer wrapper (the whole thing). The main wrapper (where your posts are), and then your header wrapper. Can you do it? Yes you can! After each change check the preview. Then wait to save the whole thing at the end. Here we go…..

Hit control F. Then in the little find box at the bottom of your screen you will search for:

#outer-wrapper {
width: 660px;

You will change the 660 number to 850.

Then you will search for:

#main-wrapper {
width: 410px;

Change 410 to 600 (this will give you a bigger posting space. And don’t we all need a little more room to maneuver? It’s just a phrase.)

Then you will search for

#header-wrapper {
width:660px;

This is tricky. I think you can change the header size to 840 and be just perfect? Might have to hit preview a few times and see if it fits? If it’s still too wide, you will go back and change the #outer-wrapper width to bigger than 850. Or if it all seems too wide you can bring the numbers down in 50 pixel increments, and then even tweak them by 10 pixel increments?

My blog’s outer wrapper is 950. And my header is 850 for comparison.


Also, please see Miss PrincessandthePeas. (I helped ‘pink’ up her header).

Any questions? You know what to do.