/india-vs-pakistan.

india-vs-pakistan.

sachin-tendulkar-man-who-became-god.

sachin-tendulkar-man-who-became-god

india-vs-england-2012-2nd-t20i-preview.

india-vs-england-2012-2nd-t20i-preview.

sehwag-gambhirs-smug-overconfidence.

sehwag-gambhirs-smug-overconfidence.

all-proteas-players-to-be-given-game.

all-proteas-players-to-be-given-game.

Showing posts with label Html codes. Show all posts
Showing posts with label Html codes. Show all posts

Sunday, August 11, 2013

How to Add Meta Tag to Blogger:Make your blog fully search engine optimized

Many of us use blogger.com to start our free blog which may be for making money or sharing your knowledge,voice through blogging.But if your blog is not Search Engine Friendly than you can not achieve your goal.For this purpose you need to make your blog fully search engine optimized and add meta tag to blogger so that people searching their keywords will easily knows your site.You have to just follow these following simple steps to add meta tag to blogger.

How to ADD META TAG TO BLOGGER?


Step 1:

Go to Blogger Dashboard > Template > Edit Html and search for <head>

Step 2:

Delete Every thing from <Head> to <b:skin><![CDATA[

Step 3:

Place following code just after <head>


<b:include data='blog' name='all-head-content'/>                 

  <b:if cond='data:blog.pageType == &quot;index&quot;'>

<tittle><data:blog.pageTittle/>

</tittle><b:else/>

<tittle><data:blog.pageName/> - <data:blog.tittle/>

</tittle></b:if>

<meta content='your Blog Description here!' name='description'/>

<meta content='your Keyword here!' name='Keywords'/>

<meta content='Author Name here!' name='Author'/>

<meta content='Author Email Address here!' name='Email'/>

<meta content='Document' name='resource-type'/>

<meta content='all' name='audience'/>

<meta content='general' name='rating'/>

<meta content='all' name='robots'/>

<meta content='index, follow' name='robots'/>

<meta content='id' name='language'/>

<meta content='id' name='geo.country'/>  

<meta content='global' name='distribution'/>

<meta content='1 days' name='revisit-after'/>

<meta content='Indonesia' name='geo.placename'/>



  •  Replace:-

To add your own description,tittle,Keywords.Please replace all above words with desire words!as shown below.

Blog Description :  Write your blog Description
Blog Keywords   :   Write the Keywords of your blog
Blog Author        :   Write the author's name(Your name)
Email Address     :    Write your Email address

Step 4:

Click on Save Template

That's all your blog is fully search engine friendly.If you have or face any problem please comment we will contact with you through your Email Address. 


Saturday, June 29, 2013

How to add picture codes in blogger and website.

Hey guys this is very interesting that you want to make your website/blog very beautiful because the code which you want to got from here is very helpful you and your website also.You can put links,Changes the image from the code and also


Html pictures codes:


<img src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" style="max-width:100%" alt="Milford Sound in New Zealand" />

How to add comment box
How to add background images,color,
 scroll box background color in blogger or websites.
How to add music player with picture in blogger,website and also Play audio online.add a social stylish subscribe widget for blogger.How to add word press subscription box in Blogger.Html Codes for background color putiing in your website or blogger

How to add comment box with color and background picture.

Hey guys You are interested for putting codes in your website for that your website is looking good.
So,you have to follow some steps before put this codes in your website.

if you are a blogger:
Blogger>layout
html/javascript
Lastly copy and paste the below codes inside.

Comment box code :
<form action="/html/tags/html_form_tag_action.cfm" method="post">
Comments:<br />
<textarea name="comments" id="comments">
Hey... say something!
</textarea><br />
<input type="submit" value="Submit" />

</form>
Comment box colors:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
Comments:<br />
  <textarea name="comments" id="comments" style="width:160px;height:90px;background-color:#D0F18F;">
  Hey... say something!
  </textarea><br />
  <input type="submit" value="Submit" />
</form>
Comment box pictures:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<textarea name="comments" id="comments" style="width:150px;height:150px; background:url('/pix/milford_sound/milford_sound_t.jpg');">
Enter your comments here...

...and watch your comment box grow scrollbars!
</textarea><br>
<input type="submit" value="Submit">
</form>


How to change or add html codes background color,background image,Fixed Background image, shorthand background code and backgrounds for the whole page

Hey guys now we know how to change background color with html elements.
The following examples use is CSS(Cascading style sheet).CSS is the best way for setting background.It's better than all other outdated methods.
You have only add this in your blogger by following ways :
  • Blogger>Layout
  • Html/Javascript
  • and paste the following codes inside which is given below.
Background color:
<div style="background-color:yellow;border:1px solid black;padding:10px;">
<p>HTML background code is limited, CSS background code is much better!</p>

</div>
example:

Background image:
<div style="background-image:url(/pix/smile.gif);
background-repeat:repeat;
width:200px;
height:200px;">
<p>HTML background code is limited, CSS background code is much better!</p>
</div>
Fixed Background Image:

<div style="background-image:url(/pix/smile.gif);
background-repeat:repeat;
background-attachment:fixed;
overflow:scroll;
width:200px;
height:100px;">
<p>HTML background code is limited, CSS background code is much better!
example shows how a background image can be set to a fixed position
- even though its containing block scrolls.</p>
</div>
Shorthand Background code:

<div style="background:url(/pix/smile.gif) repeat fixed;
overflow:scroll;
width:200px;
height:100px;">
<p>HTML background code is limited, CSS background code is much better!
example shows how a background image can be set to a fixed position
- even though its containing block scrolls.</p>
</div>



How to change and add scroll box background color in blogger or websites.

Hey guys here is code which you want from us,because we know that what you want.For putting a stylish scroll box in your blogger /website you have to do some following steps before putting codes.
In Blogger

  1. open blogger>Layout
  2. Html/Java Script
  3. And paste the below codes inside 



Basic HTML Scroll Box
<div style="height:120px;width:120px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>



Background Color
This example changes the background color of the scroll box. In HTML, you change background color using the CSS background-color property:

HTML Code:
<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;">We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.</div>
Html codes:
<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;color:#A6120D;">We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.</div>

How to add music player with picture in blogger,website and also Play audio online.


HTML Link
This page contains various HTML link codes - HTML codes for creating links to another web page.

An HTML link is one of the easiest things to do in HTML - you can link to another website within minutes, using one line of code. Having said that, there are lots of other things you can do with HTML links. For example, you can link images, change the color of your HTML links, open a link in a new window, and much more.
Basic HTML Link
How to add music player in your blog:
Blogger>layout
Html/JavaScript
Copy and paste the following code below 



You can use the following HTML code to embed a picture into your HTML document. The code uses the <img> tag, which is the official tag to use for embedding pictures on web pages.

You can also check out the HTML images section of the HTML Tutorial.

Example Picture Code/html picture code

<audio src="/music/good_enough.mp3" controls>
<embed
src="/music/good_enough.mp3"
width="180"
height="90"
loop="false"
autostart="false" />
</audio>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
<embed
src="/music/good_enough.mp3"
width="180"
height="90"
loop="false"
autostart="false" />
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
<audio src="/music/good_enough.mp3" controls>
<embed
src="/music/good_enough.mp3"
width="300"
height="90"
loop="false"
autostart="false" />
</audio>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
bACKGROUND IMAGE
<!-- Codes by HTML.am -->
<div style="background-image:url(http://www.html.am/images/backgrounds/background-image-2.gif);width:300px;height:200px;">HTML background image example</div>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
bACKGR
<!-- Codes by HTML.am -->
<div style="background-color:yellow;width:300px;height:200px;">HTML background color example</div>


If you have any complaint or request please comment.
MyLabofblogger.blogspot.in

Html Codes for background color putiing in your website or blogger

Hey guys here is good news because you get Html Background codes.Please copy and paste it to your website.
Background Color
This example changes the background color of the scroll box. In HTML, you change background color using the CSS background-color property:


  • HTML Code:

<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;">We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.</div>


HTML Codes:

  • <div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;color:#A6120D;">We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.</div

You are able to paste one of these html codes to your website.
HTML codes are used for looking your website beautiful generally.

Gamer City z

Free for your eye videos