Welcome To My

Welcome To My
Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

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

Posted By: Unknown on 12:01 AM
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


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

Posted By: Unknown on 11:49 PM
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


how to add facebook like button in every post of blogger

Posted By: Unknown on 3:45 AM
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


How to add Shareaholic Sassy Bookmarks on blogspot

Posted By: Unknown on 10:19 PM
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


some html codes for marquee

Posted By: Unknown on 6:18 AM
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


How to upload a video in Blogspot

Posted By: Unknown on 5:38 AM
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


Subscribe to: Posts (Atom)