Tips and Tricks for Blogger: 2009

Home

Wednesday, October 14, 2009

Highlight Blogger Article Background

If u want 2 highlight ur Blogger Post Article Background in ur blogger u have 2 use the below Highlighter Code.Follow the below steps for Highlight ur Blogger Post Article Background.

Ur Desire Text Here

► Write a new post.
► Copy given code below and add ur part of article u want 2 Highlight in given place in between code.

<div style="width:450px;height:200px;background-color: #F2F2F2;">Ur Desire Text Here</div>

Note:- If u wish u can change the width & height.

EnJoY.......

Highlights Blogger Article

If u want 2 highlight ur Some Part of ur article in uR blogger u have 2 use Highlighter.It is convenient for readers and also its make your blog beautiful and People will impress with ur writing Style. Follow some steps for make ur Article beautiful.

Preview

Ur Desire Text

► Write a new post.
► Copy given code below and add ur part of article u want 2 Highlight in given place in between code.

<div style="width:200px;height:300px;border-top: 2px solid #000;border-bottom: 2px solid #000;border-right: 2px solid #000;border-left: 2px solid #000;">Ur Text Here</div>

Note:- If u wish u can change the width & height.

EnJoY.......

Tuesday, October 13, 2009

Text Decoration For Blogger

The text decoration is a stylistic effect that the user may apply to visually rendered text that does not affect the layout of the document.Text decoration mechanisms include underline, overline,line-through,blink,& none.

Preview

Blogger Tips And Tricks
Blogger Tips And Tricks
Blogger Tips And Tricks
Blogger Tips And Tricks
Blogger Tips And Tricks

Code

For Blogger Post

<a target="_blank" href="Ur Address
"><span style="font-size: 8pt; text-decoration:blink">Ur Text
</span></a>

Note :- If u want to add the text decoration code In HTML/JavaScript
Ur Code Will Be

</li><a target="_blank" href="Ur Address
"><span style="font-size: 8pt; text-decoration:blink">Ur Text
</span></a></li>

Possible Values

--------Value-------------------------------Description-------------------------

►none ----------------- Defines a normal text. This is default
►underline ------------ Defines a line below the text
►overline ------------- Defines a line above the text
►line-through --------- Defines a line through the text
►blink ---------------- Defines a blinking text
►inherit -------------- Specifies that the value of the text-decoration property should be inherited from the parent element

Browser Support

►The text-decoration property is supported in all major browsers.
►No versions of Internet Explorer (including IE8) support the property value "inherit".
►The "blink" value is not supported in IE, Chrome, or Safari.

Enjoy...

Email/Contact Me Button For Blogger

Preview

or

It Is Very Helpful For The Visitors Who Wants 2 Contact u that The "Email Me" Button To ur Site .It Will Increase The Visitors Interactivity 2 Contact with u.Its Very Simple To Creat An "Email Me" Button For Blogger.

► Click Layout Tab
► Then Click Add a Gadget Tab
► Now Click HTML/JavaScript Sub Tab
► Copy given code below and Paste it
► Now Save

<form>
<input type="button"
value="Email Me"
onClick="location.href='
Ur Email Address
'">
</form>

Note :-Don't forget 2 change the red color marked Ur Email Address

eNjOy

Saturday, October 10, 2009

Post To Blogger From Cell Phone

One really cool feature of Google Blogger is the ability to quickly create a post directly from your mobile phone. With Mobile Blogging, all you have to do is send a text message from your cell, and Blogger will automatically post the text (and photos!) that you send.

Signing Up With Blogger Mobile

Getting started with Blogger Mobile is easy. The only real requirement is a phone with a text-messaging plan.

► Step 1 – Register For Your Mobile Blog

To claim your mobile blog, first send a text message to go@blogger.com.In numerical terms (US only), you can also use 256447.Type REGISTER as the content of the message.

Within thirty seconds or so, you should receive a couple of reply text messages from Blogger. The first will contain a link to the Terms of Service, and the second will contain a link to your new mobile blog, plus a claim code.

The unique code identifies your mobile device so that posts are routed to the appropriate blog.

Note: instead of a text message, you can also send an e-mail from your phone. For it to work, the e-mail should not pass through another gateway (such as an IMAP account or your school account).The Gmail app and Yahoo! Go should work fine. You CAN use both text messages and e-mail to post to your blog, but you have to claim them separately.

► Step 2 – Claim Your Mobile Blog

Once you have your unique claim code, you can claim your new blog or attach your phone to an existing Blogger account.

On any computer, visit go.blogger.com. Enter your claim code (plus the captcha code).

► Step 3 – Configure Blog Settings

The final step before you can start posting from your phone is to tell Blogger where to direct your future posts. You can accept the new default blog, or if you already have an existing Blogger account, you can log in and choose an existing blog.

By default, Blogger assigned me the address of husbin147. As you can see in the screenshot above, I chose to direct my mobile posts to an existing blog.

Create a Mobile Post

Now that you have a mobile blog, it’s time to start posting. To create a new post, all you have to do is send a text or e-mail to go@blogger.com. The text that you write (and any pictures that you attach) will automatically show up as a new post. Neat, huh?

In the example above, I’m using Yahoo! Go instead of a text message because it supports a Subject line. The e-mail subject becomes the title of the post.

Within seconds of sending my message, Blogger responded with a Success reply. Sure enough, my new post was live.

I’m pretty amazed by the Blogger Mobile service. I don’t see myself using it every day, but for certain situations, it’s a dream come true.

Other Stuff

A couple other details: You can manage which devices post to your mobile blog by looking near the bottom of your Blogger Dashboard. This is handy in case you get a new phone.

Also, my only complaint about Blogger Mobile is that I have not yet found a way to attach labels to a post. As of now, you have to log in post-factum with a computer and manually add labels. It’s a small price to pay, but if anyone knows an easier way to add labels to mobile posts, please share.

Learn More

Related Video

Best Of Luck

Friday, October 9, 2009

Add Favicon To Blogger or Change The Address Bar Icon

Preview

If u open a Web/Blog u will see an icon on addressbar.If u make blog in blogger your default icon will be

But u can change the icon (favicon) with ur own picture. it's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 16x16 pixel to 32x32 pixel, actualy bigger is no problem but it will reduce speed to open ur web/blog. And they can be formatted as gif, jpg, bmp, ico, png.Then U have to Creat a(FavIcon.ico) By Ur Image File.

Click Here To Creat

Now upload ur image file to this site and creat a (FavIcon.ico).Now u have to host ur (Favicon.ico) in a image hosting site.

Where to Host or Upload Favicons? 5 Free Options are…

Traditionally, we use Googlepages the easy option to upload favicons and then link them on our website. With Googlepages closed to new signups, what are other options to host and upload favicons?

Most of popular Image hosting services do not support favicons upload, including ImageShack , TinyPic , Photobucket and many more. Here are few selected free favicon hosting services that can solve ur probleam.

►Oogletoogle
►SholImages
►PicPanda
►ImageBoo [Recommended]
►CDMazika

1. Then Login to blogger, Click "Layouts --> Edit HTML

2. Find (Ctrl+F) <head>

3. Put the below code before <head> tag.

<link href='UR ICON HOSTING ADDRESS' rel='SHORTCUT ICON'/>

Like The Below Code

<link href='http://www.picpanda.com/images/oh8bomcx7djpmcyhee3b.ico' rel='SHORTCUT ICON'/>

eNjOy......

Thursday, October 8, 2009

Get Updates Of Any Click On Your Adsense

If u have 2 know ur adsense income then you would have 2 log in into your adsense account each time. But now there is a

Firefox Plugin available that will display your adsense income on firefox status bar.

This Firefox Plugin adsense notifier checks ur adsense income every 20 minutes and notifies you about any update or click on your adsense ads.So this seems to be good option for those who repeatedly login into their adsense accounts to check their adsense income.

eNjOy.....

Site Meter Widgets For Blogger

Site Meter's comprehensive real time website tracking and counter tools give you instant access to vital information and data about your sites audience. With our detailed reporting you'll have a clear picture of who is visiting your site, how they found you, where they came from, what interests them and much more.

Click Here To Add Site Meter Widgets In Ur Blogger

Visible Counter Widgets For Blogger

Click Here To Add Visible Counter Widgets In Ur Blogger

Wednesday, October 7, 2009

Add Or Embed Comment Box Below Blogger Post

Any blogger who will not like to see the comment box after the post??
I’m sure everyone of you will love to see the comment box after every post, because that will be easy for readers to leave comment on the blog.

Preview

Getting comment is most important part of the Blogging, obviously when people appreciate you.U always tends to come up with better post!!So to get post after the blog, you don’t have to do anything geeky or you don’t have to play with codes of your blogs.

Follow the following steps and you will have The comment box right after your post as shown in the picture.

► Go to <http://draft.blogger.com/

►Settings>>Comments

►There “Comment after placement” select Embedded below post.

►Looking for more…save it.!! Because you are done..!!

Is In’t it simple.!!!

eNjOy......

Tuesday, October 6, 2009

List Of Search Engines To Submit Your Blog

List of Search Engines,you may submit your site URL to these search engines for Free.
If you dont have enough time to submit your site or blog thn submit to the top few leading search engines like google and yahoo or msn or your local engines.This is not the complete list of search engines but are enough to give an start to your blog,as you will find countless amount of search engines on web you wouldn't have heard of.

List Of Search Engines

Google
Yahoo! Search
Microsoft Live Search
Alexa Web Search
Baidu (Chinese search engine)
ExactSeek
SearchSight
Scrub the Web
EntireWeb
Gigablast
Exalead
SearchKing
WhatUseek
AnooX
Splat Search
Walhello
SearchIt
Email Mozdex
Jayde
Infotiger
Abacho (European search engine)
Submit-one
TowerSearch
HotLaunch
Shoula
The-search-site
Websquash
Unasked
eVisum (educational resource)
DinoSearch
SearchRamp
SearchtheWeb
SearchWarp
Mixcat
BestYellow
Beamed

Website Submission Services

There are many websites on the net offering free website submission services to search engines. The list of search engines are by and large the same. Some offer fee to send your URL to more than a hundred search engines. Is it necessary to have your webpage listed in all the smaller search engines? We think that Google, Yahoo! and MSN have cornered such a large share of the market that it is sufficient just to have your website listed there. However, the decision is yours to make.If you still want that you can do that that too.

FastSubmit
Submit Express
AddMe
Freesubmissionweb
ineedhits
Submitshop
Searchengineoptimising
AddPro
Pageranklist
Freewebsubmission
Amfibi
Burf
Jerkasmarknad
LocalSubmit
SrSubmit

This is for just begginers i don't think if you have good blogs and receive traffic,search engines will automatically index you and most of the small engines drive traffic from big search engines like google.

If you want more sites get from here too

http://selfpromotion.com/list-of-search-engines.t
http://www.searchenginecolossus.com/

If still want more just search for keyword 'list of search engines to submit websites' on google or yahoo you will get long list.

Enjoy

How To Use Digg To Get More Traffic

How to Use Digg to Drive Blog Traffic and some tips also to use digg to drive maximum traffic and not get banned by digg and make maximum use of it.

What is Digg?

Diggis a social news site that can help drive traffic to your blog. However, Digg is the biggest social news site on the Internet controlled by a handful of top users. How can you get your blog posts noticed in the fast-paced world of Digg?

# Digg The Original Source

Digg users are very particular about how the site is used. There are a variety of rules that Digg expects users to follow. One of the most important rules of Digg etiquette is to always submit the original source of a story. If you're submitting a blog post or page that expounds on the original source of a story by adding new information or opinions, that's okay, but make sure your submission adds value to the conversation or story. If it doesn't, find the original source and submit that instead.

# Don't Digg Your Own Posts

Digg will penalize users who submit their own content too frequently. If you want your blog posts to have a chance at making it to the main page of Digg (and generating a lot of traffic to your blog), don't be the first to submit your post. Ask a friend or colleague to submit it first.

# Digg several Articles At Time

When you ask your friends to Digg your blog post, make sure they Digg more than just your post while they're at it. Digg keeps tabs on people who just Digg a single item while they're on the Digg website in order to penalize spammers (particularly those who are paid to Digg specific stories). Ask your friends to Digg your post as well as a few other stories of interest or on the main page of Digg at the same time.

# Use Good Title And Description In Your Digg

When you Digg something, give it a good title and description. The title and description are what you're using to convince other users to click on the submission, read the article and hopefully Digg it, too. Sell the article with a great title and description to increase your chances of getting more Diggs for it.

# Be An Active Digg User

Digg users who are very active have a better chance of getting their Digg submissions noticed and attracting more Diggs to them from other users. Submit various posts (particularly breaking news items), add friends, comment, and add an avatar to your profile to make your Diggs stand out from other submissions in Digg's list format. The more active you are, the more people will notice you and become interested in investigating your submissions, which will ultimately lead to more Digg opportunities for your own blog posts. More Diggs for your own blog posts equal more traffic to your blog.

# Just Make New Friends

This is the key. You need to connect ot other users and thus have many friends on Digg. Why? Because, when you submit a story - you can invite your friends to Digg it. You can even legally setup a reciprocal digg exchange… “you digg my story, i digg your story”. You can do this by sending a private message, known as a “shout” to your friends. Just digg their story first and then tell them - I dugg you, please digg my story now … and include the link of your story that is on the digg site (not the offsite link that is on your website or blog).

Another way you can invite them to digg, instead of shouting (private messaging) them - is by directly clicking o nthe “share this news” with all my friends link that appears under the story post on digg. This is quick but not as effective as a personal shout. Use it once you have over, say 200 friends on digg….

Yes, you heard that right. 200 friends. That should be your target. Why? Simple - because you can invite them to digg your story. The more friends, the more diggs.

Little Clever Trick

There is a tool available, that can automatically keep adding random friends to your digg network. Its called Digg Friend Adding Automator. Its simple to use. All you need to configure is one file, with your username and password on Digg. Then run it the software (no install needed - jsut a simple double click). Then take your shoes off and sit back - while it adds friends to your profile at the rate of one every 5 seconds.

There is a precaution here. Do not add more than around 20 friends in one shot. This may alert the digg admins and you can get banned permanently. Add 20 friends… then shut down the software for about 15 minutes or so.. and then re-run it for another 20 friends and so on. Dont add more than around 50 per day, and stop at around 200 to 250 for about a week. Then rinse and repeat.

If you cant get hold of this great tool - you can still quickly randomly add friends on digg by simply clicking on the “add as friend” link besides their names, next to articles they have submitted.

Now, when you have soooo many friends, you can invite them to come vote on your story. Ofcourse the key here is to firstly make sure that your story is unique and will arise the interest of over around 70% of readers. That should be enough. Once you invite them and share your story with your friends, after a day - start contacting friends who have sent your shouts (private messages) to digg their story -and start digging their story and in return ask thme to digg yours.

It is extremely important that your story gets popular (large number of diggs) at a fast rate - and before a lot of time passes by (probably around 10 to 20 days) . Why? Because, by then it could become stale news! Also, dont submit irrelevant and boring news, or stuff thats already been submitted. It will only be “burried” out by the community.

# Commenting on Digg for traffic

Another easier way to get traffic (although in much lower numbers and probably a very very low fractional amount) is by posting comments on popular stories with high diggs. Just make sure what you write is relevant to the story and then leave a catchy phrase and link (signature) at the end of your comment.

# The Onsite “Digg This” Button

If you have a fairly large number of readers to your blog, you can submit your blog posts to Digg and then insert a “digg this” button in near your blog post … as an onsite “digg this” link. This way visitors or readers of your blog can vote your story up the Digg ranks. This works only on blogs that have a large number of readers and visitors - so its only powerfull then.

EnJoY...

How To Backup Your Blogger Posts And Comments

Backup Ur blogger posts and comments regularly,this is blogger tips i think every blogger should follow for its safety,do u back up ur blog posts regularly ? Very less amount of bloggers would have been using this tips including me,so lets follow this tips and start backing up your blog posts from now as i have stared it from today.

For Back up Blogger Posts And Comments

#Login to http://draft.blogger.com

Then Go to
SETTINGS ► BASIC ► BLOG TOOLS, click on the Export Blog, and once more on EXPORT BLOG button.

Choose the location where you want to save the file, and click Save. And that's it!

Your Blog (content posts) is save as .xml document. Quite small, too. You will not be able to see it, or read it on externally, but you can always upload it through Blogger.

Now you go to your any other blog and get there the import blog option following same path as above and upload the file you downloaded when it asks after clicking import blog option.Your all posts and comments will be uploaded,then the blogger will ask you to publish all posts,select the posts you want to publish and click Publish,all selected posts will be published.

Think how useful it can be for you in case your blog gets deleted by mistake or any other case by google,you can upload and make it to run again.

Yet another easy method for all type of blogging platforms. You just have to visit BlogBackUpOnline, open an account, register your blog, and it will be backed up daily. They offer enough memory (space) to store your Blog. Even for a Full time blogger.I hope you will be satisfied with this infomation.Best of Luck!!

Monday, October 5, 2009

Welcome Alert Script For Blogger

When anybody will visit your website or blog he will get an welcome message before loading your page completely.You can have anything in the message what you want.It can be helpful for you whenever you want to display to your welcoming visitor some message or alert which you can be important for him to get to your blog reading further.

Preview

#Just login to blogger > Layout > Edit Html

#Now find [CTRL+F] </Head> tag and add the below script just after it.

<script language='JavaScript'>alert("Your Message Here");</script>

#Change text in red with your welcoming message.

#Now save your template.And visit your blog you will get an welcome message.

eNjOy.....

Add Yahoo Smileys To Blogger Post

This is very Popular hack.There are two ways to add yahoo smileys or emotions in blogger platform.

For Mozilla Firefox

If you are using mozilla firefox then its as very easy to install,just you have to install Grease monkey Addon and then install one simple script.

# Open Firefox browser and install " Grease monkey " . If you have installed already no need else install it by visiting Grease monkey Addon ! and restart browser .

#After installing Grease Monkey , install this Javascript file ( just open the file,Grease monkey will install automatically ).

#Now Go to Layout section of your blog and click Edit HTML subtab .

#Now find [CTRL+F] this code: <b:skin><![CDATA[

#Now add below the CSS code above it.

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

#Now Save The Templates

#That's it we have successfully added yahoo Smileys to blogger.

#They will appear like this in your post editor in below image.

For Other Browser

If you are using any other browser then also its an easy way to install it
Download The JavaScript File (Smiley.js)

#And upload it to HotLinkFiles.com to get a DIRECT LINK to the file.

#Now find(CTRL+F)the Below Code in the template :

</Head>

#Now Immediately BEFORE That Paste This Code :

<script src='http://hotlinkfiles.com/......./Smiley.js' type='text/javascript'/>

#Replace the link in RED, with the DIRECT LINK of the Smiley.js file

#Now go to Layout and then click on "Edit HTML" tab.

#Now find [CTRL+F] this code: <b:skin><![CDATA[
#Now add below the CSS code above it.

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

# Now Save The Templates

#Then yahoo Smileys successfully added to blogger

#Now whenever you write posts and want to use smileys use below emotions code in your blogger posts to make them display in your posts.

:) Happy
:( Sad
;) Winking
:D Big grin
;;) Batting eyelashes
>:D< Big hug
:-/ Confused
:x Love struck
:">Blushing
:P Tongue
:-* Kiss
=(( Broken heart
:-O Surprise
x( Angry
:> Smug
b-) Cool
:-S Worried
#:- Swhew!
>:) Devil
:(( Crying
:)) Laughing
:s Straight face
/:) Raised eyebrow
=)) Rolling on the floor
O:-) Angel
:-b Nerd
=; Talk to the hand

Sunday, October 4, 2009

Add Yahoo Smileys In Blogger Comments Box

You may notice that this blog has a feature : Yahoo emoticons above blogger comment form. Yup, it allows visitors too use combined character to shows yahoo emoticon on their comment. It could be useful for your visitors to express their emotion by giving smiley emoticons on blogs comment (smile, laughing, wink, big grin, frown, etc).

If you want to add yahoo emoticons above comment form to your blog, first it is better to set your blog "comment setting", set its placement to "Embedded below post". How? Go to Settings - Comments - set Comment Form Placement to "embedded below post". Done? good, lets move to the next steps:

Preview

1. Go to Layout - Edit HTML - click (tick) Expand Widget Templates (don't forget to backup your template)
2. Copy and paste this code just before </body>

<script src='http://sites.google.com/site/angga123site/smiley.txt' type='text/javascript'/>

3. Find this tag <b:if cond='data:post.embedCommentForm'>

4. Copy and paste the code below just after
<b:if cond='data:post.embedCommentForm'>

--------------------------------------------------------------------------------------

<div style='overflow:no; width:100%px; height:100%px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

--------------------------------------------------------------------------------------

5. Done! Save your template now!

Now you can see the result whether yahoo emoticons above blogspot comment form is worked.

Best Of Luck

Friday, October 2, 2009

Publish Blogger Post By Email

The mail to Blogger feature in the blog enables you to publish the post via Email. For this feature you have to make a change in you r blog setting. Just go to “Settings” then click “E-mail

You can create a mail to Blogger address which you will use to publish the posts via email to your blog:

To post to your blog via email, you need to configure your mail to Blogger email address in Settings | Email:

The format of the email address will be username.secretword@blogger.com. Note that this Email must be kept secret. Otherwise, anyone who gets it will be able to post as you.

Also be sure to specify whether or not you prefer your email posts to publish automatically. If this option is not checked, then your posts will be saved on your account but will not appear on your blog until you log in to Blogger.com and publish them yourself.

Once you have saved your Settings, you can send email to your blog. The subjects of your email letters will be the titles of your posts, and the body of the emails will be the posts themselves. To include an image in your post, you can attach an image to you your email.

Note

• Sometimes email programs append text to the bottom of each sent message; to make sure this cruft doesn't get posted to your blog, put #end at the end of your post.

Add RSS/Email Subscription In Blogger

Providing RSS/Email subscription in Blogger blog is the easiest way to keep in touch with the users . Users are alerted by email when the blog contents are updated . As far i have seen , Feedburner and Feedblitz are the major players in RSS/Email subscription services . Here in this example , i am using Feedburner.com

Go Feedburner.com and sign up with your Google account . At this point , you can choose a suitable name for your feed . After successful registration , they will be taking you to the Myfeeds section . Click on your feed for moving on to the dashboard . Select publicize menu from the five available tabs . Now you are about to enable email subscription in Blogger . So select email subscription and click on activate this service.

On the other side , open your Blogger dashboard and go to the layout section. Choose a location for your Email form to appear . Click on add a Page element /Gadget (For new blogger) and select JavaScript . Copy the and paste the Email form code from feedburner onto it and save the widget . Edit JavaScript code to change the height,width,border color ,text ,scroll and other parameters . After building a good sum of subscribers , you can choose to display your feed count , same from the publicize menu in Feedburner .

Share the love, Sharing And Bookmarking Widget For Blogger

Preview

With This Blogger Widget Ur Visitors Will Be Able To Share And Bookmark Ur Posts With The Following Networks.

#Stumbleupon
#Digg
#Reddit
#Delicious
#Yahoobuzz
#Blinklist
#Technorati
#Facebook
#Twitter
#Myspace
#Mixx
#Scriptstyle
#Designfloat
#Comfeed
#Newsvine
#Linkedin
#Google
#Friendfeed

Note : Please backup your template (Download Full Template) Before making any changes.

#Step 1

Go to blogger.com and sign in to your blogger account, And go to Dashboard >> layout >> Edit html and before doing any thing,
make sure to check

then, find the following code:-

]]></b:skin>

and just before it, add the next code.

--------------------------------------------------------------------------------------

div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
div.sexy-bookmarks-expand{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img512.imageshack.us/img512/3131/sexysprite.png') no-repeat !important;border: 0;outline: none;}
.sexy-digg{background-position:-980px bottom !important}
.sexy-digg:hover{background-position:-980px top !important}
.sexy-reddit{background-position:-700px bottom !important}
.sexy-reddit:hover{background-position:-700px top !important}
.sexy-stumbleupon{background-position:-630px bottom !important}
.sexy-stumbleupon:hover{background-position:-630px top !important}
.sexy-delicious{background-position:-1190px bottom !important}
.sexy-delicious:hover{background-position:-1190px top !important}
.sexy-yahoobuzz{background-position:-1120px bottom !important}
.sexy-yahoobuzz:hover{background-position:-1120px top !important}
.sexy-blinklist{background-position:-1260px bottom !important}
.sexy-blinklist:hover{background-position:-1260px top !important}
.sexy-technorati{background-position:-560px bottom !important}
.sexy-technorati:hover{background-position:-560px top !important}
.sexy-myspace{background-position:-770px bottom !important}
.sexy-myspace:hover{background-position:-770px top !important}
.sexy-twitter{background-position:-490px bottom !important}
.sexy-twitter:hover{background-position:-490px top !important}
.sexy-facebook{background-position:-1330px bottom !important}
.sexy-facebook:hover{background-position:-1330px top !important}
.sexy-mixx{background-position:-840px bottom !important}
.sexy-mixx:hover{background-position:-840px top !important}
.sexy-scriptstyle{background-position:-280px bottom !important}
.sexy-scriptstyle:hover{background-position:-280px top !important}
.sexy-designfloat{background-position:-1050px bottom !important}
.sexy-designfloat:hover{background-position:-1050px top !important}
.sexy-newsvine{background-position:left bottom !important}
.sexy-newsvine:hover{background-position:left top !important}
.sexy-google{background-position:-210px bottom !important}
.sexy-google:hover{background-position:-210px top !important}
.sexy-comfeed{background-position:-420px bottom !important}
.sexy-comfeed:hover{background-position:-420px top !important}
.sexy-linkedin{background-position:-70px bottom !important}
.sexy-linkedin:hover{background-position:-70px top !important}
.sexy-friendfeed{background-position:-1750px bottom !important}
.sexy-friendfeed:hover{background-position:-1750px top !important}
.sexy-link{ margin-left:25px; float:left}
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}

--------------------------------------------------------------------------------------

#Step 2

Find next code:-

</head>

and before it, add the next code

--------------------------------------------------------------------------------------

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();
if (sexyFullHeight>sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+'px'
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+'px'
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth=jQuery('.sexy-bookmarks').width();
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');
}
});
</script>

--------------------------------------------------------------------------------------

#Step 3

This is the last step, we are about to do it.
Find this code

<data:post.body/>

if you can not find this code, please check on Expand Widget Templates and you will find it.

--------------------------------------------------------------------------------------

<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
<ul class='socials'>
<li class='sexy-delicious'><a class='external' expr:href='"http://del.icio.us/post?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
<li class='sexy-digg'><a class='external' expr:href='"http://digg.com/submit?phase=2&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
<li class='sexy-stumbleupon'><a class='external' expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
<li class='sexy-reddit'><a class='external' expr:href='"http://reddit.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
<li class='sexy-google'><a class='external' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
<li class='sexy-twitter'><a class='external' expr:href='"http://twitter.com/home?status=Reading: " + data:blog.title + " - " + data:post.url + " (@NAME)"' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
<li class='sexy-facebook'><a class='external' expr:href='"http://www.facebook.com/share.php?u="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
<li class='sexy-mixx'><a class='external' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' title='Subscribe'>Subscribe</a></li>
<li class='sexy-yahoobuzz'><a class='external' expr:href='"http://buzz.yahoo.com/submit/?submitUrl=" + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
<li class='sexy-linkedin'><a class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
<li class='sexy-designfloat'><a class='external' expr:href='"http://www.designfloat.com/submit.php?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
<li class='sexy-technorati'><a class='external' expr:href='"http://technorati.com/faves?add="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
<li class='sexy-scriptstyle'><a class='external' expr:href='"http://scriptandstyle.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Submit this to Script & Style'>Submit this to Script & Style</a></li>
<li class='sexy-myspace'><a class='external' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u=http"+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
<li class='sexy-blinklist'><a class='external' expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
<li class='sexy-friendfeed'><a class='external' expr:href='"http://friendfeed.com/?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
<li class='sexy-newsvine'><a class='external' expr:href='"http://www.newsvine.com/_tools/seed&save?u="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
</ul>
<div style='clear:both;'/>
</div>
<div class='sexy-link'> <font size='1px'>Widget by <a href='http://www.cssreflex.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='http://www.tutzone.org/' title='Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More'> TutZone</a> | Brought to you by : </font><a href='http://www.allblogtools.com' target='_blank' title='Blogger templates'><font size='2'>AllBlogTools.com</font></a></div>

--------------------------------------------------------------------------------------

#Now Click SAVE TEMPLATE

Enjoy!!!!!!!!!

How To Add “Read More” To Blogger Posts

Preview

This is a popular Blogger hack. With this hack, you can choose to display a select amount of text from the beginning of each post as a teaser instead of showing the entire post on the front page of your blog. Then when people want to read the rest of the post, they can click a “read more” link to see the full post. This is very handy if you have lots of long articles all on one page.(Note that you’ll need to have post pages enabled in order to make this feature work.)

Step #1 – 1st U Have 2 Update Ur Template Code

First you need to edit your existing code so I recommend copying and pasting it into notepad or any text editor. Also, it’s smart at this point to create a backup of your template just in case something goes wrong. Now do a search (CTRL F) within the text editor for the following code post-header-line-1 . This is the default code that Blogger includes but some custom templates remove or change this code so you might have trouble finding it. If you can’t locate this text then try searching for <data:post.body/> instead. Your template will for sure have this since it’s the tag that actually prints the body of your post.

Now depending on which code you were able to find will determine how easy the next steps will be. You might need to do some detective work first in order to get this working properly in your custom template. The idea is to get this new code into your template before the <data:post.body/> tag. Keep reading and hopefully the explanation will illustrate the concept clear enough so you are able to adapt this hack to your custom template.

Add the following code below the <div class=’post-header-line-1′/> and <div class=’post-header-line’> tags if you’ve got both.

--------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

--------------------------------------------------------------------------------------

The result should look something like this:-

If you don’t have the default <div class='post-header-line-1'/> tag then your result should look something like this instead. This is how it would be done in the MushBlue Blogger custom template:

Notice in both examples that the code in yellow and the <data:post.body/> tags are the same — it’s just tag above it that will differ based on the template you’re using.

Now let’s add one more bit of code which will actually create the “read more” link in your post. This code will go below the <data:post.body/> Now let’s add one more bit of code which will actually create the “read more” link in your post. This code will go below the

--------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

--------------------------------------------------------------------------------------

Yes, there are supposed to be two </b:if> tags in the above code so don’t think it’ s a mistake. The result should look like this:-

This code will be the same no matter what template you are using. Just make sure it goes below the <data:post.body/> as shown in the image above.

Now let’s look at what the final result should be. Here’s the updated code block you just worked on all put together:

Ok, you’re all done editing the template code. Paste it back into your Blogger html window and save it. If you get an error, you made a mistake. The most common mistake is to accidentally delete a > or < while pasting in the new code. If it saved successfully, it’s time to move onto the next step and modify a quick Blogger format setting

Step #2 – Add a Class Tag in Your Default Post Template

For this step, you need to navigate in your Blogger account to “Settings” => “Formatting” and scroll all the way down to the bottom. It’s the last option called “Post Template”. You’re going to paste in the following code:

--------------------------------------------------------------------------------------

<span class="fullpost">

</span>

--------------------------------------------------------------------------------------

You’ll want to keep the spaces in there which will make sense later. After you save this, it will look like this:

Step #3 – Create a New Post

Ok, we’ve got everything all setup so it’s time to go and test it out. Hopefully you’ve got a new post in mind for your blog. If not, then we’ll just create a test post which you can later delete. When you click on the “Posting” tab, you’ll notice that the post text area is now pre-populated with the <span class=”fullpost”> and </span> tags. If not, then you didn’t save it properly so go back and re-read step #2.

So when writing your new post, anything you put above the <span class=”fullpost”> tag will be the teaser text. The main body of your post needs to go in between the <span class=”fullpost”> and </span> tags in order for the “read more…” link to work properly. See the screenshot below. Sometimes pictures illustrate better than words.

Now publish or preview your post to see the “read more” hack working on your blog. If it doesn’t show up for some reason, go back and run through the steps again. Most likely you pasted the code blocks in the wrong places. It’s difficult to troubleshoot these issues since each template can be unique so please make sure to double-check your template before asking for help in the comments section below.

Here’s the live post with the “read more…” link properly working based on the text I used above in the post text area.

Instruction

If you want to go back and update your old posts with this new “read more…” feature you can. Just go back and edit each post manually. Essentially you’ll need to paste in the <span class=”fullpost”> and </span> tags breaking apart the post into two parts.

For some posts, you might not want to use this feature at all. If that’s the case, just delete the <span class=”fullpost”> and </span> tags from within your new post text area. Then your new post will show up entirely just like it used to before you implemented this hack.

Best Of Luck

Thursday, October 1, 2009

BlogCatalog Widget For Blogger

Click Here To Add BlogCatalog Widgets In Ur Blogger

How to Install Google Analytics on Blogger

Wouldn’t it be nice to know how many people actually visited your blog each day? How about knowing which of your posts are the most popular? Well surprisingly Blogger doesn’t currently offer any native blog analytics but fortunately there is Google Analytics — available for free.

Google Analytics is a great tool that will show you all sorts of useful information about how people found your blog, keywords they searched on to find you, where they came from and even how long they stayed. You’ll learn more about where your visitors come from and how they interact with your blog. This is a must tool if you are trying to build a profitable blog otherwise you are flying blind!

This article will show you how to add Google Analytics to your Blogger blog. It’s a fairly simple process and doesn’t require any technical skill at all.

Step #1 – Setup a Google Analytics Account

Go to Google Analytics and sign in using your Blogger login. If your account doesn’t work for some reason, you can create a new one instead. Once you login you’ll see a screen that looks like this:

Click on the “Sign Up >>” button and proceed to the next step which will ask you for your general information. Website URL, Account Name, Country, and Time Zone. The screen will look like this:

If you noticed, I just put my Blogger url (without the http://) and called it “David’s Account” because this is your top-level container for 1 or 100 different websites so it’s a good idea to name it something more general. The next step will ask you for your contact information which includes your first name, last name, phone number, and country. Easy so far right?

Your last step in signing up will ask you to accept the user agreement terms and conditions which you should read (just kidding…who actually ever reads these entire legal terms anyhow?).

Now this next screen is very important. This is the code you will need to copy and paste into your blogger template. Go ahead and click into the box and it will automatically highlight the entire block of code for you. Now you need to copy that code and paste it into notepad or into a MS Word document. Save it as you’ll need to use it later.

After you click on the “continue >>” button you will be taken to your brand new Google Analytics dashboard! You will see your blogger blog listed but with no analytical data….yet.

Ok, now you are done with setting up your Google Analytics account. The next step is placing the tracking code into your Blogger template so it can report back to Google Analytics and provide you with some cool data points.

Step #2 – Adding GA Tracking Code to Your Blogger Template

This is not a very difficult step even if you are afraid to touch your template code. Login to your Blogger account and then click on the “Layout” => “Edit HTML” tabs. This will bring you to the template code. Before you make any changes, I advice you to back up your template just in case there are any problems. After you have done so, continue reading.

Now in the edit template html code window, scroll all the way to the bottom of your template code and look for the </body> tag. There should only be one of these closing tags in your template. If you can’t find it then your template wasn’t properly created and you should add one right above the </html> tag.The </html> tag should always be your last line of code in your template. It signifies the end of your template.

Ok, now go back to the code you saved before in a Word Doc from Google Analytics. You are going to copy it and paste it right above the </body> tag as illustrated in the image below. The yellow highlighted code is the new GA code I just pasted into my template.

Save your template and you shouldn’t get any error messages. If you do, it’s most likely not related to this GA code and something else with your template itself. Assuming you’ve been successful with your save, you are all done embedding the GA code in your template!

Step #3 – Confirm Google Analytics is Tracking

Go back into your Google Analytics account and look at your dashboard. Most likely you will see a little yellow

exclamation mark under the “status” column that looks like this:

. This means everything isn’t working properly yet which is fine because we are about to tell GA we just added the code. From your dashboard, click on the “edit” link which is located to the far right.

After you click on that link, you’ll see another screen like below. It will say “Tracking Not Installed” followed by a link “Check Status”. You’ll want to go ahead and click on that link which will tell GA to visit your site and look for the new code you just pasted in your template.

Assuming you pasted the code in there as instructed above, GA will find the new code and begin tracking everything on your blog. If you are still having problems, it’s most likely something to do with GA and you should read their help guide to troubleshoot your problem.

The message seen here, “Waiting for Data” means you have correctly setup GA and data is being gathered! Click on the top left Google Analytics logo and it will take you back to your dashboard. From there click on the “View report” link and that’s where all your very important Blogger visitor data will start appearing!

Now it usually takes an hour or so before you will see any data (maybe longer if you don’t get much traffic to your blog) so please be patient. Trust me, you’ll be logging in at least once a day just to see how much traffic your blog is getting. It’s very addicting and powerful information to learn from. You’ll be surprised which posts are your most popular and what countries people are coming from to read your blog.

Google Analytics is very powerful and we have just learned how to install it into your Blogger template. We haven’t even scratched the surface on the features and reporting it can do. For most Bloggers, this will be enough. Data will be collected and you will just review it. Others with more in-depth goals (like selling products or services, creating a sales funnel, etc) will want to spend more time learning GA. Hope you enjoyed the tutorial and don’t blame me for your new found addiction!

Best Of Luck.....

Subscribe to: Posts (Atom)

Tips and Tricks for Blogger Copyright © 2009 http://tips-tricks-for-blogger.blogspot.com