Assamtechtricks

How to add a Live Demo button in blog post

We often want to show a demo of what we are going to show in our tutorial. It is very necessary to show live demo whenever we are write about widget implementation or something related to blog template designs,
it will give the visitors an overall idea what they are going to have from your tutorial. It helps users to understand your tutorial easily or to decide whether it is necessary for them or not. It is very easy to add a live demo button in your tutorial, what you need to do is implement some lines of codes in your HTML post editor and you have your button. The newbie bloggers like me always gets it tough to add a Live demo button. I have found this tutorial on the web and eagerly waiting for share, hope you will like it.

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://employads.blogspot.in/" rel="nofollow" target="_blank">Demo</a> </span></span></center>

6) Click on Preview to see the button

7) Now replace the demo blog link 
8) To change the background color replace the HEX background-color
9) To change the border color replace the HEX border-color

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