How to add a Live Demo button in blog post

We often need to point out a demo of what we tend to square measure getting to show in our tutorial. it's terribly necessary to point out live demo whenever we tend to square measure write of widget implementation or one thing associated with blog model styles,

it will offer the visitors associate overall plan what they're getting to have from your tutorial. It helps users to know your tutorial simply or to come to a decision whether or not it's necessary for them or not. it's terribly simple to feature a live demo button in your tutorial, what you would like to try to to is implement some lines of codes in your markup language post editor and you've got your button. The newbie bloggers like me invariably gets it powerful to feature a Live demo button. I even have found this tutorial on the net and thirstily looking forward to share, hope you'll am passionate about it.


Demo

Follow the following steps

1) First Create a blog in which you want to show the Demos.
2) Then Sign in to your main blogger account not the demo blog.
3) Go to New post
4) Go to HTML Editor
5) Place the following lines of codes on the basis of your desired Live Demo button position in the post.

<center><span style="font-size: small;"><span style="background-color:#BDBDBD; border: #585858 5px solid;padding: 6px;"><a href="http://www.blogofblogger.com/" rel="nofollow" target="_blank">Demo</a> </span></span></center>

6) Click on Preview to see the button
7) Now replace the demo blog link as highlighted red by your demo blog link
8) To change the background color replace the color code highlighted yellow
9) To change the border color replace the color code highlighted green

That's all about implementing a Demo button in blog post.