utak-atik

Onetime i want to share my trick in my blog, and then i wrote some post....but when i publish it, i really shocked...the trick with consist of HTML code doesn't appear. What wrong with my post?.. I really confused. I search this problem in search engine,until i found the answer. The answer is if we want to insert a HTML code, it must be coverted the HTML characteristic with symbol/notation. Or we can use another trick.we can post a HTML code using by a more trick.
1. We can use form text area.<textarea>HTML CODE</textarea>. If we use this way, the result will be like this
<div id="'footer-wrap1'"><div id="'footer-wrap2'"><b:section class="'footer'" id="'footer'/"></div></div>
2. second way to post HTML code is change a character in that code with symbol/notation.
But how if the code is to much??? You can use this site to help change characteristic into notation. (http://centricle.com/tools/html-entities/). The way is so simple. Put your code and then click uncode.

3. Third way, we can use image software (paint, photoshop, or another else).
For me i usually used "PAINT", it so simple. For the first we write that code in Word, excel, or another relevant software, and then we change to image file. How to make it to be image file? just hit "ALT + PrtScSysRq" and paste in "PAINT" software. And then crop which area do you want. Save the file, and then upload.
Now, we can post easily HTML code.

Have a nice day

What is a mean of "Drop Cap"? Drop cap style is a style that a first letter in your post become big. Like what a "Drop cap style" is?
Drop cap style is like this picture.

picture 1. Drop Cap Style

And the how to apply this style in our post...? The way is so simple. First you must edit your HTML. Go to www.blogger.com and then log in to your blog. If you was log in, go to layout, and then click "edit HTML".

note
Don't forget to check Expand Widget Templates

go find the code below:
.post img {
..............
..............
..............
...until the code finish
}

and, add this code:

.post t { float:left; color: $textColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

And then, save our template.
Finish? not yet. A more little time to finish this Trix. Go to Setting > Formating.
In post template, add this code HTML like this:
But must be remembered, if we want this style appeare in our post, we must add code above in our post. like this.

Now we can apply the Drop Cap Style

Have Nice.

Sometime we feels boring about our blogger template. Sometime we want some more attractive template, sometime we want a more simple template.( I dream this thing)The most question is how to change it? How to make our eagerness become true? Now i want to share how to this. I will write some article about it.Ok, to safe our time I will start it.
First, we must have a template that will be use. we can download it from a web. For an example you can download in www.freetemplates.blogspot.com, or in this site www.finalsense.com, or in www.eblogtemplates.com, and many more site that offering a free template.
but must be remember, sometime we download in zip file or rar file. we must extract first.
After have a template, we must log in into our blog. I'm sure that we was knew how to log in.
go to layout.
and then go to "edit HTML", and then browse your template file.
and then click upload. Wait it until upload process was finished. I suggess you take a rest for a moment, drink coffee maybe...
minum,...or make a call your friends, or something to relaxation your body.(just tips...)

Finish...?? if no one instruction on your monitor, it's mean your process was succsess. but if appear in your monitor, you must fix that instruction.
for an example, if that was appear "More than one widget was found with id: Label1.
Widget IDs should be unique", Like this
it means in your code, there is a two item (see the line word) with have a same number. You must make it different number. So, you must change the code.

I hope this article can be help for anyone, essepecially for a newbie like me.

Have fun.

For somebody, writing a e-mail or publish some article is a hobby. But, have you been mind to express our feelings into the e-mail or article in the form of a picture? feeling sad , feeling happy, or anything else? broken heart maybe, make some call maybe?
With this picture (or people almost say emocition/smiley), people will more interesting to our e-mail or article.The way is so simple.In this tutorial, we will know how to use that feature. First you must, download the software. Software name is POSTSMILE.you can download in this link.
http://www.ziddu.com/downloadlink/4099365/postsmile.exe, wait for the process. maybe is a good idea for some coffee maybe.
opps, download process was finished. Now, you must have to install that software. After install you can use that program.

HOW TO USE IT???

To you use this software is so simple to. Just drag the picture which you want insert to post, and a "smiley" will appear. Just follow this picture below.....

This software are applicable for :
1. Microscoft Outlook
2. Outlook Express
3. Gmail
4. Yahoo mail.
5. MSN mail
6. blogger
7. and another else.

I hope this article was usseful for us.

Last time i posted about blogger template tutorial part 1, Now i will try to continue it. But i'm really confused where i must start it, because honestly i'm just a new person in this world. But i will try to explain it. Yesterday i was explain about blogger template structure. Blogger template usually consist of body, header, main section (post block, comment block, title), sidebar, footer. If we look for the code, blogger template usually have structure like this.

Section 1:
he 'header' of the code. Basically it contains important information about the template code and the title of your blog. All template have standar code in this section. The only time you add some codes here is when you want to put some meta tags (additional information about your blog for SEO). But I don’t really understand about SEO.stupid
Section 2:
This section is for CSS styling (Cascading Style Sheets). This code is to control how look like your blog. For modification template ,it's a very important thing.
Section 3:
This section ussually consist of code from our template content, like a header content , main content (title, post, comment), sidebar content, footer.
Now i will jump to explain "section 2".
In this section a once template and another can be different. but in my explanation i use a simple code to help easier to understand.

Example Template Code



1. Variable Definition Code:
This code have function to control what kind font and color that appear in the Fonts and Colors tab in the Layout page.

2. Global:
This part contains the code to control the general appearance and layout. If you look at the green bar above, you'll see the code "body {.....}". This means that every code that goes inside the {.....} will control the general properties (size, layout, & background) of the body of the template (everything that the computer screen covers). For example, it controls the width of your whole template and the background color or image.

3. Header:
This part controls the properties of everything inside your Header-wrapper container. The most common ones are the Blog Title and the Blog Description.

4. Main:
This part controls the properties (size, layout, and appearance) of everything that the Main-wrapper block contains - the Date Header, the Post, the Comment, the Feed Link, and any widgets that you drag into the Main section using the Add Page Element tab.

5. Sidebar:
This part controls the properties of everything inside your Sidebar-wrapper - for example the Labels, Blog Archive, Adsense units, Link Lists, etc.

6. Post-Footer:
This part controls the properties like:
a. The Post-Footer - the texts below your post body. This is the part that contains information about your post, or the texts that say "Posted by YourNickname, Labels: .....,Comments, etc.
b. The Blog-Pager - the links at the bottom of your blog posts that say "Newer Posts, Home, or Older Posts".
c.. The Feed-Link - the link that says "Subscribe to: Posts (Atom)".

7. Comment:
This part controls all the properties of the Comments section in your blog.

8. Footer:
This part controls all the properties in the Footer section. Generally, the Footer section contains some text explaining the ownership or copyright of a blog. In some other blogs, they also put extra stuff in the Footer section, like the Recent Posts, Popular Posts or another widget.