How To Add Drop-down Document Viewer To Blogger

How To Add Drop-down Document Viewer To Blogger

1.Login to your Blogger-->> Dashboard and go to Desing -->> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<form name="jumpy">
<select name="Viewer" size="1" onChange="gone()">

<option value="http://www.google.com" selected>Google</option>
<option value="http://www.yahoo.com">yohoo</option>
<option value="http://www.bloggertricksandtoolz.com/">Blogger trick</option>
<option value="http://www.Facebook.com">Facebook</option>
</select>

<input type="button" name="test" value="Go!" onClick="gone()">
</form>

<script language="javascript">
//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=1
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='<iframe id="external" style="width:95%;height:400px" src="http://www.bloggertricksandtoolz.com/"></iframe>'

if (displaymode==0)
document.write(iframecode)

function gone(){
var selectedurl=document.jumpy.example.options[document.jumpy.example.selectedIndex].value
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=selectedurl
else if (document.all&&displaymode==0)
document.all.external.src=selectedurl
else{
if (!window.win2||win2.closed)
win2=window.open(selectedurl)
//else if win2 already exists
else{
win2.location=selectedurl
win2.focus()
}
}
}
//-->
</script>

4.Now click on "Save Java Script" Your are done.