2.How to show/embedd some part of the website in your Blog/website

Thursday, December 10, 2009

Step1:-
Just copy the following code before </head>

<style>
#outerdiv
{
width:446px;
height:246px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-412px;
left:-318px;
width:1280px;
height:1200px;
}
</style>

Step2:-
go to post-new post-copy the following code and paste it in "Edit HTML" area
Note:-change the url address which you want to show in frame.


<div id='outerdiv'>
<iframe src="http://www.yahoo.com/" id='inneriframe' scrolling=no></iframe>
</div>

Demo&source
click Here
just put your cursor at ">" of table the pages of yahoo.com changes automatically.

Customisation
If you want to show a particular part of a single web page.
change the height, width, top margin etc of the following code.

Step2:-
go to post-new post-copy the following code and paste it in "Edit HTML" area
Note:-change the url address which you want to show in frame.


<div id='outerdiv'>
<iframe src="http://www.yahoo.com/" id='inneriframe' scrolling=no></iframe>
</div>

0 comments:

Post a Comment

Track

Search My Blog

Loading