Tampilkan postingan dengan label gadget. Tampilkan semua postingan
Senin, 04 Januari 2010
Twitter Followers Counters For Blogger/Websites
To show your site visitors to how many people follow you on twitter use the one of below code:
1.Login to your blogger dashboard-->Layout > Page Elements
2.Click on 'Add a Gadget'.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
1.Big Twitter followers counter button:

2.White Twitter followers counter button:

3.Black Twitter followers counter button:

4.Show your Twitter followers in Text:

1.Login to your blogger dashboard-->Layout > Page Elements
2.Click on 'Add a Gadget'.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
1.Big Twitter followers counter button:

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=YOUR-TWITTER-USERNAME&style=bird">
2.White Twitter followers counter button:

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=YOUR-TWITTER-USERNAME"></script>
3.Black Twitter followers counter button:

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=YOUR-TWITTER-USERNAME&style=black"></script>
4.Show your Twitter followers in Text:

<script type="text/javascript" language="javascript" src="http://twittercounter.com/widget/index.php?username=YOUR-TWITTER-USERNAME"></script>
Sabtu, 19 Desember 2009
How To Show Date,Month,Year on Blogger
1.Log in to your dashboard--> layout- ->Page Elements
2.Click on 'Add a Gadget'.
3.Select 'HTML/Javascript' and add the code given below and click save.

You are done.Now you can see it as picture below.
2.Click on 'Add a Gadget'.
3.Select 'HTML/Javascript' and add the code given below and click save.

<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")
</script>
You are done.Now you can see it as picture below.

Kamis, 17 Desember 2009
Advanced Top Commentators Widget to Blogger
This widget will decide the top commentators from the latest 5000 comments to your blog.But your blog hasn't such as more comments you can add that Top Commentators Widget instead of this one.It will decide the top commentators from the latest 500 comments.
However your blog have more than 500 comments add this widget:
1.Log in to your dashboard--> layout- ->Page Elements
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the code given below and click save.

Note : Remember to replace yourblog with your blog name.Do not include http://
You are done.
However your blog have more than 500 comments add this widget:
1.Log in to your dashboard--> layout- ->Page Elements
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the code given below and click save.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=26191599715c07fbeaa491a5729e478b&url=http%3A%2F%2Fyourblog.blogspot.com&num=10&filter=" type="text/javascript"></script>
Note : Remember to replace yourblog with your blog name.Do not include http://
You are done.
Sabtu, 12 Desember 2009
How To Add Free PHP Contact Form to Blogger
If you add this easy free contact form to your website or blog,your visitors can Submit this contact form without Page Rrefresh.To add this contact form no need to register.So you can add it in few seconds.And also this contact form integrated anti-spam protection.You can create it in 4 easy steps:
1.Select your contact form fields and decide they are mandatory or not.

2.Select colors,fonts,... for your contact form.

3.Enter your email address.

4.Now press on "Create" button.html code for your contact form will appear.Copy and paste this code to your website.

Now are done.Your Contact form will look like this:

Importance of this contact form is it can submit without Page Rrefresh.And also after submit this contact form thank you message will appear.

If you like to add this contact form you can get it from http://www.foxyform.com/.
1.Select your contact form fields and decide they are mandatory or not.

2.Select colors,fonts,... for your contact form.

3.Enter your email address.

4.Now press on "Create" button.html code for your contact form will appear.Copy and paste this code to your website.

Now are done.Your Contact form will look like this:

Importance of this contact form is it can submit without Page Rrefresh.And also after submit this contact form thank you message will appear.

If you like to add this contact form you can get it from http://www.foxyform.com/.
Sabtu, 26 September 2009
How To Add a Calender to Blogger|Blogspot
1.Login to blogger dashboard-->Layout > Page Elements
2.Click on 'Add a Gadget'.
3.Select 'HTML/Javascript' and add the code given below and click save.
Now you are done.
source
2.Click on 'Add a Gadget'.
3.Select 'HTML/Javascript' and add the code given below and click save.
<style type="text/css">
.month {
background-color:black;
font:bold 12px verdana;
color:white;
}
.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}
.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}
.days #today{
font-weight: bold;
color: red;
}
</style>
<script type="text/javascript" src="http://dsai.588.googlepages.com/basiccalendar.js">
/***********************************************
* Basic Calendar-By Brian Gosselin at http://scriptasylum.com/bgaudiodr/
* Script featured on Dynamic Drive (http://www.dynamicdrive.com)
* Via http://bloggerstop.net
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year
document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>
Now you are done.
source
Senin, 14 September 2009
How To Add Status Bar Text with Nice Effect
1.Login to your blogger dashboard and go to Layout --> Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
Now you are done.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
<script language=javascript>
var as = 1;
var bs = 3;
function statusbar()
{
var msg = "TYPE-YOUR-TEXT-HERE";
var msg1 = "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
var msg2 = "||||||||||||||||||";
var msg3 = "//////////////////";
var msg4 = "------------------";
if(as > 4)
as = 1;
if(bs < 1)
bs = 4;
timer = window.setTimeout("statusbar()",100);
var sds = eval("msg"+as);
var sds2 = eval("msg"+bs);
var ss =sds+" "+msg+" "+sds2;
window.status = ss;
as = as+1;
bs = bs-1;
}
statusbar(100);
</script>
Now you are done.
How To Add Status Bar Text with Blink Effect
1.Login to your blogger dashboard and go to Layout --> Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
Now you are done.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
<script language=javascript>
var as = 1;
function statusbar()
{
var msg = "TYPE-YOUR-TEXT-HERE";
var msg1 = "* * * * * * * * * * * * ";
var msg2 = " ";
if(as == 2 )
as = 1;
else
as = 2;
timer = window.setTimeout("statusbar()",100);
var sds = eval("msg"+as);
var ss = " "+sds+" "+msg+" "+sds;
window.status = ss;
}
statusbar(100);
</script>
Now you are done.
How To Add Scrolling Text to Status Bar
1.Login to your blogger dashboard and go to Layout --> Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
Now you are done.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
<script language=javascript>
function statusbar(val)
{
var msg = "TYPE-YOUR-MESSAGE-HERE";
var res = " ";
var speed = 100;
var pos = val;
if (pos > 0) {
for (var position=0 ; position< pos; position++) {
res += " ";
}
res+=msg;
pos--;
window.status = res;
timer = window.setTimeout("statusbar("+pos+")",speed);
}
else{
if( -pos < msg.length) {
res += msg.substring(-pos,msg.length);
pos--;
window.status=res;
timer = window.setTimeout("statusbar("+pos+")",speed);
}
else
{
window.status= " ";
timer = window.setTimeout("statusbar(100)",speed);
}
}
}
statusbar(100);
</script>
Now you are done.
Langganan:
Postingan
(
Atom
)