Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts

Monday, August 18, 2008

What is Meta Tag?

This post is as continue post from previous and also I got from Cosaaranda site. Beside the Geo Tags, there are also tags named — Meta Tags. Like geo tag, Meta tags are additional information regarding our sites or site's page which are added in header area of the HTML code of the site. So let us continue to know these Meta tags.

Meta Tag Description

<META NAME="description" CONTENT="This is book site">

From above example, it can be seen that Meta tag description is consist of information about web or webpage description. Idealy, meta tag consist of not more than 180 characters including space or 25 words.


Meta Tag Keywords

<META NAME="keywords" CONTENT="new book,author,writer,publisher,best seller book">

Meta tag keywords consist of key words that related to theme of the web or webpage. The keywords can be simple word or phrase. Ideally it more than 10 key words.

Meta Tag Robots

<META NAME="robots" CONTENT="index,follow">

Meta tag robots consist of instruction for robot or crawler of the search engine (e.g. Yahoo, Google, etc). At above example, the crawler of search engine is allowed to index the related page and follow all links on the web page. Currently this Meta tag already rare to be used by web developers because there is other solution that more flexible to control the robot of the search engine. This option is to use file robots.txt.

Meta Tag Refresh

<META NAME="refresh" CONTENT="5″>

Meta tag refresh is used to give instruction for the browser to refresh or to reload the related web or webpage in certain frequency. In above example the web or webpage will be refreshed or reloaded every 60 seconds.

<META NAME="refresh" CONTENT="5;URL=http://other-domain.com">

Other use of Meta tag refresh is to redirect the visitors to others web or webpage after certain duration. In example above the visitors will be redirect to web otherdomain.com after 5 seconds.

The use of Meta tag refresh sometimes is also combined with Meta http-equiv. As follow:

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

In the Meta http-equiv pragma above, the Meta tag instruct to the browser not to cache or save the copy of webpage in the browser history so when the visitors open the webpage the browser need to reload the webpage from the server every time the visitor open the web page.

Besides those 4 Meta Tags, actually there are more Meta Tags. I hope this will give you knowledge.

Monday, August 04, 2008

Free Templates for Blogger and Wordpress

I Just found the link that give us free templates. Some of the templates have very good design.

You may get the link from this resources:

Blogging Tutorial
Free Blog Templates For You

Have a nice try and good luck.

Friday, January 18, 2008

What is Geo Tag?

Geo Tag is one of the Meta Tag that is used to make a webpage friendlier to search engine in term of personalization of the location of the website or usually called SE-Friendly. Geo tag itself consist of information about geographic location of your site that will be interpret by crawler of the search engine as your target visitors. So, let's get more to know about this Geo tag.

The Geo tag has 3 elements, which are:

<META NAME="geo.position" CONTENT="latitude; longitude">
<META NAME="geo.placename" CONTENT="nama tempat">
<META NAME="geo.region" CONTENT="kode negara">

First element (geo.position) gives information about geographic position base on latitude and longitude.

Second element (geo.placename) gives information about name location or city.

The last, the third one (geo.region) gives information of the country or state.

The examples are as follows:

<META NAME="geo.position" CONTENT="-7.2333;112.75″>
<META NAME="geo.country" CONTENT="ID">
<META NAME="geo.placename" CONTENT="surabaya">

In above example, when those codes are placed in the HTML of the webpage, it gives information to search engine that the website has geographic position in city of Surabaya in country of Indonesia.

Practically, not all the element of the Geo tag must be included. As example, for Indonesia for instance it is barely enough by only added the "ID" in geo.country.

Or for more detail:

<META NAME="geo.position" CONTENT="-5;120″>
<META NAME="geo.country" CONTENT="ID">
<META NAME="geo.placename" CONTENT="Indonesia">

At last there is a question how to get the value of geo tag especially longitude and altitude as the example above? Do we have to have a GPS equipment to get the numbers? Of course not, we can use this tool to find the longitude and altitude, then fill the numbers to Geo Tag Generator tool. Isn't that so easy?

Monday, October 29, 2007

How to Create "Read More" in New Blogger Template

I got this trik from Isnaini. Isnaini said he got the trik from blogger help site, How can I create expandable post summaries?. But he said you may not tried exactly based on that because he already tried several times but fail, mostly in style/css.

From his site he explain as below:

  • Login to blogger.com, choose which blogger you want to edit, click Layout then go to edit HTML.

  • Before do some edit to HTML backup your complete HTML. (You may find the link after you click Edit HTML as describe above)

  • To get your HTML can be edited as a whole; you have to activate the Expand Widget Templates.

  • Insert below codes before tag </head> and/or after code } ]]></b:skin>

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


  • To arrange the posting, find codes <p><data:post.body/></p> in your template. Add below codes after that code:

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


  • Yeah… . You almost done! To get this code work, in your actual post insert <span class="fullpost">. And at the end of your post add code </span>.

    Example:
    Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

    Result:
    Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. Read More ...


  • Good Luck Buddy

    # How to delegate to ENTER Group Validator using Chrome/Brave wallet browser

    This documentation will guide you to delegate to ENTER Group Validator Harmony Wallet To start delegating to ENTER Group validator you need ...

    Popular Posts