/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. Show all posts
Showing posts with label Html. Show all posts

Sunday, August 18, 2013

How to add LCD clock on your blogspot by using html codes.

12:01 AM  , ,  No comments
We all see Digital clock at our homes and many other places.By using html you can add it also in your blogger's blog.By using these two codes.


  1. First,insert this below code on the <HEAD> part of your page:

<style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 16px MS Sans Serif;
padding: 3px;
}
-->
</style>

     2.  Now after inserting in <HEAD> tag.Paste this code on the <BODY> section where you               want the clock will appear:
          
<span id="digitalclock" class="styling"></span>

//LCD Clock script- by javascriptkit.com
//Visit JavaScript Kit (http://javascriptkit.com) for script
//Credit must stay intact for use<script>
<!--



var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="11"></form>')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+" : "+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+" : "+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script>

<p>This free script provided by<br />
<a href="http://javascriptkit.com">JavaScript
Kit</a></p>

     3.   Now,save it.
Read More

Friday, August 16, 2013

How to add Follow us Twitter bird on blogger's blog

11:49 PM  , , , ,  1 comment
Animated Twitter flying bird is very useful for getting more Traffic on your blogspot.It is flying down to up and stop and sit at the top.Twitter is also very useful to promote your blog.

Now follow these steps for add Twitter bird.


  1. Open the Blogger page.
  2. Then,Go to your dashboard>Template>Edit html.
  3. Now search this <body>tag and paste the below code just above it.




Read More

Thursday, August 15, 2013

how to add facebook like button in every post of blogger

3:45 AM  , , , , ,  No comments
For add facebook like button on every blogger post, follow these steps:
  • First,go to the Dashboard in your blogger homepage,then click on template.then click on the Backup/Restore button at the top-right side of the page.
  • Then Download the full template and save to your computer.Now after the template is saved.
  • Now visit the Facebook Developers page,then you see a box like in below:

  • First, you have to entered your Facebook page URL and customize the like button that you want to use.
  • If you want that the send button is appear with like button,click on it or not.
  • After you complete the customization,click on Get Code button at the bottom of the box.
  • Then a box will appear,now copy the first code and then you need to put this code between <body></body> tag.
  • Then,after adding the first code copy the second code and paste just after <data:post.body/>
  • Then save the template and Enjoy.
Read More

Saturday, August 10, 2013

How to add Shareaholic Sassy Bookmarks on blogspot

10:19 PM  , , , , ,  No comments
Shareaholic is famous for its Social Bookmarking widgets.Sassy Bookmarks is another cool Gadgets by Shareaholic.It floats bottom left corner of your blogspot page.So If you have to make your blog more beautiful then you do it.

To add Sassy Bookmarks to the blogger. So lets follow the steps.
  • First,open the Dashboard.
  • Then open the Template>Edit html.
  • Then find(Ctrl+F) this code </body>
     
      Then add this code just above/before the </body> 
<!-- Start Shareaholic Sassy Bookmarks HTML (wikitechnol.blogspot.com)-->
<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML (wikitechnol.blogspot.com) -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>


<!-- End Shareaholic Sassy Bookmarks script (wikitechnol.blogspot.com) -->

  • Then save the template and enjoy.
Read More

Friday, July 26, 2013

Learn concept of HTML and its uses in Websites.

9:44 PM  ,  No comments
What is HTML
HTML is a complete code package that allows a user to create web pages.It includes text and graphics.You can add links to your web pages.Hyperlinks are the highlighted text segments or images that connect a page to other pages on the web.Let us analyze the word HTML.
Hyper text:
Hyper text is the text used to linked various web pages.It is the text on a web page, which on clicking opens a new web page.
Mark-up:
It means highlighting the text either by underlining or displaying it in different colors, or both.
Language:
It refers to the mode of communication between web pages.HTML has its own syntax and rules.

Describing Tags:
HTML is a tag based languages.A tag is a piece of code which acts as a label that web browser interprets.It instructs a web browser what to display and how to display.A complete tag  having an opening <tag> and a closing </tag> is known as element.We use various attributes in the tags that contain additional information like formatting effects, alignment,colors, etc.
Structure of an HTML document:

 <HTML>
<HEAD>
<TITTLE>tittle of the web pages</TITTLE>
</HEAD>
<BODY>
The main content of the HTML document is written here along with the attributes which enhance the appearance of a web page.
</BODY>

</HTML>


  • The Header is where you put information that is important about the web page, but you will not able to see in your browser window.
STRUCTURE
    <HTML>
    <HEAD>
    <TITTLE>tittle of the web pages</TITTLE>
    </HEAD>
    <BODY>
    The main content of the HTML document is written here along with the attributes which enhance the appearance of a web page.
    </BODY>

    </HTML>

    Read More

    Thursday, July 25, 2013

    some html codes for marquee

    6:18 AM  , , , , ,  No comments
    This is a famous marquee code by applying this your text will bounce left and right.
    <marquee behavior="alternate">Your bouncing text goes here</marquee>this code is
    This code is scrolling your text.It is like a scroll.Apply it.
    <marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>
    This is the most interesting code.on this your text had give a speed.slow,medium,fast.Your text also move in this speed.
    <marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
    <marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
    <marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
    Read More

    Tuesday, July 23, 2013

    How to upload a video in Blogspot

    5:38 AM  , , , , ,  No comments
    Here are some steps to follow:

    • For this,open your YouTube account,and subscribe the videos you like.By doing this,those videos will sent in your g-mail account.




    • Now,when you have subscribed.Open your g-mail account and then you see,at the top,you will find youtube sent you those videos you subscribe.click and open it in new page.




    • Now first,you open the site www.blogger.com and then write a html code on the  html page 

                 <div dir="ltr" style="text-align: left;" trbidi="on">
                   endofvid[starttext][endtext] </div>









    • Now copy the title of the video from your g-mail videos and paste it in the 'title bar'.Then right click on the image of that video you will get the option "Copy link address"click on it.thn open the 'Compose page' then you will find that there s a code endofvid[starttext][endtext].Now you paste that link address just before the (endofvid).then you see it looks like this:
    http://www.youtube.com/watch?v=YXvItZvKYnA&feature=em-uploademailendofvid[starttext][endtext]
    • Now you have to remove "&feature=em-uploademail" from that code.
    • And that's all put some labels and your video is uploaded.
    Read More

    Tuesday, July 16, 2013

    html 5 how to use it .

    4:32 AM  ,  No comments

    Have you ever thought what lies behind a web page?Which technology is used as a back end to write the web pages.We need a language to create the website .HTMLis the most widely used language to design web contents for the Internet.
    IBM sowed the seed for HTML in the early 1980s. Initially,it was known by the name called GML(General Mark-up Language).It was a powerful language that aimed at creating a document in which one could mark the title,headings,text,font selection and much more.In 1986,this concept got standardization by ISO and was renamed to SGML(Standard Generalized Mark-up Language).In 1989,Sir Tim Berners-Lee and his team redesigned this language and named it as HTML(Hyper Text Mark-up Language).
    HTML       : HTML is complete code package that allows a user to create web pages.It includes text and       
                        Graphics.You can add links to your web pages. Hyperlinks are the Highlighted text segments
                        or Images that connect a page to other pages on the web.Let us analyse the word HTML.
    Hyper text :Hyper Text is the text used to link various web pages.It is the text on a web page,which on
                      clicking opens a new web page.
    Mark-up   :It means highlighting the text either by underlining or displaying it in different colors,or both.
    Language  :It refers to the mode of communication between web pages.Html has its own syntax and rules.

    Structure of HTML Document:

    • The HTML document starts with<HTML>tag and ends with </HTML>tag.Each document
      nt is considered to be a single page.Everything is written within these tags.If the commands are not enclosed in tags,then a web browser will assume the commands as simple text.The HTML page is divided into two sections:Header<HEAD>,and the body<BODY>
    • The Header is where you put information that is important about web page,but you will not able to see in your browser window.
    • The <TITLE> tag has to be given within the <HEAD> tags.It contains the title of the document.The title short and less than 64 characters.The <TITLE> tag changes the text that appears on the top of your browser,but not in the actual viewing pane.
    • The <HEAD> is the first element contained inside the <HTML> element.It contains no text within itself.
    • The <BODY> tag contains the text which gets displayed on the web page along with the other tags and attributes.In the <BODY> tag,we use formatting elements,images,heading,list etc. to enhance the appearance of the web page.
    • Every opening tag must have an ending tag.The closing tag has a forward slash(/).However,some tags have only an opening tag.
    Let's know more
    HTML 5 was introduced on January 18,2011.HTML 5 contains features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins-such as Adobe Flash etc.  
    Read More
    Subscribe to: Posts (Atom)

    Gamer City z

    Loading...

    Free for your eye videos

    Loading...