Google+ Facebook Twitter Friendfeed
Gratis berlangganan artikel o-om.com via mail, join sekarang!
Showing posts with label Blogging Tips. Show all posts
Showing posts with label Blogging Tips. Show all posts

Put your Avatar comment on Blogger

Still in the blogger's birthday is the 10th, this time bloggers adding more new features are in addition to visitor comments, can also directly display the comments along with their blogger profile photo. This facility is very similar dengat tutorial I wrote some time here and here lulu. Unfortunately, in order to display kometar Avatar on Blogger, we have the login status.

2
HOW TO GENERATING TRAFFIC TO YOUR BLOG

Affiliate marketing entails promoting other people or company's product or services through your website or blog for a commission. This means that you need a lot of publicity to achieve this, by creating awareness of the existence of your website or blog to internet visitor or surfers. This awareness will in turn attract a lot of visitors to your site. The process of moving people to your site is known as traffic generation.

 

Traffic generation seems to be the most difficult aspect of affiliate marketing, because the more visitors you pull to your site , the more likelihood that you will generate more sales or more clicks and this is the only way of earning money in affiliate marketing.

6
Blogger URL as OpenID identity

OpenID can be said as a concentrated login system. OpenID has purpose to make login system easier with just using one username for login to many sites. With OpenID, we don’t need to do many registrations to different sites. Enough with one registration, we can login to many sites and of course the sites that can do login is the one that supports OpenID.


After Google (blogger) supports OpenID provider, this is a benefit for blogger users because with just activating OpenID in the blogger’s profile, we can use blog’s URL to identify ourselves in many sites that has supported OpenID 1.1.


IDHow to activate blogger’s URL as OpenID identity

1. Click http://draft.blogger.com/

2. If you don’t login yet, please login first

3. In the setting, enter edit profile and then turn on the choice to activate OpenID for blog.



4. Don’t forget to save


Starting from now, our blog’s URL can be used to login to many sites that support OpenID login. Thanks

4
Manage the saving capacity in Blogger

“Blogger actually never erases your picture although you don’t use that picture. The picture that is uploaded through blogger usually is saved automatically in Google Picasa.”.

Until now, there is no certainty about the saving capacity for the postings in Free Blogger. If you use FTP External (Private hosting), of course the saving capacity depends on the related hosting directory. How about the saving capacity for picture in Blogger? It’s different with the saving capacity for the postings. The saving capacity for picture in Blogger can be seen directly and the picture in Blogger is usually saved automatically in Google Picasa


Seeing the saving capacity in blogger can be done easily. Try to pay attention while uploading a picture in posting page. In there, there is information about the saving capacity for picture (This time, you use 9MB (0%) from you 1024 MB) -> the example of my saving capacity for picture. Perhaps that information also includes the saving capacity for posting :)



How much is the saving capacity for picture in Picasa?

 

The fast and easy way to see how much the saving capacity for picture that has been used is to check directly in Google manage storage. There are two capacity information that are shown, the capacity in Gmail and Picasa web Album.
 




Manage the saving capacity for picture in Album Picasa.



I am certain that we often upload picture, and then cancel it to change the picture with another one. Although the picture is not used, the picture is still saved. In the login status in Google account, we can prove it by seeing the saved picture in Google Picasa. In here, we can easily manage the picture. Erasing some unused pictures means there is a restoration in the saving capacity. (Note: Pictures that are uploaded through blogger are usually marked with tiny blogger icon in down-left)
 



7
Making Recent Comment via Feed

I have already explained before how to make recent comment with Javascript here. Now I will explain how to make recent comment via Feed. Perhaps you are confused which one you want to choose. Both of them of course have their own advantages and disadvantages. Clearly, recent comment via Javascript has more advantage on appearance while recent comment via Feed is simple for the appearance but in the case of loading, it’s more faster.

 


How to use Feed:


Firstly, enter Layout -> Page Element -> Add a Page Element -> Feed and then in Feed URL, enter your feed address. There are two feed choices that can be used:


1. Use Feed Default Blogger

http://namablog.blogspot.com/feeds/comments/default

2.Feed with FeedBurner

 http://feeds.feedburner.com/NamaFeedComment


Don’t forget to change the red color with your blog name / your feed comment name, Good luck :)

8
Showing Top Comment on Blogger

Top comment in Blogger is information about the most amout of commentators in our blog. Until these days there are so many people who ask me about showing Top Comment on Blogger. Finally, I know how to do it.  The code maker, first published here. And then it was edited here,. As additional, this Top Comment was made by Ionut Alex Chitu, who makes it by application from yahoo pipes info online help. In detail, you can see it yourself from http://pipes.yahoo.com/googlesystem/topcommentators


The code below is code that you can use directly. The way to place this code is really easy. Just insert it into page element:

 

 


Anything that need to be edited?


filter=nickname : enter name that you want to give filter. Better if you filter your own name.

namablog.blogspot.com : change into name of your blog

num=10 : Number of commentator that you want to publish or show.


On first appearance, we will find sort of commentator number. If it annoy you, just erase both of code document.write("<ol>");  and document.write("<ol>"); ; on the code above.


11
How to Adding Meta Tags on Blogger

Meta tags is the method to send important information to search engine about the information of a page. There are many meta tags appropriate with the standard HTML 4.0 from World Wide Web Consortion. But actually, which are really used by search engine are only three: description, keyword, and robots. About the explanation of meta tags, since there are just too many people who write about this, om will choose one of the best site that can be trusted. The information that om took is from this address: http://www.promosi-web.com/ (There is no any editing in the explanation)


Meta Tag Description


Meta Tag Description is used to give the general information about the content from your web page. The characters shouldn’t be more than 200 characters. It’s the best if the description can be used as the sentences that are located in the beginning of the web page. The example of meta tag description writing is as followed:


<meta name="description" content="Promosi-web.com is a search engine tutorial that explain how to get
top rangking in all major search engine and get high traffic for your web site. Available in Bahasa
Indonesia.">
 

Some search engines like Northern Light and Google don’t use meta tags as the description of its search results. Which are used by them are the beginning sentences that are located in the related web page. That’s why I advise you to use the content from meta tag description as the opening sentences. If the earliest part of your web is in the form of menu, then the description that will be shown in the Northern Light search result is like this:


Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the
web to...


Meta Tag Keyword


Meta Tag Keyword is a very important existence since it will decide what kind of keywords that can find that web page in search engine.

 

The basic syntax from meta tag keyword is as followed:


<meta name="keywords" content="keyword1 keyword2 keyword3 ...">
atau ada juga yang menulis dengan pemisah tanda koma :
<meta name="keywords" content="keyword1, keyword2, keyword3, ...>

Both of their function are the same and don’t have any influence in search engine. The purpose of using comma is to make those keywords easier to be read. One thing that must be paid attention here is don’t repeat a word more than three times because it will be considered as a spamming.

 

The example of the wrong meta tag keyword is:



<meta name="keywords" content="bali, bali hotels, travel in bali, bali island, bali weather>


In here, it is very clear that the word “Bali” is repeated more than 3 times. The example below won’t be considered as a spamming by search engine:


<meta name="keywords" content="bali hotels travel bali island bali weather">


The more important about keyword is don’t make keyword that is not related with your web page content. This is also considered as a spamming. As an example, your web contains the information about tourism in Bali, don’t ever add “MP3” or “Britney Spears” as keyword just because those keywords are one of the most favorite keyword in internet.


Meta Tag Robots


The main purpose of using meta tag robots is to decide which web page that can be indexed by spider and which web page that can’t. This tag is very useful especially if a website uses frame as its navigation. Of course we don’t want to show menus in the frame to be read by search engine.

The basic format from meta tag robots is as followed:
 

<meta name="robots" content="index | noindex | follow | nofollow">

 

As an example, if you want the spider to read the main page and then trace all existing links, then add the code below:


<meta name="robots" content="index follow">


With this code, the spider will index your main page and schedule to index the other pages that can be found through hyperlink (<a href="">).
The code below will instruct the spider to not index or trace the link that is existed in a web page.
 


<meta name="robots" content="noindex nofollow">


Then how to put Meta Tags in Blogger::


 To put Meta Tag in Blogger is quite easy. First, enter Edit HTML and the copy the code below. Usually the meta tag code is placed under the code <title><data:blog.pageTitle/></title> and don’t forget to change the red code below appropriate with your blog description.


<meta content=' your description here'  name='description'/>
<meta content='
keyword1 keyword2 keyword3 ...' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>


Good luck, Happy Blogging with agusramadhani.com :)

Secret behind “Meta Title Tag” Blogger

“If you notice the title in o-om.com blog in a glance, there seems to be nothing strange. But actually, behind the title of the blog o-om.com, there is a secret that is rarely known by Bloggers.”

Keyword in Meta Title Tag Blogger has a vital role. Almost all search engines give more focus on title usage. The title should only represent 2 until 3 keywords. The closer keywords in the beginning of the title, the better it will be. If you have focus on this short title, it won’t become a problem. But sometimes, there is a title that you need to enter more than 10 words and it will look too long. Frankly, this will become a serious problem if you are focus to title usage, long title usage will ruin your posting title in search engine. This is caused by keyword existence in your posting title is being stolen by your blog title. You need to know that search engine won’t show the result of text completely but will only cut your keyword with the mark […] as the next text.


If you notice the title in o-om.com blog in a glance, there seems to be nothing strange. But actually, behind the title of the blog agusramadhani.com, there is a secret that is rarely known by Bloggers. Even if you use View Source in the browser, you won’t see any change of the code in this title blog meta since the browser has already converted HTML to standard default modus. Thus, it won’t show HTML but default script in Edit HTML Blogger.


You may see that this blog’s main title can be counted as a long one where O-OM’S BLOG is the blog’s title and then it is followed by some main keywords. Let’s see what will be happened in the result of the search engine if I use long title in the standard blogger’s title, as an example the keyword is “Cara membuat Favicon”. Clearly, the main problem is the users won’t ever find keywords with that title. It is very clear that long title usage will be a vital problem where you will lose keywords in the posting title.


An example problem in long title:

 O-OM'S BLOG | Tips dan Trik Blogger untuk Pemula: Cara ....


See the difference between the result in above and the result in below, which one do you think is the best?? Of course it is the below one. It is so clear that the keywords of Posting title is behind the blog’s title before the main keywords. Click here to see more.

 


An example of modified long title:

 O-OM'S BLOG: Cara Buat Favicon | Tips dan Trik Blogger ....



How do I manipulate so that the posting title is between the blog’s title and the main keywords? Follow the method below so you will know the difference.

1. Enter Layout -> Page Elements -> Point in the Header and then click Edit.

2. In the blog title, enter your blog’s name (It’s better if you use only two words)

3. Then enter Edit HTML page and then search for the code below:

<title><data:blog.pageTitle/></title>

And then add your keywords like in the red text example below (you are able to change it with your own keywords)

<title><data:blog.pageTitle/> | keyword1, keyword2, keyword3</title>

4. Save and see the result.

Long title won’t be a problem anymore now thus you don’t have to be afraid to use long title, even more losing posting title keywords in the search engine… Please experiment yourself. Thanks O-OM.

2
Simple Creating Drop Down Menus

Dropdown menu or Pull-down menu is the collection of some data (in the form of text and link) which is shortened to become a single menu. Dropdown menus can be used as you need. Beside it can be used as an alternative Blogroll, you can also use it to make many link addresses to the targeted site. Do you want to know how to make it?

How to make standard dropdown menu



 

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="
http://alamat-url1.com">Menu1</option>
<option value="
http://alamat-url2.com">Menu2</option>
<option value="
http://alamat-url3.com">Menu3</option>
</select>
</form>

 


How to make dropdown menu with button



<form name="jump">
<select name="menu">
<option value="
http://alamat-url1.com">Menu1</option>
<option value="
http://alamat-url2.com">Menu2</option>
<option value="
http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>



How to make dropdown menu with picture button



<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="
http://alamat-url1.com">Menu1</option>
<option value="
http://alamat-url2.com">Menu2</option>
<option value="
http://alamat-url3.com">Menu3</option>
</select>
<a href="Javascript:jumpMenu()"><IMG SRC="
http://oom.blog.googlepages.com/Go.gif" border=0></a>
</form>


Note: The code which is marked with red color can be replaced as you want.