-
▼
2013
(302)
-
▼
July
(27)
- How to Install Mega Menu in WordPress
- How to Upload Camtasia to WordPress
- How to Login to WordPress.com
- How to Insert an Image Caption URL on WordPress
- How to Create Feedburner Email Box in WordPress
- How to Change the Title of an RSS Feed in WordPress
- How to Make Your Own Wordpress Blog
- How to Change the Post Order in WordPress
- How to Embed an Image in a Default Theme of a Word...
- How to Install Wordpress on Your GoDaddy Hosting A...
- How to Put a Song in a WordPress Blog Post
- How to Create a Folder on the Root Folder of a Wor...
- How to Install WordPress Outside Document Root
- How to Fix a WordPress Database Without Plugins
- How to Add PDF Forms to a WordPress Site
- How to Use PHP Includes in WordPress Posts
- How to Change a Title Subtitle in WordPress
- How to Add a Copyright to Your Wordpress Blog
- How to Increase an Indent in HTML on WordPress
- How to Edit Header Height in WordPress
- How to Increase My Download Size for WordPress
- How to Add a Scrollbar Section to My WordPress Blog
- How to Add a 404 to a Wordpress Template
- How to Add Widgets to Wordpress
- How to Change Old WordPress Tags
- How to Add Links to a WordPress Blog
- How to Install WordPress in Its Own Directory in W...
-
▼
July
(27)
adsense
How to Add a Scrollbar Section to My WordPress Blog
1. Log in to your WordPress administrator's control panel. From the large menu on the left side of the screen, click 'Appearance,' then click 'Editor.' This area allows you to view and edit the HTML files that make up your WordPress blog's theme.
2. Click the link for the Stylesheet. This is near the bottom of the list of files on the right, under the 'Stylesheets' heading. WordPress keeps the style of all your site's elements in this file. When you click the file, it will appear in the middle of the screen.
3. Start a new line in the file, then paste in the following code:#scrollbarsection {width: 400px;height: 400px;overflow:scroll;}This code tells WordPress that there is a new divider called 'scrollbarsection,' which has a height and width of 400 pixels. If any content inside the divider overflows from this 400 x 400 area, a scroll bar should be added to allow the visitor to access that content. Change the height and width to whatever size suits your needs.
4. Click 'Posts,' and either click the title of the post to add a scroll bar to it, or click 'Add New' to create a new post. Click the 'HTML' tab at the top of the editing area. This allows you to type code into the editor.
5. Place the cursor at the point in the post that you want the scroll bar to appear, then paste the following code:
6. Insert the content inside the two
tags. You can either type text as normal, or click the 'Add Media' button at the top of the editing pane to add images. When you have entered your content, click 'Publish' in the top-right of the screen.
7:29 AM | Filed Under | 0 Comments
Comments
Popular Posts
-
1. Log in to your Weebly account. 2. Click 'Theme Editor.' 3. Click on the 'Design' tab. 4. Select 'Edit CSS/HTM...
-
1. Sign up for a publisher account at Bidvertiser. Submit basic contact information and confirm your email address to get started. 2. Lo...
-
1. Log in to your WordPress dashboard. 2. Open the 'Appearance' section on the left side of the WordPress dashboard and then cli...
-
Facebook Widget 1. Create a Facebook fan page for your blog, if you don't already have one. You will have to manually share content wi...
-
1. Open your WordPress Dashboard in your preferred browser. It is accessed at the '/wp-admin' location of your site. For example, ...
-
1. Download and install the WordPress for BlackBerry app via BlackBerry App World. Download the version that corresponds with your BlackBe...
-
1. Go to your WordPress blog's administrative control panel. 2. Click the 'Settings' button on the left-side navigation menu...
-
1. Click the 'Add Contact' button on the 'Add New Post' page. This opens the 'Add a Contact Form' page. 2. Click...
-
1. Register an account with Amazon Web Services Cloud. If you have an existing Amazon account, enter your email address in the appropriate...
-
1. Log into your WordPress.com account using your user name and password. 2. Hover your cursor over the 'My Blogs' tab at the to...
Post a Comment