| Introduction |
Dear Customer,
This guide will help you set-up and manage your link exchange system to get
maximum performance for your successful link exchange and your business promotion.
Please follow all steps carefully. If you will have any questions with setup or LinkeX link exchange system please
contact us at Algirdas.COM any time. We are happy to assist you.
Algirdas.COM Customer Support
|
| |
| Step 1 - Adding Link Categories [Link Categories menu] |
Now let's start. First you must setup links categories at Link Categories panel (used for Categories management).
It is a categories of websites you would like to exchange
links. These categories will be shown at your Add Link, Submit URL, etc. web pages.
- Enter your Category ID and Title (ex.: 2 and 'eMerchants') and click 'add category' button. Your newly
added category will appear at the Link Categories list. Repeat this step to add all categories of websites
you would like to exchange links.
- Also you may:
- Delete Category(ies) - by checking appropriate checkboxes and clicking 'delete' button.
- Update Category - by clicking on appropriate 'update' button.
- Sort Categories list - by clicking on appropriate list header (Category ID, Category Title).
- Search / Sort Categories - by selecting Search / Sort type and entering appropriate Search / Sort
criteria. (Note: you may use % sign with your search criteria
(ex.: search criteria 'eM%' will result eMerchants and eMarketing categories)).
|
| |
| Step 2 - Creating Link Groups [Link Groups menu] |
Now create Groups of Categories at Link Groups panel used to manage groups.
Groups are used to display group related links at your Links Index and Banner.
- Enter Group Title (ex.: 'eCommerce'), set several categories to it and click 'add group' button. Your
group will appear at the Link Groups list. Repeat this step to create all Groups of website's categories
you need.
- Also you may:
- Delete Group(s) - by checking appropriate checkboxes and clicking 'delete' button.
- Update Group - by clicking on appropriate 'update' button.
- Sort Group list - by clicking on appropriate list header (Group ID, Group Title or Date).
- Search / Sort Groups - by selecting Search / Sort type and entering appropriate Search / Sort
criteria. (Note: you may use % sign with your search criteria)
|
| |
| Step 3 - Adding Links [In Links menu] |
'In Links' panel you use to manage your link exchange partner links. There is also displayed link exchange
statistics and link ranks.
Links are added manually (through 'In Links' panel) or through
Add Link form by website owners themself. To add a link manually:
- Enter Link information, set categories this link belongs to and click 'add link' button. Link
will appear at the 'Incomming Links' list.
- Also you may:
- Delete Link(s) - by checking appropriate checkboxes and clicking 'delete' button.
- Update Link information - by clicking on appropriate 'update' button.
- Approve Link(s) - you must approve links after submission to become active by checking appropriate checkboxes and clicking 'approve' button.
- Check for Back-Link(B-Link) - you may check is your link exchange partner linking to your website by checking appropriate checkboxes and clicking 'check b-link' button.
- Sort Links list - by clicking on appropriate list header (Link ID, Link Title, URL, Hits-In, Hits-Out, Rank, Approvement date and Next Back Link Check Date).
- Search / Sort Links - by selecting Search / Sort type and entering appropriate Search / Sort
criteria. (Note: you may use % sign with your search criteria)
|
| |
| Step 4 - Creating Your Links [Out Links menu] |
'Out Links' panel you use to manage your links you would like to exchange with your link exchange partners.
- Enter Your Link Title, URL and Description and click 'add link' button. Link
will appear at the 'Outgoing Links' list.
- Also you may:
- Delete Link(s) - by checking appropriate checkboxes and clicking 'delete' button.
- Update Link information - by clicking on appropriate 'update' button.
- Sort Links list - by clicking on appropriate list header (ID, Link Title).
- Search / Sort Links - by selecting Search / Sort type and entering appropriate Search / Sort
criteria. (Note: you may use % sign with your search criteria)
|
| |
| Step 5 - Installing LinkeX Scripts into your website code [Scripts Code menu] |
You must install some scripts to get your link exchange system fully functional. There are 5 types of scripts.
- Add link page script. This script creates a form within you 'Add Link' or 'Submit your URL' web
page. Your link exchange partners use this form to submit their link information.
Click here to get this script.
- Links index page script. This script creates a list of links to your link exchange partners
within you 'Links', etc. web page. Click 'Generate' to generate a script displaying links from group you select.
Click here to get this script.
- Links Rating script. Use this script to rate your referrers. Each time a visitor comes from your
link partner's website to your website your link partner is rated and HitsIn value is increased by 1.
Paste this script into your home page (index.html in most cases). It must be the first webpage visitor
visits from your link partner's website.
Click here to get this script.
- Banner script. This script is optional. You can paste it anywhere at your website pages.
It creates a vertical banner to display a number of your link exchange partner links.
Click 'Generate' to generate a script displaying links from group you select.
Click here to get this script.
- Out links page script. This script generates a link code to your website. You may use this script
at your 'Our links', etc. web page. Also you may set to display your 'Out Links' list automatically after
your link exchange partner submits link information through 'Add Link' form by checking 'Show Out links after submit'
checkbox at Add Link settings panel.
Click here to get this script.
|
| |
| Adjusting LinkeX to your website design and requirements |
|
LinkeX provides you with the handy and flexible ability to manage your link exchange system visual appearance and
settings through 'Colors & Settings' panels. You can change your link exchange system appearance to ideally fit
your website design and needs by using a CSS (Cascading Style Sheets) techniques. Refer to our short
CSS style Guide at Apendix A of this help if you are not familar with CSS.
|
| |
| Add link form - Settings and Appearance [Add Link Settings menu] |
Add Link Settings panel manages your Add link form settings and appearance. You
can preview results after clicking 'save settings' button. You can reset all your settings by clicking 'default settings' button.
- Style
- Background style - change Add Link form background and border appearance by changing this value.
- Edit fields style - change text boxes appearance of your Add Link form by changing this value.
- Add button cell style - change submit button's area appearance and submit button alignment by changing this value.
- Add button style - change submit button's appearance by changing this value.
- Error message style - change error message appearance by changing this value. Error message is diplayed if you submit incorrect values or no values at all through Add Link form.
- Asterisk style - change asterisk(* - required fields symbol) appearance by changing this value.
- Welcome text style - change 'Welcome text' appearance by changing this value. 'Welcome text' is displayed after successful Add Link form submission.
- Settings
- Button title - set submit button title here.
- Show Out links after submit - if this check box is checked link code to your website will be displayed after succesfull Add Link form submit.
- Welcome text - set 'Welcome text' value here.
|
| |
| Links Index - Settings and Appearance [Link Index Settings menu] |
Link Index Settings panel manages your Link Index list settings and appearance. You
can preview results after clicking 'save settings' button. You can reset all your settings by clicking 'default settings' button.
- Style
- Background style - change Link Index list background and border appearance by changing this value.
- Separator style - set separator between spinner and links list appearance by changing this value.
- Spinner cell style - change spinner area appearance and spinner alignment by changing this value.
- Spinner 'Previous' link style - change spinner's 'Previous' link appearance by changing this value.
- Spinner 'Next' link style - change spinner's 'Next' link appearance by changing this value.
- Spinner current page text style - change spinner's 'current page' text appearance by changing this value.
- Spinner page link style - change spinner's 'link to other page' appearance by changing this value.
- Links data cell style - change single link area appearance by changing this value.
- Links data link style - change link title appearance by changing this value.
- Links data description style - change link description appearance by changing this value.
- Links data stats style - change link statistical information text appearance by changing this value.
- Settings
- Spinner position - set spinner position here. There may be three positions: top(above links list), bottom(below links list) and both.
- Pages display count - this is spinner setting. By setting it to -1 spinner is forced to display all available data pages
(data page is a block of links. For ex.: you have 20 links, 5 links on each page. So you have 4 pages of data). Setting from 1 to N displays appropriate number of data pages.
- Data blocks per page - this is also spinner setting. Set the number of links per data page to display here.
- Link separator - this is a link title and description separator symbol.
- Show Link information - use this setting to show additional link information in your links index page. You may use these
settings: (All - to display all information: Rank, Hits In and Hits Out; Rank Only - to display link rank only;
Hits In/ Hits Out - to display number or times this link was clicked and number of times your website was visited from this link;
Hits In only - to display number or times this link was clicked; Hits Out only - to display number of times your website
was visited from this link;)
|
| |
| Banner - Settings and Appearance [Banner Settings menu] |
Banner Settings panel manages your Banner settings and appearance. You
can preview results after clicking 'save settings' button. You can reset all your settings by clicking 'default settings' button.
- Style
- Background style - change banner background and border appearance by changing this value.
- Link style - change link title appearance by changing this value.
- Link description style - change link description appearance by changing this value.
- Link cell style - change single link area appearance by changing this value.
- AddLink link cell style - change 'Add Link' link area appearance by changing this value.
- AddLink link style - change 'Add Link' link appearance by changing this value.
- Settings
- AddLink URL Text - set 'AddLink' link title here.
- AddLink URL - set 'AddLink' URL here.
- Links to display - set the number of links to display in a banner.
- Description length - Character number to display. Set description length of a link in a banner by changing this value.
|
| |
| Out Links - Settings and Appearance [Out Links Settings menu] |
Out Links Settings panel manages your links code list settings and appearance. You
can preview results after clicking 'save settings' button. You can reset all your settings by clicking 'default settings' button.
- Style
- Background style - change links list background and border appearance by changing this value.
- Link cell style - change single link area appearance by changing this value.
- HTML code cell style - change single link HTML code area appearance by changing this value.
- Link style - change link title appearance by changing this value.
- Link description style - change link description appearance by changing this value.
- Link HTML code box style - change link HTML code text box appearance by changing this value.
- Link - link separator style - change link separator appearance by changing this value.
- Link - HTML code separator style - change link preview and link HTML code separator appearance by changing this value.
- Settings
- Links order - set comma separated links order here. If no value is here - links are ordered by title. To create your custom links order
you must set the position of link by entering comma separated link position value. For ex.: You have 4 links.
If this setting has no value default links ordering looks like this - '1,2,3,4'. If you set Links Order
value to '2,1,4,3' this means that your first link now will be second, second link now will be first, third link
now will be fourth and fourth link now will be third.
|
| |
| Link Stats form - Settings and Appearance [Link Stats Settings menu] |
Link Stats Settings panel manages your Link Stats form settings and appearance. You
can preview results after clicking 'save settings' button. You can reset all your settings by clicking 'default settings' button.
- Style
- Background style - change Link Stats form background and border appearance by changing this value.
- Edit fields style - change text boxes appearance of your Link Stats form by changing this value.
- Button cell style - change submit button's area appearance and submit button alignment by changing this value.
- Button style - change submit button's appearance by changing this value.
- Error message style - change error message appearance by changing this value. Error message is diplayed if you submit incorrect values or no values at all through Add Link form.
- Settings
- Button title - set submit button title here.
|
| |
| Appendix A - CSS Style Guide |
This is a short CSS (Cascading Style Sheets) language guide you may use to adjust LinkeX system appearance to your website design.
For more information please refer to Learning CSS link or search by search engines
by typing 'CSS' into search criteria field, or contact us at Algirdas.COM for support.
- border:[BORDER-WIDTH BORDER-STYLE BORDER-COLOR]
- BORDER-WIDTH - set a width of a border in pixels (px) or percents (%).
- BORDER-STYLE - set borders style. Available styles:'none','dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'.
- BORDER-COLOR - set color of a border. Use RGB model(ex.: #000000 - is black, #FFFFFF - is white, #FF0000 is red...).
- Example: (border:1px solid #00FFFF;) will result cyan 1 pixel width solid border.
- background-color:[BACKGROUND-COLOR]
- BACKGROUND-COLOR - set color of background. Use RGB model(ex.: #000000 - is black, #FFFFFF - is white, #FF0000 is red...).
- Example: (background-color:#00FF00;) will result light green background.
- color:[TEXT-COLOR]
- TEXT-COLOR - set color of text. Use RGB model(ex.: #000000 - is black, #FFFFFF - is white, #FF0000 is red...).
- Example: (color:#000000;) will result black text.
- width:[WIDTH-VALUE]
- WIDTH-VALUE - set width of an element in pixels (px) or percents (%).
- Example: (width:50%;) - element will take 50% of a space.
- height:[HEIGHT-VALUE]
- HEIGHT-VALUE - set height of an element in pixels (px) or percents (%).
- Example: (height:100px;) - element will be 100 pixels high.
- text-align:[ALIGN-POSITION]
- ALIGN-POSITION - sets the alignment of area contents. Possible values: 'left', 'right', 'center'.
- Example: (text-align:center;) - text will be centered within an area.
- font-family:[FONT-TYPE]
- FONT-TYPE - sets font type. Possible values: 'Arial', 'Arial Black', 'Times New Roman', 'Courier New', etc.
- Example: (font-family:Arial Black;) - will be displayed Arial Black font text.
- font-size:[FONT-SIZE]
- FONT-SIZE - sets font size in pixels.
- Example: (font-size:12px;) - text size will be 12 pixels.
- font-style:[FONT-STYLE]
- FONT-STYLE - sets text style. Possible values: 'normal', 'italic'
- Example: (font-style:italic;) - text will be displyed in italic.
- font-weight:[FONT-WEIGHT]
- FONT-WEIGHT - sets text weight. Possible values: 'normal', 'bold', 'bolder', 'lighter'
- Example: (font-style:italic;) - text will be displyed in italic.
- margin:[SPACE-TOP, SPACE-RIGHT, SPACE-BOTTOM, SPACE-LEFT]
- SPACE-TOP - top space between element and surrounding area in pixels.
- SPACE-RIGHT - right space between element and surrounding area in pixels.
- SPACE-BOTTOM - bottom space between element and surrounding area in pixels.
- SPACE-LEFT - left space between element and surrounding area in pixels.
- Example: (margin:10px, 5px, 10px, 5px;) - will result element which margins are: 10 pixels from
the top of surrounding area, 5 pixels from the right of surrounding area, 10 pixels from the bottom of surrounding area
and 5 pixels from the left of surrounding area.
- margin-top:[SPACE-TOP]
- SPACE-TOP - top space between element and surrounding area in pixels.
- Example: (margin-top:10px;) - will result element which margin is: 10 pixels from
the top of surrounding area.
- margin-right:[SPACE-RIGHT]
- SPACE-RIGHT - right space between element and surrounding area in pixels.
- Example: (margin-right:10px;) - will result element which margin is: 10 pixels from
the right of surrounding area.
- margin-bottom:[SPACE-BOTTOM]
- SPACE-BOTTOM - bottom space between element and surrounding area in pixels.
- Example: (margin-bottom:10px;) - will result element which margin is: 10 pixels from
the bottom of surrounding area.
- margin-left:[SPACE-LEFT]
- SPACE-LEFT - left space between element and surrounding area in pixels.
- Example: (margin-left:10px;) - will result element which margin is: 10 pixels from
the left of surrounding area.
- padding:[SPACE-TOP, SPACE-RIGHT, SPACE-BOTTOM, SPACE-LEFT]
- SPACE-TOP - space from the top to the content of area in pixels.
- SPACE-RIGHT - space from the right to the content of area in pixels.
- SPACE-BOTTOM - space from the bottom to the content of area in pixels.
- SPACE-LEFT - space from the left to the content of area in pixels.
- Example: (padding:10px, 5px, 10px, 5px;) - will result 10 pixels space from the top to the content of area,
5 pixels space from the right to the content of area, 10 pixels space from the bottom to the content of area,
5 pixels space from the left to the content of area.
- padding-top:[SPACE-TOP]
- SPACE-TOP - space from the top to the content of area in pixels.
- Example: (padding-top:10px;) - will result 10 pixels space from the top to the content of area.
- padding-right:[SPACE-RIGHT]
- SPACE-RIGHT - space from the right to the content of area in pixels.
- Example: (padding-right:10px;) - will result 10 pixels space from the right to the content of area.
- padding-bottom:[SPACE-BOTTOM]
- SPACE-BOTTOM - space from the bottom to the content of area in pixels.
- Example: (padding-bottom:10px;) - will result 10 pixels space from the bottom to the content of area.
- padding-left:[SPACE-LEFT]
- SPACE-LEFT - space from the left to the content of area in pixels.
- Example: (padding-left:10px;) - will result 10 pixels space from the left to the content of area.
|
