How to Create the Sponsors like in Demo Site

  1. Home
  2. Docs
  3. Event Manager
  4. Frequently Asked Question...
  5. How to Create the Sponsors like in Demo Site

How to Create the Sponsors like in Demo Site

If you like the way we display sponsors in our homepage demo, here is how to do it:

1. Backup your files.

2. Upload your images by heading to Media>>Add new and upload images.
There is no specific size for these images, in normal devices the sidebar width is 290px width, so we can say width 290px and 145px if using two images in a row like we used (sponsor1, sponsor2), and in a suitable height. Once uploaded you will get the url, something like: http://example.com/wp-content/uploads/2012/02/logo.png.

3. Navigate to Admin area>>Appearance>>Widgets and add a Text Widget to the Home Right Sidebar area.

4. In the widget add this html code to show the images:

<a href=”#”><img src=”http://eventmanagerblog.com/emt-demo/wp-content/uploads/2012/02/logo.png” width=”290px” height=”56px”></a> <br /><br /><br />
<a href=”#”><img src=”http://eventmanagerblog.com/emt-demo/wp-content/uploads/2012/02/000000textSponsor1-1.gif” width=”145px” height=”56px”></a>
<a href=”#”><img src=”http://eventmanagerblog.com/emt-demo/wp-content/uploads/2012/02/fffffftextSponsor2.gif” width=”145px” height=”56px”></a>
<br /><br /><br />
<a href=”#”><img src=”http://eventmanagerblog.com/emt-demo/wp-content/uploads/2012/02/fffffftextSponsor3.gif” width=”145px” height=”56px”></a>
<a href=”#”><img src=”http://eventmanagerblog.com/emt-demo/wp-content/uploads/2012/02/000000textSponsor4.gif” width=”145px” height=”56px”></a>

5. Change the src of img tag with the location of your uploaded images and the # of the href tag (<a href=”#”>) with an hyperlink if you want to link somewhere. Otherwise, remove the <a href=”#”> and its closing tag.

 

Was this article helpful to you? Yes No