Question

i want to know about this custom tag that google use for social plug in

I have added +1 button to my web site have this custom code

<g:plusone href="https://plus.google.com/----------1212"></g:plusone>

———-1212 is id of Google page

how we can create this type of custom tag for our page

like <g:plusone /> is a tag how we can create custome like <mytag /> or other

Answer 1

An easy way would be to use jQuery. This example will turn <mytag> into a large, red heading. You can all kinds of other stuff, such as adding images.

Javascript:

$(document).ready(function() {
    $('mytag').each(function() {
        $(this).replaceWith('<span style="font-size: 24px; font-weight: bold; color: red;">' + $(this).html() + '</span>');
    });
});

HTML:

<mytag>This is a large, red font</mytag>