.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!



Home >> Articles >> ASP.NET >> Post New Resource Bookmark and Share   

 Subscribe to Articles

Step By Step Tutorial to use AdRotator Control in ASP.NET

Posted By:Nikhil Kumar       Posted Date: January 12, 2010    Points: 25    Category: ASP.NET    URL: http://fast-get.com  

In This tutorial we will see how to use AdRotator Control in ASP.NET. AdRotator control is used to display ad in your website. You can also display images for each page refresh
 

AdRotator Control in ASP.NET

Here i will show you step by step procedure how to use
AdRotator Control in ASP.NET in visual studio 2005 / 2008

The use of AdRotator performs a very important role in Web sites
by AdRotator control linked pictures can  be show and will change on
refreshing or by timing.

Here I am using Visual Studio 2008 but there is no condition you can use Visual Studio 2005 also.
So follow these steps to create State Implementation

The Steps are:

1- Start -> All Programs -> Visual Studio 2005 or Visual Studio 2008
Now The Visual Studio will Open like this:-

Visual studio 2008.JPG


2- Now go to File Menu -> New -> Web Site
When you will click on the New Web Site a new form will open like this:-

Savewebsite.JPG


3- Under Visual Studio Installed Template-> Choose ASP.NET WEB SITE -> Choose File System from the location combo box -> Set the path by the browse button - > Choose the language from the Language ComboBox (Visual C# , Visual Basic , J #)
Choose Visual C#

4 - Click on the OK Button:-
Now you will see a new from like this :-

FirstPagewebsite.JPG


First you have to learn XML and HTML to work with ASP .NET_
I have used to make the text as comment this is the way to make comment in this code .
This is the Source Code window and in this page you will se this code.

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>



Type your webpage title here  



See here is a tab named Design in the bottom of this page

5- Click on this tab and you will see a blank web page where you can drag any control from the toolbox (which is in the left side of this window)
Open Web.config file and write true in place of false, See
 

6- Drag a AdRotator Control in the design window or in the source window.
(If you are not able to see the AdRotator control in Toolbox then just type this code


7-Now the source window should be look like this :

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>



  AdRotator Control Example





8- Now go to solution explorer and right click on the web site and choose Add New Item
and add a  .xml extension file .

9- Now type this code in the .xml extension file
First of all you have to paste three images named (google.jpg,yahoo.jpg,msn.jpg) in App_Data folder which is in solution explorer.


  
  google.jpg
  http://www.google.com
  Visit Google.com
  80
  search
  
  
  msn.jpg
  http://www.msn.com
  
  Visit MSN.com
  
  80
  MSN
  
  
  yahoo.jpg
  http://www.yahoo.com
  
  Visit yahoo.com
  
  80
  yahoo
  


10 - Now run your web site by Ctrl + F5

11- Refresh your web page.

OUT PUT


10-When you refresh your web page the picture will change with the link which you have given in ImageUrl.

11- Close web browser

12-Close visual studio

Thanks!


 Subscribe to Articles

     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend