Now follow these steps for add Twitter bird.
- Open the Blogger page.
- Then,Go to your dashboard>Template>Edit html.
- Now search this <body>tag and paste the below code just above it.
/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.
Friday, August 16, 2013
How to add Follow us Twitter bird on blogger's blog
Now follow these steps for add Twitter bird.
How to add Pausing up-down Scroller in blogger's blog,CSS codes
For add Scroller in blogspot then follow these two steps.
- Insert this below code in the <head> portion of the page.
<style type="text/css">
/*Example CSS for the two demo scrollers*/
#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}
#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}
#pscroller2 a{
text-decoration: none;
}
.someclass{ //class to apply to your scroller(s) if desired
}
</style>
<script type="text/javascript">
/*Example message arrays for the two demo scrollers*/
var pausecontent=new Array()
pausecontent[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!'
pausecontent[1]='<a href="http://www.codingforums.com">Coding Forums</a><br />Web coding and development forums.'
pausecontent[2]='<a href="http://www.cssdrive.com" target="_new">CSS Drive</a><br />Categorized CSS gallery and examples.'
var pausecontent2=new Array()
pausecontent2[0]='<a href="http://www.news.com">News.com: Technology and business reports</a>'
pausecontent2[1]='<a href="http://www.cnn.com">CNN: Headline and breaking news 24/7</a>'
pausecontent2[2]='<a href="http://news.bbc.co.uk">BBC News: UK and international news</a>'
</script>
<script type="text/javascript">
/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}
// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------
pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}
// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------
pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}
// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------
pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}
pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}
// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------
pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}
pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}
</script>
<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")
new pausescroller(pausecontent2, "pscroller2", "someclass", 2000)
</script>
7 useful QBasic programs and graphics,programming language software.
Now lets review some Qbasic programs.
- This program is used for draw an isosceles triangle with horizontal base.
COLOR4,14
CLS
PRINT "This is a Triangle"
LINE(160,30)-(250,180),4
LINE(250,180)-(70,180),2
LINE(70,180)-(160,30),1
END
2.This program is used for draw boxes with Line segment.
SCREEN 7
COLOR5,15
CLS
LINE(60,60)-(130,100),6,B
The letter B indicates the box option.In this statement,the coordinates (60,60) and (130,100) are the opposite corners of the rectangle.
To fill the box with the desired colour shade,add BF(box fill) option.
SCREEN 7
COLOR5,15
CLS
PRINT "This is a Rectangle"
LINE(60,60)-(130,100),6,BF
3.This program is used to generate musical notes.The codes used to produce different musical notes are as follows:
PLAY "ABCDEFGA"]
END
4.This program is used to draw a circle,eclipse or an arc of a circle.
SCREEN 7
COLOR4,14,5
CLS
PRINT "This is a Circle"
CIRCLE(160,100),70,15
END
5.This Program is to print table of 12(upto 5 times only.)
CLS
FORA=1 TO 5
PRINT"12*";A;"=";12*A
NEXTA
END
6.Program to display your name nine times on the screen.
CLS
REM PRINT YOUR NAME
INPUT "NAME PLEASE";N$
FOR X=1 TO 9
PRINT N$
NEXT X
END
7.Program to print first five odd numbers.
CLS
FOR L=1 TO 10 STEP 2
PRINT L
NEXT L
END
To fill the box with the desired colour shade,add BF(box fill) option.
SCREEN 7
COLOR5,15
CLS
PRINT "This is a Rectangle"
LINE(60,60)-(130,100),6,BF
3.This program is used to generate musical notes.The codes used to produce different musical notes are as follows:
PLAY "ABCDEFGA"]
END
4.This program is used to draw a circle,eclipse or an arc of a circle.
SCREEN 7
COLOR4,14,5
CLS
PRINT "This is a Circle"
CIRCLE(160,100),70,15
END
5.This Program is to print table of 12(upto 5 times only.)
CLS
FORA=1 TO 5
PRINT"12*";A;"=";12*A
NEXTA
END
6.Program to display your name nine times on the screen.
CLS
REM PRINT YOUR NAME
INPUT "NAME PLEASE";N$
FOR X=1 TO 9
PRINT N$
NEXT X
END
7.Program to print first five odd numbers.
CLS
FOR L=1 TO 10 STEP 2
PRINT L
NEXT L
END
Thursday, August 15, 2013
how to add facebook like button in every post of blogger
- 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.
Wednesday, August 14, 2013
Tricks To Help You Become A Successful Blogger
Tricks To Help You Become A Successful Blogger
Blogging is one of the fastest growing trends in today's digital age, yet there are still some people who aren't sure what blogging is exactly and what it has to offer for them. If you want to learn about blogging, then glance through this article and see what the buzz is all about.
Ensure that you are posting very often in the blogs that you operate. At the minimum, you should aim to post one time on each blog every single day during the weekdays. Of course, posting more is always welcome. This shows your visitors that you are a very active blogger, which will make them more prone to keep visiting your blogs.
Don't forget to add social media sharing links on your blog. This will ensure that people can share your blog on their profiles for free. Doing this can increase your traffic by quite a bit. It will keep increasing if the content's good because people can tell their friends which puts you on multiple pages at once.
Make sure your posts don't elicit the "It's too long so I didn't read it" response from your readers. Studies show that people stop paying attention more quickly when reading on the web than they do when reading print. For this reason, try to keep posts under 300 words or so. Some types of posts, such as scholarly articles, don't suffer from this loss of attention of much as others, so know your audience.
Think of your blog posts as travelers. When you have clicked the publish button, the blog post will continue to survive on its own. Your blog post then becomes a traveler. Try giving your posts what they need to deal with any harsh conditions, along with good instructions on how to prosper online.
Make your writing and the subjects that you write about tempt your reader. You always want to leave them wanting more, and looking forward to your next post. If you are able to do this 90% of the time, you will have many people coming back to check your blog often.
An important part of any blog is to feature the latest posts at the top of your homepage. With so many blogs abandoned or out-of-date, it's important to let readers know that yours is current. This way, your readers will have fresh, new posts to read and you will get the best exposure for your newest content.
Refrain from using blog designs that are similar to MySpace. This means using extremely busy designs that have too much content on your screen, too many animated graphics, etc. Having these busy designs makes it extremely difficult for your readers to read your blog. As a result, they'll likely leave.
Having active commentary on your blog is an effective way to maintain traffic. This is because comments are content just like blog articles. Readers will revisit your blog not only to read new articles, but also to see if anyone has left new comments. You can encourage commenting by asking questions and inquiring about your readers' perspectives in your blog articles. Responding to comments also encourages commenting.
Use empty space to improve visual interest in your page. There is a reason why those who produce hard copy material abide by certain formatting rules. Margins, spacing between lines and blocks of text, and even spacing between sentences is important to the overall visual effect of your blog.
As you have now learned, blogging is something that is fun and great to use. Go ahead and do more research on blogging as this article only contains a portion of all the knowledge out there about blogging, just remember to apply all that you've learned and before you know it, your blog's popularity will sky rocket before your very eyes.
Subscribe to:
Posts (Atom)
