Image make Comment Blog Send to @mail in blogger

Hi Friends, i'm glad to meet you again at this post. At this opportunity, i will give you a tips. Possibly this tips a lot have known it, however don't close possibility is which not yet known it. This tips is about every your visitor give a comment at your blog automatically sending to your @mail inbox. So that every the comment entering in blog direct in sending automatically to yout @mail, hence you have to do setting at setting tab. This is the steps :

1. Login to blogger with your ID.
2. Click Settings.
   
3. Click Comments.
   
4. Scroll to underside and you will find a box near the article Comment Notification Address, write your email address inside the box. for example : jalupapang2000@yahoo.com
   
5. Click
6. Finish.

Now you'd get an email from blogger.com every your blog visitor give a comment

Image Make a Post Summary (add Read more Function to your blogger post)

If you are a beginner, possible you'd feel to surprise when seeing the articles in my blog presenting only shares first paragrap or second paragrap, and to read for full article, you must click Read more... link. Alright.. please don't feel surprise, i will discuss about this now.
The function like that called Post Summary. You can make a post summary function with add a little code to your template code. But this code is for new blogger template (beta) and does not work at classic template.
Please follow the steps below :
Step #1 :

1. Login to blogger with your ID
2. In the dashboard page , click Layout.
3. Then click edit HTML tab.
4. Click the Download full template link. Save your template (very important)
5. Please mark the little box beside Expand Widget Templates. Wait for a moment.
   
6. Go to your template code, and find the code like this :

   <p><data:post.body/></p>

7. Delete the above code and change with this code :

   <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'><strong>Read more...</strong></a></p> </b:if>

8. Click Save Template button
9. Step #1 is done.

Step #2 :

1. Click Setting tab.
2. Click formatting tab.
3. Go to lower side. you will find a blank text are beside Post Template. Fill that blank text area with this code :

   <span class="fullpost"> </span>

4. Click Save settings button.
5. Step #2 is done.

How to post your article?
When you post your article, choose tab. and you will see the code below :

<span class="fullpost">
</span>

Place the first paragraps above of :

<span class="fullpost">


and place the rest of paragrap under of :
<span class="fullpost">

and above of :
</span>

and then publish your post. Done.
If you still feel confuse, this is the example how to place your article:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet. (this will show in front of your blog)
<span class="fullpost">

Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. . (this will show if visitor click read more)
</span>
At front page of your blog, will show just like this :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet. Read more...
The last, if you try this hack and you not succes, don't be panic. upload your backup template, and it's will be back to template code before you do edit.

Technorati Tags: blogger,blogspot,blogger hack

Image Tut No.2 : How to Settings your blog?

If your blog want caried by google, you must doing several settings. This is how to setting your blog:

1. Login to blogger.com with your ID.
2. If your blog more than 1, click at the blog title want to setting.
3. Click Setting and then click Basic. Several form that must in the contents to the menu basic:
   • Title : Content with your blog title. Example : Blog Tutorial.
   • Description : Content with your description blog. Example : All about blogging can find here.
   • Add your blog to our listing : chose Yes, so that every time posting always entered the Blogger.com list.
   • Show Quick Editing on your blog : Chose Yes.
   • Show Email post link : It is best to chose Yes, but if you chose No also it's allright.
   • Show compose Mode for all your blog : Chose Yes.
   • Show transliteration button for your post : chose Yes if the you wanted to be button to change normally alphabet to hindi (India) alphabet, Chose No if being the reverse.
   • Click Save Settings.
   • Finish.
4. Click Publishing to arrange the publishing menu.
   • Blog’Spot Address : Content with your blog address. Example : kolom-tutorial.
   • Send Pings : Chose Yes.
   • Click Save Settings.
   • Finish.
5. Click Formatting to arrange the formatting menu.
   • Show : Chose the number of post want you to display in your blog. Example : Show : 6 post, it's means your posting will display in your page Totally six posting. Chose Post (don't days) at pulldown menu
   • Date header Format : Chose the style of date/month what you wanted, this date/month will display above your post.
   • Archive Index Date Format : Chose the style for your archive
   • Timestamp Format : Chose the style of the time, what you wanted.
   • Time Zone : Chose the matching zone with your place. Example for WIB : [UTC+7.00] jakarta.
   • Language : Chose language what you wanted.
   • Convert line break : Chose Yes, but if you chose No it's allright.
   • Show Link Field : Chose No, but if you chose Yes it's allright.
   • Enable Float aligment : Chose Yes, but if you chose No it's allright.
   • Click Save Settings.
   • Finish.
6. Click Comment to arrange the Comment menu.
   • Comments : Chose Show.
   • Who Comment? Chose Anyone. It's means anyone can comment to your post.
   • Comments Default for Post : Chose New post Have Comments
   • Back links : Chose Show. It's means you will know if another people has linked to your post.
   • Backlinks default for Posts : Chose New post have Backlinks.
   • Show comments in a popup window? : Chose Yes. It's means when the people click Comment link your blog not lost.
   • Show word verification for comments? : It's better to chose Yes
   • Enable comment moderation? : Chose No, but if you wanted chose Yes it's allright.
   • Show profile images on comments? : Chose Yes. It's means the photo of commentator of blogger member can display.
   • Comment Notification Address : Content with your email address.
   • Click SAVE SETTINGS.
   • Finish.
7. Click ARCHIVING to arrange the archiving menu.
   • Archive Frequency : Chose monthly.
   • enable Post Pages? : Chose Yes.
   • Click SAVE SETTINGS.
   • Finish.
8. Click Site Feed.
   • Publish Site Feed : Chose Yes.
   • Descriptions : Chose Full
   • Article Footer : If you have advertising code like Google Adsense, you can insert the code here.
   • Click SAVE SETTINGS.
   • Finish.
   
   

Image Tut No.4 How to change the blogger template

If your blog is hosted by Blogger, then you may not be happy with the free blog templates, provided by Blogger. So if you want to give a professional look to your blog, then you must first change the template.
Before you change your template, you need to download a good template for your blog, so first have a look here: Free Blogger Templates
Now after selecting and downloading the template, you have to upload this template to your present blog.
So follow these steps:
1. Log in to Blogger (You are at dashboard)
2. Click on the Layout link, for the appropriate blog.
3. Now you will see a page similar to this:

4. Click on the "Edit" links on the widgets, and back up their content in text/note pads in your computer (Because when you change the template, you will lose all the widgets content)
5. Now click on the "Edit HTML" link (top menu).
6. Now in this new page, click on "Download Template" (This is done to back up the template, in case you want to revert back to your present template)

7. Now upload the new template, in case a message is displayed to remove any widget then click Remove and Save, as you have already saved the content in step 4.

Technorati Tags: blogger tutorials,blogger,blogspot,blogger templates

Image tut No.1:Making a Blog at Blogspot

Maybe, there're some of you who still don't understand about blog, and still wondering about blog. As my kindness, I’ll try to review a little about blog. (Based on my version),

1. Blog, What it is?

Blog (abbreviation from Web log) is sites which more dominant in private characteristic. This means, most of the content will be affected (realize or not) by the characteristic of the Blogger (Blog user) himself.

Blog was made by the designers of the blog provider in order to work automatically and easily
to be operated on, so for we that still was confused with the programming language to make one website still not the problem.If you could have made an email account in the internet, then in made blog then I was convinced you could.

2. How to make a blog?

As if when we start to make an ordinary e-mail, we’ll need an account first, to make a blog. Because of that reason, feel please to register yourself in free blog provider. We can find a lot of free blog provider in internet, and some blog provider which really famous nowadays, are http://www.blogger.com/, http://www.wordpress.com/ or http://www.blogsome.com.

In this chance, I’m going to review about make a blog in http://www.blogger.com/ Click the picture below to register.

Saw the picture below:

After we arrive in Blogger.com, you will see picture like shown above. Now, follow my instruction.

1. Click an arrow sign, inscribed with “CREATE YOUR BLOG NOW”
2. Complete the ‘e-mail address’ form, with your own e-mail address (of course with the valid one).
3. Rewrite your e-mail address in form ‘retype e-mail address’
4. Type the password as you wanted to. Type it in form, ‘enter a password’
5. Retype your password in form ‘type password again’
6. Type the password as you wanted to. Type it in form, ‘enter a password’
7. Retype your password in form ‘type password again’
8. Type the word which has shown, in form ‘word verification’. Click the white little square beside the sentence, ‘I accept the Terms of Service’.
9. Click an arrow sign inscribed with “CONTINUE”
10. Write the title of your blog that you desire (you can change it later) in form ‘Blog Title’
11. Type the name of your site in form ‘Blog Address (URL)’ .
12. Type verification word which shown in form ‘word verification’. After that, click an arrow image inscribed with word, ‘CONTINUE’.
13. Choose one template that you wanted to (You can change it later, if you want), then click again an arrow sign inscribed with word ‘CONTINUE’. 
14. Wait a moment. After you meet a sentence ‘Your blog has been created’. Click an arrow sign (again) which inscribed with “BEGIN POSTING’. Feel please to fill up your blog with everything you want to. After you finish with your first posting, just click the sentence, ‘PUBLISH YOUR POSTING’, Please write What you want, if being finished then click of the publish button.
15. It's Done.
    Technorati Tags: blogger tutorials

Image Tut No.3 : How to backup your "Widgets

Be like my promise at my previous post that is i will posting how to backup the data in the widget / page element.
If emerging question do we require to back up the data in page element? the answer is very require to. Because if you change your old template with new template, hence the data in page element will follow to be vanished, and you'd lose all data be like : guest book, blog accessory, blog tool, and also all which have been attached in your blog forever.

Many the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.

Back up widgets From Page Element
Back up widgets in this way be in fact very disturbing, however than we lose various accessory and also tool which have been attached, wiser likely to do so.
Please follow the steps below :

1. Login to blogger with your ID
2. Click Layout.
3. Click menu Page Elemet, you will see the page be like this ( just example):

   

4. At representative of above seen the article edit which I give red circle, You must click at Edit in each the page element, hence will emerge popup window figuring in the code have in input to that. Pay attention the picture below :

   

5. Copy the code inside there, and paste to Notepad.
6. Repeat the step above at all the elements.
7. Finish.

There is the step how to back the data inside page element. This is the other way to backup your widgets.

Back up widget through Template Source Code
I think this way is more quickly and efisian, you need a few time to do this. This is the steps :

1. Visit your blog address.
2. After you at your self blog, click the menu View at the bar menu. See the picture below :

   

3. After click the menu View, will be out the sub menu, then click Source.
4. if your browser is Internet Explorer, so there is automatically will out the notepad with your template source code. If your browser is Mozilla Firefox or Opera, so there is out the new page with your template source code For example, see the picture below :

   

5. Save your template source code.
6. Finish.

If your question, where is the widgets code? there is always begin with :
<div class='widget-content'>
And in terminating with code :
</div>
For example, in my template source code. there are code be like this :

<h2 class='title'>Buku Tamu</h2> <!-- this the title of your widget -->
<div class='widget-content'> <!-- look at this code -->
<!-- Begin Shoutbox - http://www.shoutmix.com -->
<iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya" height="500" title="jaya">
<a href="http://www.shoutmix.com/?jaya">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"></a><br/>
<!-- End Shoutbox -->
</div> <!-- look at this code too -->

So, my widget code is like this :

<!-- Begin Shoutbox - http://www.shoutmix.com -->
<iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya" height="500" title="jaya">
<a href="http://www.shoutmix.com/?jaya">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"></a><br/>
<!-- End Shoutbox -->


I hope with this post you become know how to backup your widget template. So, if you want change your template with a new template. Please don't forget to backup your template and your widgets too.