Category Archives: Graphic Design & Function Coding Topics

Designing Your Site Theme & Coding Enhanced Functionality

Designing and Coding a Site Footer

A web site page is generally divided into the header (uppermost section), the body (the middle area where most of your content goes), and the footer (the lowermost portion usually containing a banner rotator (for your advertising banner rotation), important links (such as important site areas, your privacy policy, and your site’s terms of service (TOS)), web site credentials (top site list badges, etc.), site credits, and a copyright notice.

On your genuine ShiftCode based get paid to site then the default template footer area looks like this (lowermost section):

screnshot#1557 - 'Paid To Site - Members - Register'

In the ShiftCode web site template editor (Files & Templates (lower right menu) > Templates) the header and the upper portion of the body content coding is contained in the upper editing portion called ‘Main Header’ while the lower portion of the body content and the footer coding is contained in the lower edition portion called the ‘Main Footer’ as seen below:

screnshot#1558 - 'Paid To Site - Admin - Templates - UltimateG_'

As you may know already, the main template contains code and doesn’t have a textarea (plain WYSIWYG (what you see is what you get) editing mode)  If you’re not that familiar with editing code then perhaps you should leave it up to your chosen design template designer and/or coder.  if you are going to be attempting to edit the footer yourself then we highly suggest that you make a backup of the entire template (both top and bottom) before you start modifying it.

The default template footer code starts in the bottom ‘Main Footer’ editing area beginning with the code <div id=”footer”> and ends with a closing </div> statement.  Your footer content typically goes between these two HTML statements.

Here’s a pretty universal copyright and disclaimer statement in code:

<p align=”center”>&copy;{~$smarty.now|date_format:”%Y”~} {~$conf.name~} – All Rights Reserved -<br>All product and company names
are trademarks&trade; or registered&reg; trademarks of their respective holders.<br>Use of them does not imply any affiliation
with or endorsement by them.</p>

This above code will yield this below statement
(though with your own site name and the current year):

©2016 Paid To Site – All Rights Reserved –
All product and company names are trademarks™ or registered® trademarks are their respective holders.
Use of them does not imply any affiliation with or endorsement by them.

ShiftCode & Performa Related Banner Creatives & Images


Sample Code Linking Banner Images with URL Links

HTML Code

<a href=”http://www.sampletargetsite.com/” target=”_blank”><img src=”http://www.sampleimageurl.com/image.png” border=”0″ /><br>Optional Linked Text Under Banner</a>

BBCode
(forum code)

[url=http://www.sampletargetsite.com/][img]http://www.sampleimageurl.com/image.png[/img]
Optional Linked Text Under Banner[/url]


ShiftCode Branded 468 x 60 Blank Banner

Image May Be Saved to Your Machine and Hosted Yourself (recommended) or
You May Hotlink to the Image at Any One of the Following Image URLs
(Click On the Image for More Linking Options Through Our Forum)

http://forum.shiftcode.com/index.php?media/shiftcode-branded-468-x-60-blank-banner.3/full&d=1431304813 or
http://www.gptsitescript.com/wp-content/uploads/shift_blank_468.png

shift_blank_468


We Recommend ShiftCode GPTs 120 x 60 Site Badge

Image May Be Saved to Your Machine and Hosted Yourself (recommended) or
You May Hotlink to the Image at Any One of the Following Image URLs
(Click On the Image for More Linking Options Through Our Forum)

http://forum.shiftcode.com/index.php?media/we-recommend-shiftcode-gpts-120-x-60-site-badge.1/full&d=1431303724 or
http://www.gptsitescript.com/wp-content/uploads/genscgpts4.jpg
genscgpts4


ShiftCode Branded 468 x 60 GPT Script Referral Banner

Image May Be Saved to Your Machine and Hosted Yourself (recommended) or
You May Hotlink to the Image at Any One of the Following Image URLs
(Click On the Image for More Linking Options Through Our Forum)

http://forum.shiftcode.com/index.php?media/shiftcode-branded-468-x-60-gpt-script-referral-banner.2/full&d=1431304171 or
http://www.gptsitescript.com/wp-content/uploads/shiftcoderef468.jpg

shiftcoderef468


ShiftCode & Performa Affiliate Program Recruiting Banner 468 x 60

Image May Be Saved to Your Machine and Hosted Yourself (recommended) or
You May Hotlink to the Image at Any One of the Following Image URLs
(Click On the Image for More Linking Options Through Our Forum)

http://forum.shiftcode.com/index.php?media/shiftcode-performa-affiliate-program-recruiting-banner-468-x-60.12/full&d=1448429676 or
http://www.gptsitescript.com/wp-content/uploads/shiftperf468ap.png

shiftperf468ap


Your Own ShiftCode GPT_300x250

Image May Be Saved to Your Machine and Hosted Yourself (recommended) or
You May Hotlink to the Image at Any One of the Following Image URLs
(Click On the Image for More Linking Options Through Our Forum)

http://forum.shiftcode.com/index.php?media/yourownshiftcodegpt_300x250.11/full&d=1445156733 or
http://www.gptsitescript.com/wp-content/uploads/YourOwnShiftCodeGPT_300x250.png

YourOwnShiftCodeGPT_300x250


Performa Ad 300×250

Image May Be Saved to Your Machine and Hosted Yourself (recommended) or
You May Hotlink to the Image at Any One of the Following Image URLs
(Click On the Image for More Linking Options Through Our Forum)

http://forum.shiftcode.com/index.php?media/performa_ad_300x250.9/full&d=1445151924 or
http://www.gptsitescript.com/wp-content/uploads/Performa_Ad_300x250.png

Performa_Ad_300x250


More Banner Creatives Are Available in the Media Section of
the Official ShiftCode Discussion Forum

Web Color Picker

Primary / Main / Basic Colors

000000

000033

000066

000099

0000CC

0000FF

003300

003333

003366

003399

0033CC

0033FF

006600

006633

006666

006699

0066CC

0066FF

009900

009933

009966

009999

0099CC

0099FF

00CC00

00CC33

00CC66

00CC99

00CCCC

00CCFF

00FF00

00FF33

00FF66

00FF99

00FFCC

00FFFF

330000

330033

330066

330099

3300CC

3300FF

333300

333333

333366

333399

3333CC

3333FF

336600

336633

336666

336699

3366CC

3366FF

339900

339933

339966

339999

3399CC

3399FF

33CC00

33CC33

33CC66

33CC99

33CCCC

33CCFF

33FF00

33FF33

33FF66

33FF99

33FFCC

33FFFF

660000

660033

660066

660099

6600CC

6600FF

663300

663333

663366

663399

6633CC

6633FF

666600

666633

666666

666699

6666CC

6666FF

669900

669933

669966

669999

6699CC

6699FF

66CC00

66CC33

66CC66

66CC99

66CCCC

66CCFF

66FF00

66FF33

66FF66

66FF99

66FFCC

66FFFF

990000

990033

990066

990099

9900CC

9900FF

993300

993333

993366

993399

9933CC

9933FF

996600

996633

996666

996699

9966CC

9966FF

999900

999933

999966

999999

9999CC

9999FF

99CC00

99CC33

99CC66

99CC99

99CCCC

99CCFF

99FF00

99FF33

99FF66

99FF99

99FFCC

99FFFF

CC0000

CC0033

CC0066

CC0099

CC00CC

CC00FF

CC3300

CC3333

CC3366

CC3399

CC33CC

CC33FF

CC6600

CC6633

CC6666

CC6699

CC66CC

CC66FF

CC9900

CC9933

CC9966

CC9999

CC99CC

CC99FF

CCCC00

CCCC33

CCCC66

CCCC99

CCCCCC

CCCCFF

CCFF00

CCFF33

CCFF66

CCFF99

CCFFCC

CCFFFF

FF0000

FF0033

FF0066

FF0099

FF00CC

FF00FF

FF3300

FF3333

FF3366

FF3399

FF33CC

FF33FF

FF6600

FF6633

FF6666

FF6699

FF66CC

FF66FF

FF9900

FF9933

FF9966

FF9999

FF99CC

FF99FF

FFCC00

FFCC33

FFCC66

FFCC99

FFCCCC

FFCCFF

FFFF00

FFFF33

FFFF66

FFFF99

FFFFCC

FFFFFF


Secondary / Mixed / Pastel Colors

FF4848

FF68DD

FF62B0

FE67EB

E469FE

D568FD

9669FE

FF7575

FF79E1

FF73B9

FE67EB

E77AFE

D97BFD

A27AFE

FF8A8A

FF86E3

FF86C2

FE8BF0

EA8DFE

DD88FD

AD8BFE

FF9797

FF97E8

FF97CB

FE98F1

ED9EFE

E29BFD

B89AFE

FFA8A8

FFACEC

FFA8D3

FEA9F3

EFA9FE

E7A9FE

C4ABFE

FFBBBB

FFACEC

FFBBDD

FFBBF7

F2BCFE

EDBEFE

D0BCFE

FFCECE

FFC8F2

FFC8E3

FFCAF9

F5CAFF

F0CBFE

DDCEFF

FFDFDF

FFDFF8

FFDFEF

FFDBFB

F9D9FF

F4DCFE

E6DBFF

FFECEC

FFEEFB

FFECF5

FFEEFD

FDF2FF

FAECFF

F1ECFF

FFF2F2

FFFEFB

FFF9FC

FFF9FE

FFFDFF

FDF9FF

FBF9FF

800080

872187

9A03FE

892EE4

3923D6

2966B8

23819C

BF00BF

BC2EBC

A827FE

9B4EE9

6755E3

2F74D0

2897B7

DB00DB

D54FD5

B445FE

A55FEB

8678E9

4985D6

2FAACE

F900F9

DD75DD

BD5CFE

AE70ED

9588EC

6094DB

44B4D5

FF4AFF

DD75DD

C269FE

AE70ED

A095EE

7BA7E1

57BCD9

FF86FF

E697E6

CD85FE

C79BF2

B0A7F1

8EB4E6

7BCAE1

FFA4FF

EAA6EA

D698FE

CEA8F4

BCB4F3

A9C5EB

8CD1E6

FFBBFF

EEBBEE

DFB0FF

DBBFF7

CBC5F5

BAD0EF

A5DBEB

FFCEFF

F0C4F0

E8C6FF

E1CAF9

D7D1F8

CEDEF4

B8E2EF

FFDFFF

F4D2F4

EFD7FF

EDDFFB

E3E0FA

E0EAF8

C9EAF3

FFECFF

F4D2F4

F9EEFF

F5EEFD

EFEDFC

EAF1FB

DBF0F7

FFF9FF

FDF9FD

FEFDFF

FEFDFF

F7F5FE

F8FBFE

EAF7FB

5757FF

62A9FF

62D0FF

06DCFB

01FCEF

03EBA6

01F33E

6A6AFF

75B4FF

75D6FF

24E0FB

1FFEF3

03F3AB

0AFE47

7979FF

86BCFF

8ADCFF

3DE4FC

5FFEF7

33FDC0

4BFE78

8C8CFF

99C7FF

99E0FF

63E9FC

74FEF8

62FDCE

72FE95

9999FF

99C7FF

A8E4FF

75ECFD

92FEF9

7DFDD7

8BFEA8

AAAAFF

A8CFFF

BBEBFF

8CEFFD

A5FEFA

8FFEDD

A3FEBA

BBBBFF

BBDAFF

CEF0FF

ACF3FD

B5FFFC

A5FEE3

B5FFC8

CACAFF

D0E6FF

D9F3FF

C0F7FE

CEFFFD

BEFEEB

CAFFD8

E1E1FF

DBEBFF

ECFAFF

C0F7FE

E1FFFE

BDFFEA

EAFFEF

EEEEFF

ECF4FF

F9FDFF

E6FCFF

F2FFFE

CFFEF0

EAFFEF

F9F9FF

F9FCFF

FDFEFF

F9FEFF

FDFFFF

F7FFFD

F9FFFB

1FCB4A

59955C

48FB0D

2DC800

59DF00

9D9D00

B6BA18

27DE55

6CA870

79FC4E

32DF00

61F200

C8C800

CDD11B

4AE371

80B584

89FC63

36F200

66FF00

DFDF00

DFE32D

7CEB98

93BF96

99FD77

52FF20

95FF4F

FFFFAA

EDEF85

93EEAA

A6CAA9

AAFD8E

6FFF44

ABFF73

FFFF84

EEF093

A4F0B7

B4D1B6

BAFEA3

8FFF6F

C0FF97

FFFF99

F2F4B3

BDF4CB

C9DECB

CAFEB8

A5FF8A

D1FFB3

FFFFB5

F5F7C4

D6F8DE

DBEADC

DDFED1

B3FF99

DFFFCA

FFFFC8

F7F9D0

E3FBE9

E9F1EA

EAFEE2

D2FFC4

E8FFD9

FFFFD7

FAFBDF

E3FBE9

F3F8F4

F1FEED

E7FFDF

F2FFEA

FFFFE3

FCFCE9

FAFEFB

FBFDFB

FDFFFD

F5FFF2

FAFFF7

FFFFFD

FDFDF0

BABA21

C8B400

DFA800

DB9900

FFB428

FF9331

FF800D

E0E04E

D9C400

F9BB00

EAA400

FFBF48

FFA04A

FF9C42

E6E671

E6CE00

FFCB2F

FFB60B

FFC65B

FFAB60

FFAC62

EAEA8A

F7DE00

FFD34F

FFBE28

FFCE73

FFBB7D

FFBD82

EEEEA2

FFE920

FFDD75

FFC848

FFD586

FFC48E

FFC895

F1F1B1

FFF06A

FFE699

FFD062

FFDEA2

FFCFA4

FFCEA2

F4F4BF

FFF284

FFECB0

FFE099

FFE6B5

FFD9B7

FFD7B3

F7F7CE

FFF7B7

FFF1C6

FFEAB7

FFEAC4

FFE1C6

FFE2C8

F9F9DD

FFF9CE

FFF5D7

FFF2D2

FFF2D9

FFEBD9

FFE6D0

FBFBE8

FFFBDF

FFFAEA

FFF9EA

FFF7E6

FFF4EA

FFF1E6

FEFEFA

FFFEF7

FFFDF7

FFFDF9

FFFDF9

FFFEFD

FFF9F4

D1D17A

C0A545

C27E3A

C47557

B05F3C

C17753

B96F6F

D7D78A

CEB86C

C98A4B

CB876D

C06A45

C98767

C48484

DBDB97

D6C485

D19C67

D29680

C87C5B

D0977B

C88E8E

E1E1A8

DECF9C

DAAF85

DAA794

CF8D72

DAAC96

D1A0A0

E9E9BE

E3D6AA

DDB791

DFB4A4

D69E87

E0BBA9

D7ACAC

EEEECE

EADFBF

E4C6A7

E6C5B9

DEB19E

E8CCBF

DDB9B9

E9E9C0

EDE4C9

E9D0B6

EBD0C7

E4C0B1

ECD5CA

E6CCCC

EEEECE

EFE7CF

EEDCC8

F0DCD5

EACDC1

F0DDD5

ECD9D9

F1F1D6

F5EFE0

F2E4D5

F5E7E2

F0DDD5

F5E8E2

F3E7E7

F5F5E2

F9F5EC

F9F3EC

F9EFEC

F5E8E2

FAF2EF

F8F1F1

FDFDF9

FDFCF9

FCF9F5

FDFAF9

FDFAF9

FCF7F5

FDFBFB

F70000

B9264F

990099

74138C

0000CE

1F88A7

4A9586

FF2626

D73E68

B300B3

8D18AB

5B5BFF

25A0C5

5EAE9E

FF5353

DD597D

CA00CA

A41CC6

7373FF

29AFD6

74BAAC

FF7373

E37795

D900D9

BA21E0

8282FF

4FBDDD

8DC7BB

FF8E8E

E994AB

FF2DFF

CB59E8

9191FF

67C7E2

A5D3CA

FFA4A4

EDA9BC

F206FF

CB59E8

A8A8FF

8ED6EA

C0E0DA

FFB5B5

F0B9C8

FF7DFF

D881ED

B7B7FF

A6DEEE

CFE7E2

FFC8C8

F4CAD6

FFA8FF

EFCDF8

C6C6FF

C0E7F3

DCEDEA

FFEAEA

F8DAE2

FFC4FF

EFCDF8

DBDBFF

D8F0F8

E7F3F1

FFEAEA

FAE7EC

FFE3FF

F8E9FC

EEEEFF

EFF9FC

F2F9F8

FFFDFD

FEFAFB

FFFDFF

FFFFFF

FDFDFF

FAFDFE

F7FBFA

Make Complete Backups of Default Code First (Crucial!)

Thoroughly Read This and Think Through It All in Your Head – Come to an Epiphany That You Will NO LONGER Take the Risk of Losing Hours, Days, Weeks, or Even Years of Hard Work Coding, Configuring, and Designing Your New Site When ShiftCode Has Made it So Easy for Us Site Admins to Perform Complete and Automated Backups!  It cannot be stressed enough that it is definitely necessary to make complete backups all the files that you have access to BEFORE you start tinkering (modifying any code or site template designs)

Though ShiftCode always has your back if you lose any of the default programming code or design template code you shouldn’t have to worry about having to ask anyone for the default files should you mess something up (which is surprisingly easy to do – even for professional coders and designers)  Not only is it embarrassing to ask (I’ve been in that situation quite a few times) but it has the potential to completely halt your site building process until your request is handled (yes, ShiftCode support is usually pretty prompt with such requests but you probably don’t want to be put in the position of awaiting a reply while you (or your designer and/or coder) is in the midst of the creative process)

Also note that as your site build out and customization starts to bloom and all through the entire creative process then it will be necessary to make backups of your customizations in code and design at various stages of the creative process.  Know that modifying web site script code is a very delicate process and only one simple mistake in the form of omitting or adding one single character or command in code can potentially bring your entire site down showing an error (though the error condition would be only temporary until you find and fix the error in code or you restore the file containing the erroneous code from a previous backup)


Resolve Now to Commit to Performing Regular Full Site Backups Well Into the Future:  (Yes, you can thank me sometime in the future for stressing the importance of regular full backups while also giving yourself a nice pat on the back just after that dreaded unrecoverable event happens (God forbid! – but YES they do happen to everyone at least once over time!) simple statistics predict data storage error and/or human error causing an unrecoverable failure at least once (though probably more) in the life of most all web sites (if it were not for your regular backups then you may have been instantly out-of-business should a hardware failure of a hard drive or other crucial data storage device (more common than you may think))

backup_your_site

Another point to make here is to remind you that you are dealing with other people’s money that they have earned on your site and they have the legitimate right to demand their money from you (even in the case of data loss) it’  I don’t need to remind you how even the most polite and kind (initially) people appear to be – if you start messing with their hard earned money people will get them to stand up, pay attention, and become very vocal if there is even the slightest hint that there is a discrepancy in their site account funds (even if it’s not your fault like a drive failure, database corruption, etc.) then you will instantly be put in an untenable position if your members claim you owe them yet you suddenly don’t have access to any recent records to competently dispute or award their claims (I’ve been there and done that and I can tell you that personally you feel like a complete idiot (all you had to do is make simple backups at least a week apart to still have some idea in what ballpark you owe specific people.


OK, Enough Talking About Doing It – Let Me Show You How and Let’s Back Everything Up Now!
 

Prepare a Folder on Your PC or Device to Receive These Extremely Important Backups:I’d suggest that you make the new backup folder somewhere within the ‘My Documents’ or ‘Documents’ folders (one should already be present on your machine.  The reason why I suggest placing all backup folders within the Windows document area is that I know that whatever backup application you may have running (or eventually purchase in the future) will undoubtedly default to including common default areas where important documents are stored.  So, when you initiate any type of backup of the files on your PC then chances are your crucial GPT site  backups will be included by default.

What should you name your web site backups folder?  This is an area where it simply comes down to your own preferences.  I, myself, always like to have the backup folder name SCREAM at you with folder names I’m notorious for such as ‘DO_NOT_DELETE_THIS FOLDER_EVER – IT_CONTAINS_CRUCIAL_WEB_SITE_BACKUPS! – or the like (lol)

Installing Google Analytics Tracking Code

The popular and totally free Google Analytics service facilitates a very helpful and detailed analysis of the traffic frequenting your site.  Below is how and where you place the provided tracking code for best results on your ShiftCode GPT site (via the template).

First, sign in (or register and sign in) to your Google Analytics account.  Choose ‘Admin’ from the top Google Analytics menu.  From the center ‘Property’ menu dropdown choose “Create new property” to reach an ‘Administration > New Property” page and fill in the blanks on that page in reference to your new GPT site thereby creating a new Google Analytics property for the new site (if you have difficulties in this step then contact Google in regard to supporting their product ‘Analytics’ and it’s outside the scope of this document to support products by other entities) Click ‘Get Tracking ID’ to continue.

The code we are interested is located in the box just under the statement ‘This is your tracking code. Copy and paste it into the code of every page you want to track’  We don’t really need to place this code into every page as that statement implies.  All we need to do is insert that code into the HEAD section of our main ShiftCode site template and it will automatically be included on every page on your site.

It’s recommended (by Google) that you place this tracking code in the HEAD section of your template just before the closing “</head>” tag (as the very last item within the HEAD section of the template)
Head Section of the ShiftCode Main Template
In the above view depicts locating the ‘Files & Templates navigational menu in the lower right corner of the ShiftCode GPT Admin Panel, selecting ‘Templates’, and then selecting the template (clicking on its name) that shows as the ‘Default’ template (the one that has a ‘Yes’ in the ‘Default’ column.

Notice the “</head>” statement in line nine (9) of the example image above.  That is the closing HEAD section statement where we want the Google Analytics tracking code to be inserted just before.  Note we want to INSERT the code NOT replace ANY code that’s already located in your template (if you have trouble with this then we suggest you investigate the very basic (completely newbie) use of the ‘Insert’ key on your computer keyboard which may just need to be toggled to not replace text but actually insert text)

Ok, copy the Google Analytics code to your Windows clipboard, click just before the “</head>” statement (wherever it may be on YOUR template), press <Enter> (or <Return>) on your computer keyboard to drop the “</head>” statement down a line (and make sure that you are inserting instead of replacing code), and paste (<CTRL><V>) the Google Analytics tracking code in the empty space above the “</head>” statement.

After Google Analytics Code is Inserted

Your template code should look somewhat like the above example.  I’ve left the inserted code highlighted in grey only for the purpose of example here.  Now click the ‘Upload Template’ button to save your modified site template code (towards the bottom on you template editing page in the ShiftCode Admin panel) and you are now completely done adding the Google Analytics code to your site – congratulations!

Note that it may take a few minutes to an hour or more for the tracking code to become responsive to Google Analytics due to the ShiftCode ‘cache’ delay (a normal thing)

Scripts List

Script ID    
Name Insets
_banner_add Members – Banner Rotation – Buy Impressions
 

0

_banner_buy Banner Rotation – Buy
 

1

_banner_edit Members – Banner Rotiation – Edit
 

0

_banner_stats Members – Banner Rotiation – Stats
 

0

_cart Shopping Cart
 

1

_cart_methods Shopping Cart – Payment
 

0

_cart_shipping Shopping Cart – Shipping
 

0

_cart_show Thank You
 

0

_catalog Catalog
 

0

_catalog_item Catalog – Item #{~$item.id~}
 

0

_contact Contact
 

0

_downloads Downloads
 

0

_downloads_view Downloads – View
 

0

_error Error Occured
 

0

_forms {~$form.name~}
 

0

_forms_requests {~$form.name~} – Requests
 

0

_forms_view {~$form.name~} – View Request
 

0

_games Games
 

0

_games_view Games – {~$game.title~}
 

0

_giftcardCodes Instant Gift Cards – Codes
 

0

_giftcards Instant Gift Cards
 

0

_gptTracker Members – GPT Tracker
 

0

_help Help System
 

0

_inbox Members – Inbox System
 

0

_inbox_popup Members – Inbox System – Pop-up
 

0

_inbox_post Members – Inbox System – {~if $action==’reply’~}Reply{~else~}Send Message{~/if~}
 

0

_inbox_view Members – Inbox System – View Message
 

0

_loyalty Members – Loyalty Bonus{~if $level~} – Level {~$level~}{~/if~}
 

0

_loyalty_request Members – Loyalty Bonus – Request
 

0

_loyalty_requests Members – Loyalty Bonus – {~$folder.name~}
 

0

_loyalty_view Members – Loyalty Bonus – View Request
 

0

_membersQuiz Members – Quiz
 

0

_members_alerts Members – Edit E-mail Alerts
 

4

_members_balance Members – Account Balance
 

5

_members_confirm Members – Confirm Your E-mail Address
 

0

_members_downline Members – Your Referrals
 

7

_members_edit Members – Edit Account
 

0

_members_email Members – Change E-mail Address
 

0

_members_forgot Members – Forgot {~$find|capitalize~}
 

0

_members_history Members – Account History
 

0

_members_locked Members – Locked Funds
 

2

_members_login Members – Login
 

0

_members_logout Members – Logout
 

0

_members_password Members – Change Password
 

0

_members_promo Members – Promotional Codes
 

0

_members_refer Members – Refer a Member
 

1

_members_register Members – Register
 

0

_members_tell Members – Tell a Friend
 

0

_members_transfer Members – Transfer Balance
 

0

_members_unsubscribe Members – Unsubscribe
 

0

_members_upgrade Members – Upgrade
 

2

_members_welcome Members – Welcome
 

0

_news News
 

0

_news_view News – {~$news.subject~}
 

1

_orders Orders
 

0

_orders_view Order #{~$order.id~}
 

0

_payment Payment – Select Method
 

0

_payment_custom Payment – {~$method.name~}
 

0

_payment_internal Members – Internal Funds
 

0

_payment_return Thank You
 

0

_pixel_buy Pixel – Buy
 

0

_pixel_edit Members – Pixel – Edit
 

0

_pixel_pay Pixel – Purchase
 

0

_pixel_reserve Pixel – Reserve Pixels
 

0

_pixel_select Pixel – Select Your Pixels
 

0

_pixel_stats Pixel – Stats
 

0

_pixel_stats_member Members – Pixel – Stats
 

0

_points Members – Rewards
 

0

_points_converter Members – Converter
 

0

_points_history Members – {~$config->get(‘pointsName’)~} History
 

0

_points_payment Members – {~$config->get(‘pointsName’)~} Payment
 

0

_points_register Select a reward!
 

0

_points_request Members – Rewards – Request
 

0

_points_requests Members – Rewards – Requests
 

0

_points_return Members – Thank You
 

0

_points_rewards Rewards
 

0

_points_view Members – Rewards – View Request
 

0

_polls_past Polls – Past
 

0

_ptc Members – Paid to Click
 

0

_ptcContest Contests – Paid to Click
 

0

_ptcContest_winners Contests – Paid to Click – Past Winners
 

0

_ptc_add Members – Paid to Click – Buy Hits
 

0

_ptc_buy Members – Paid to Click – Buy
 

1

_ptc_buy_frameBreak Members – Paid to Click – Buy
 

1

_ptc_buy_frameBreak_frame Members – Paid to Click – Buy – View
 

0

_ptc_buy_frameBreak_return Members – Paid to Click – Buy – Return
 

0

_ptc_buy_frameBreak_timer Members – Paid to Click – Buy – Timer
 

0

_ptc_edit Members – Paid to Click – Edit
 

0

_ptc_frame Members – Paid to Click – View
 

0

_ptc_return Members – Paid to Click – Return
 

0

_ptc_security Members – Paid to Click – Security
 

0

_ptc_stats Members – Paid to Click – Stats
 

0

_ptc_timer Members – Paid to Click – Timer
 

0

_pts Members – Paid to Signup
 

1

_ptsContest Contests – Paid to Signup
 

0

_ptsContest_winners Contests – Paid to Signup – Past Winners
 

0

_ptsJackpot Members – Paid to Signup – Jackpot
 

0

_ptsJackpot_past Members – Paid to Signup – Jackpot – Past
 

0

_pts_add Members – Paid to Signup – Buy Signups
 

0

_pts_approve Members – Paid to Signup – Approve
 

0

 

Script ID    
Name Insets
_pts_buy Members – Paid to Signup – Buy
 

1

_pts_edit Members – Paid to Signup – Edit
 

0

_pts_email Members – Paid to Signup – E-mail Offer
 

0

_pts_report Members – Paid to Signup – Report
 

0

_pts_requests Members – Paid to Signup – Requests
 

0

_pts_security Members – Paid to Signup – Security
 

0

_pts_stats Members – Paid to Signup – Stats
 

0

_pts_view Members – Paid to Signup – View Signup
 

0

_refContest Contests – Referral
 

0

_refContest_winners Contests – Referral – Past Winners
 

0

_shout Shoutbox
 

1

_shout_css Shoutbox – CSS
 

0

_shout_fullscreen Shoutbox – Fullscreen
 

0

_shout_info Shoutbox – {~if $act==’emoticons’~}Emoticons{~else~}Rules{~/if~}
 

0

_side_buy Side Panel – Buy
 

1

_side_edit Members – Side Panel – Edit
 

0

_side_stats Members – Side Panel – Stats
 

0

_signature Members – Signatures
 

0

_telephone Members – Telephone Verification
 

0

_template_preview Template Preview
 

0

_ticket Members – Trouble Ticket
 

0

_ticket_view Members – Trouble Ticket – View
 

0

_withdraw Members – Withdraw
 

0

_withdraw_global Withdraws
 

0

_withdraw_requests Members – Withdraw – Requests
 

0

_withdraw_view Members – Withdraw – View Request
 

0

Pages Designer Help Sheet

Name URL
468 x 60 Banner Advertising Off-Site on Earn.GoTop100.com Top Site List /banner_ad_a
Banner Rotation – Buy /banner/index.php
Catalog /catalog/index.php
Contact /contact/index.php
Contests – Paid to Click /contests/ptc.php
Contests – Paid to Click – Past Winners /contests/past/ptc.php
Contests – Paid to Signup /contests/pts.php
Contests – Paid to Signup – Past Winners /contests/past/pts.php
Contests – Referral /contests/ref.php
Contests – Referral – Past Winners /contests/past/ref.php
Downloads /downloads/index.php
Downloads – View /downloads/view.php
Games /games/index.php
Games – {~$game.title~} /games/view.php
Help System /help/index.php
Homepage /home
Instant Gift Cards /giftcards/index.php
Instant Gift Cards – Codes /giftcards/codes.php
Members – Account Balance /members/balance.php
Members – Account History /members/history.php
Members – Locked Funds /members/locked.php
Members – Paid to Signup – Jackpot – Past /members/pts/jackpot/past.php
Members – Unsubscribe /members/unsubscribe.php
Members – {~$config->get(‘pointsName’)~} History /members/points/history.php
Members – Advertise /members/advertise.php
Members – Advertising Stats /members/stats.php
Members – Banner Rotation – Buy Impressions /members/addBanner.php
Members – Banner Rotiation – Edit /members/editBanner.php
Members – Banner Rotiation – Stats /members/statsBanner.php
Members – Change E-mail Address /members/email.php
Members – Change Password /members/password.php
Members – Confirm Your E-mail Address /members/confirm.php
Members – Converter /members/points/converter.php
Members – Edit Account /members/editAccount.php
Members – Edit E-mail Alerts /members/alerts.php
Members – Forgot {~$find|capitalize~} /members/forgot.php
Members – GPT Tracker /members/pts/gpttracker/index.php
Members – Home /members/index.php
Members – Inbox System /members/inbox/index.php
Members – Inbox System – View Message /members/inbox/view.php
Members – Inbox System – {~if $action==’reply’~}Reply{~else~}Send Message{~/if~} /members/inbox/post.php
Members – Internal Funds /process/internal.php
Members – Login /members/login.php
Members – Logout /members/logout.php
Members – Loyalty Bonus – Request /members/loyalty/request.php
Members – Loyalty Bonus – View Request /members/loyalty/view.php
Members – Loyalty Bonus – {~$folder.name~} /members/loyalty/requests.php
Members – Loyalty Bonus{~if $level~} – Level {~$level~}{~/if~} /members/loyalty/index.php
Members – Paid to Click /members/clickPTC.php
Members – Paid to Click – Buy /members/buyPTC.php
Members – Paid to Click – Buy – Timer /members/pts/frameBreakTop.php
Members – Paid to Click – Buy – View /members/ptc/frameBreak.php
Members – Paid to Click – Buy Hits /members/addPTC.php
Members – Paid to Click – Edit /members/editPTC.php
Members – Paid to Click – Stats /members/statsPTC.php
Members – Paid to Click – Timer /members/timerPTC.php
Members – Paid to Click – View /members/viewPTC.php
Members – Paid to Signup /members/signupPTS.php
Members – Paid to Signup – Approve /members/approvePTS.php
Members – Paid to Signup – Buy /members/buyPTS.php
Members – Paid to Signup – Buy Signups /members/addPTS.php
Members – Paid to Signup – E-mail Offer /members/pts/email.php
Members – Paid to Signup – Edit /members/editPTS.php
Members – Paid to Signup – Jackpot /members/pts/jackpot/index.php
Members – Paid to Signup – Report /members/pts/report.php
Members – Paid to Signup – Requests /members/pts/requests.php
Members – Paid to Signup – Security /members/pts/click.php
Members – Paid to Signup – Stats /members/statsPTS.php
Members – Paid to Signup – View Signup /members/pts/view.php
Members – Pixel – Edit /members/editPixel.php
Members – Pixel – Stats /members/statsPixel.php
Members – Promotional Codes /members/promo.php
Members – Quiz /members/quiz/index.php
Members – Refer a Member /members/refer.php
Members – Register /members/register.php
Members – Rewards /members/points/index.php
Members – Rewards – Request /members/points/request.php
Members – Rewards – Requests /members/points/requests.php
Members – Rewards – View Request /members/points/view.php
Members – Side Panel – Edit /members/editSide.php
Members – Side Panel – Stats /members/statsSide.php
Members – Signatures /members/signature/index.php
Members – Telephone Verification /members/telephone/index.php
Members – Tell a Friend /members/tell.php
Members – Terms /members/terms.php
Members – Thank You /members/points/return.php
Members – Transfer Balance /members/transfer.php
Members – Trouble Ticket /members/ticket.php
Members – Trouble Ticket – View /members/ticket/view.php
Members – Upgrade /members/upgrade.php
Members – Welcome /members/welcome.php
Members – Withdraw /members/withdraw.php
Members – Withdraw – Requests /members/withdraw/requests.php
Members – Withdraw – View Request /members/withdraw/view.php
Members – Your Referrals /members/downline.php
Members – {~$config->get(‘pointsName’)~} Payment /process/points.php
News /news/index.php
News – {~$news.subject~} /news/view.php
Order #{~$order.id~} /orders/view.php
Orders /orders/index.php
Payment – Select Method /process/index.php
Payment – {~$method.name~} /process/custom.php
Pixel – Buy /pixel/buy.php
Pixel – Home /pixel/index.php
Pixel – Purchase /pixel/pay.php
Pixel – Reserve Pixels /pixel/reserve.php
Pixel – Select Your Pixels /pixel/select.php
Pixel – Stats /pixel/stats.php
Pixel – Terms /pixel/terms.php
Polls – Past /polls/past.php
Rewards /members/points/rewards.php
Select a reward! /members/points/register.php
Shopping Cart /cart/index.php
Shopping Cart – Payment /cart/methods.php
Shopping Cart – Shipping /cart/shipping.php
Shoutbox /shout/shout.html
Shoutbox – CSS /shout/shout.css
Shoutbox – Fullscreen /shout/fullscreen.php
Shoutbox – {~if $act==’emoticons’~}Emoticons{~else~}Rules{~/if~} /shout/info.php
Side Panel – Buy /side/index.php
Template Preview /templates/preview.php
Thank You /process/return.php
Thank You /cart/show.php
Withdraws /members/withdraw/list.php
{~$form.name~} /forms/index.php
{~$form.name~} – Requests /forms/requests.php
{~$form.name~} – View Request /forms/view.php

Includes Designer Help Sheet

ID Name Code
_addressForm Address – Form {~include file=”_addressForm”~}
_banner_rotater Banner Rotation {~include file=”_banner_rotater” group=”” unique=0~}
_banner_stats_top Banner Rotation – Stats – Top {~include file=”_banner_stats_top”~}
_bonus_activity Bonus – Acitivity {~include file=”_bonus_activity”~}
_bonus_ad Bonus – Ad {~include file=”_bonus_ad”~}
_cart_count Shopping Cart – Number of Items {~include file=”_cart_count” url=0~}
_cart_show Shopping Cart – Show Items {~include file=”_cart_show”~}
_cart_top Shopping Cart – Top {~include file=”_cart_top”~}
_catalog_search Catalog Search Form {~include file=”_catalog_search”~}
_cat_route Catalog Route {~include file=”_cat_route”~}
_countdown Display Countdown {~include file=”_countdown”~}
_counter Counter {~include file=”_counter”~}
_downloads_viewers Downloads – Viewers {~include file=”_downloads_viewers”~}
_errors Errors {~include file=”_errors”~}
_fileSize Get the File Size {~include file=”_fileSize”~}
_forms_top Forms – Top {~include file=”_forms_top”~}
_gameTokens_balance Game Tokens – User Balance {~include file=”_gameTokens_balance”~}
_happeningNow Happening Now {~include file=”_happeningNow” alert=””~}
_inbox_top Inbox System – Top {~include file=”_inbox_top”~}
_inbox_unread Inbox – User’s Unread Messages {~include file=”_inbox_unread” url=0~}
_jackpot_amt Jackpot – Amount {~include file=”_jackpot_amt” pot=0~}
_jackpot_past Jackpot – Past Winners {~include file=”_jackpot_past”~}
_jackpot_totalEntries Jackpot – Total Entries {~include file=”_jackpot_totalEntries” pot=0~}
_jackpot_userEntries Jackpot – User’s Entries {~include file=”_jackpot_userEntries” pot=0~}
_loyalty_top Loyalty Bonus – Top {~include file=”_loyalty_top”~}
_loyalty_user Loyalty Bonus – User’s Points {~include file=”_loyalty_user”~}
_members_addressForm Members – Address – Form {~include file=”_members_addressForm”~}
_members_advStats_top Members – Advertising Stats Menu {~include file=”_members_advStats_top”~}
_members_adv_top Members – Advertising Menu {~include file=”_members_adv_top”~}
_members_amts Members – Display Amounts {~include file=”_members_amts” trim=1~}
_members_count Members – Count {~include file=”_members_count”~}
_members_current Members – Current Earnings {~include file=”_members_current”~}
_members_link Members – Link {~include file=”_members_link”~}
_members_locked Members – User’s Locked Balance {~include file=”_members_locked”~}
_members_loginStatus Members – Login Status {~include file=”_members_loginStatus”~}
_members_online Members – Online Users {~include file=”_members_online”~}
_members_payments Members – Display Payment Amounts {~include file=”_members_payments”~}
_members_refEarnings Members – User’s Referral Earnings {~include file=”_members_refEarnings”~}
_members_refs Members – User’s Referrals {~include file=”_members_refs”~}
_members_targeted Members – Targeted {~include file=”_members_targeted”~}
_members_top Members – Top Menu {~include file=”_members_top”~}
_members_total Members – Total Earnings {~include file=”_members_total”~}
_members_user Members – User’s Balance {~include file=”_members_user”~}
_meta Meta Tags {~include file=”_meta”~}
_news News – Display {~include file=”_news” limit=10~}
_pager Pager {~include file=”_pager”~}
_payment_return Payments – Thank You Messages {~include file=”_payment_return”~}
_pixel_buy_top Pixel – Buy – Top {~include file=”_pixel_buy_top”~}
_pixel_display Pixel – Display {~include file=”_pixel_display”~}
_pixel_stats_top Pixel – Stats – Top {~include file=”_pixel_stats_top”~}
_points_completed Points System – Completed Amount {~include file=”_points_completed”~}
_points_display Points – Display {~include file=”_points_display”~}
_points_top Points – Rewards – Top {~include file=”_points_top”~}
_points_user Points System – User’s Points {~include file=”_points_user”~}
_poll Poll {~include file=”_poll” id=0~}
_poll_display Poll – Display {~include file=”_poll_display”~}
_ptc_count Paid to Click – Count {~include file=”_ptc_count”~}
_ptc_display Paid to Click – Display Advertisement {~include file=”_ptc_display”~}
_ptc_earnings Paid to Click – Earnings {~include file=”_ptc_earnings”~}
_ptc_stats_top Paid to Click – Stats – Top {~include file=”_ptc_stats_top”~}
_ptc_userClicks Paid to Signup – User Clicks {~include file=”_ptc_userClicks”~}
_pts_amts Members – Paid to Signup – Display Amounts {~include file=”_pts_amts” trim=1~}
_pts_count Paid to Signup – Count {~include file=”_pts_count” excludeCats=””~}
_pts_display Paid to Signup – Display Advertisement {~include file=”_pts_display”~}
_pts_earnings Paid to Signup – Earnings {~include file=”_pts_earnings”~}
_pts_lastAdded Paid to Signup – Last 10 Added {~include file=”_pts_lastAdded” horizontal=0 limit=10~}
_pts_lastCredited Paid to Signup – Last 10 Credited {~include file=”_pts_lastCredited” horizontal=0 limit=10 unique=0~}
_pts_mostCompleted Paid to Signup – Most Completed {~include file=”_pts_mostCompleted” horizontal=0 limit=10 days=0~}
_pts_stats_top Paid to Signup – Stats – Top {~include file=”_pts_stats_top”~}
_pts_top Paid to Signup – Top {~include file=”_pts_top”~}
_pts_userCompleted Paid to Signup – User Completed Count {~include file=”_pts_userCompleted” excludeCats=””~}
_securityForm Security Code Form {~include file=”_securityForm”~}
_shout Shoutbox {~include file=”_shout”~}
_side_display Side Panel {~include file=”_side_display” horizontal=”0″~}
_side_stats_top Side Panel – Stats – Top {~include file=”_side_stats_top”~}
_signature Signature {~include file=”_signature”~}
_sorter Sorter {~include file=”_sorter”~}
_success Success {~include file=”_success”~}
_ticket_top Trouble Ticket – Top {~include file=”_ticket_top”~}
_withdraw_completed Withdraw – Completed Amount {~include file=”_withdraw_completed”~}
_withdraw_form Withdraw – Form {~include file=”_withdraw_form”~}
_withdraw_pending Withdraw – Pending Amount {~include file=”_withdraw_pending”~}
_withdraw_top Withdraw – Top {~include file=”_withdraw_top”~}
_withdraw_user Withdraw – User’s Completed Amount {~include file=”_withdraw_user”~}

General Designer Help Sheet

Name Code
Current Year {~$smarty.now|date_format:”%Y”~}
Members – Logged In {~if $user.valid~} Text Here {~/if~}
Members – Logged Out {~if !$user.valid~} Text Here {~/if~}
Page Title {~$title~}
Site Name {~$conf.name~}
Site Path {~$conf.path~}
Template Path {~$conf.pathTemplate~}

Email Messages Key

Message ID    
Subject
forms_alert
 

{~$mailData.form.name~} – Update

forms_request
 

{~$mailData.form.name~} – Request

inbox_adminNew
 

Admin – New Message

inbox_new
 

New Message

members_adminNew
 

New Member

members_adminStatus
 

Member Status Change

members_confirm
 

Confirm Your E-mail Address

members_downline
 

Transferred Referrals

members_forgot
 

Forgot {~$mailData.find|capitalize~}

members_inactive
 

Come back and check us out!

members_tell
 

{~$mailData.name~} would like to tell you about us.

members_welcome
 

Welcome

pixel_reserve
 

Pixel – Reserved Payment

points_adminNew
 

New Reward Request

points_completed
 

Reward Completed

pts_adminReported
 

Offer Reported – {~$mailData.offer.adName~}

pts_alert
 

Offer {~$mailData.folder~}

pts_email
 

{~$mailData.adName~}

pts_pendingSignups
 

{~$mailData.pending~} {~’Pending Signup’|plural:$mailData.pending~} for {~$mailData.adName~}

signature
 

Signature

ticket_adminNew
 

Trouble Ticket – New

ticket_adminReply
 

Trouble Ticket – New Reply

ticket_reply
 

Trouble Ticket: {~$mailData.id~} – New Reply

transaction_admin
 

New Transaction

unsubscribe
 

Unsubscribe

withdraw_adminNew
 

New Withdraw

withdraw_completed
 

Withdraw Completed

Available Design / Code Resources and Documentation (Reference Help Sheets)

This is one subject where I can start by saying that most all of the ‘action’ is located in the ShiftCode Admin Panel in the ‘Files & Templates’ box.  This section is located in the lower right side of the admin panel as seen below:

Files & Templates


Designer Help Sheet:  (under the ‘Templates’ sub-section) In this area you will find most all of the common code variables (value placeholders) that are used throughout the ShiftCode script, its ‘Includes’, and ‘Pages’.  Notice this area has three parts that are accessible by way of the three buttons marked ‘General’, ‘Includes’, and ‘Pages.

Download as CSV (option):  Notice that there is the option to ‘Download as CSV’ which means all of the information covered in this section is available for you (or your designer / coder) to download in one neat and tidy file package (each of three) as a ‘CSV’ (meaning a comma separated format) type file.  CSV type files since they contain only regular text are viewable in any text file viewer /editor though they are best viewed opened by any standard spreadsheet application such as Microsoft Excel. Note: It’s not really necessary to download the CSV file versions of the information as you can just as easily view them in your web browser!

General (tab): The image below shows the very basic benign ‘General’ display variables (pretty much anywhere on your site where you need to display any of the values contained in any of the general variables then refer to these Designer Help Sheets in your admin panel and place the variable sought in the form of code within a page, include, or script.

deshelpsheet

Includes (tab): What is an ‘Include’?  (center tab in above image a sample of the page seen in the below image) Assuming you know little about (‘SMARTY’) type PHP coding then when you see the term ‘include’ then know that it’s almost exactly what you may think of when saying the word ‘include’  Includes are smaller neat and tidy packages of code designed to perform a specific function only instead of repeating the code over and over wherever that function is needed in the main or secondary scripts then includes allow the coder to have only one copy of the code to do that function set aside in an include where all he needs to do is reference that include file by name anywhere in the script and it will perform that function as if all of that code (for the function) was typed in.includes smple short list (see your GPT admin panel for the entire list)

Pages (tab): Pages are fun for professional designers and complete novices alike because they are less code-like and more text-like and they can be edited using the ShiftCode built in WYSIWYG (what you see is what you get) word processor for page.  Note that when you click on the right side (of the Designer Help Sheet image (above)) then what you see will be a comprehensive list of the default pages that come with your ShiftCode GPT site.

Yes, the above mentioned it’s a very helpful list (and it describes what the default pages are named and where they are located) but if (when) you actually want to actually start working with, creating, and editing your site’s pages then you’ll want to actually click on ‘Pages’ directly from the Files & Templates menu (located in the lower right corner as seen again below):Files & Templates Menu (Aiming for the 'Pages' Selection)Assuming you followed my suggestion and actually clicked on the ‘Pages’ selection on the Files & Templates menu (as seen above) then you got a sneak peek at the WYSIWYG page editor that you’ll be seeing a lot more of in other areas of this documentation site.

Now, getting back on track to where we were (exploring the ‘Templates’ selection) please click on the ‘Logos’ menu selection (as seen above)

Site Design & Coding Considerations and Options

The Options:  I fully realize though that there are many aspiring GPT site admins out there that either have already thought things through well and may have a professional web site designer standing by (smart), have purchased a pre-made template design, those who plan to ‘generate’ a basic template and expand upon that by using the relatively simple built in template designer part of the script, those who plan to edit the default gray template called ‘UltimateGPT Template v2.0’ that comes pre installed, or those who plan to go it alone and design their own design template from scratch.

For me, this is where the most exciting parts start – designing my own GPT site from drab to fab!  I’ve been designing my own web sites from code (scratch) for over a decade now and I consider this creative process fun.  The last ShiftCode GPT design template I designed for my own GPT turned out very satisfying by me simple editing the default gray ‘UltimateGPT Template v2.0’!

If your are comfortable with editing HTML, CSS, and some PHP code then this may be an option for you!  If you are already skilled in coding and design the I highly suggest going this route. On the other hand if you are the slightest bit squeamish or impatient with matters of computer coding or designing images then I highly suggest you choose the easier route by exploring the built in ShiftCode Template Generator (for novice designers)  You’d be surprised at the beautiful colorful and functional unique site design the total graphic design novice can manage to coax from the plain old default ShiftCode template (image below) [click images to see larger version]:

Running Through the Site Design Options One-By-One:

  • Design Your Own Site Design Template From Scratch Yourself: (or almost)  If you are relatively experienced in basic HTML, PHP, and you are also not really that bad at graphic design (creating, editing, manipulating, and images online) then here’s your chance to show off some design flair while enjoying the accolades when your site design is finished.  If you are considering this route then we’d highly recommend that you make backups of any/all default code (files) before you start tinkering.

    NOTE: The system is built using an alternate non-standard more secure version of the PHP coding language that is called SMARTY PHP.  A layman’s explanation on SMARTY is located here (Wikipedia) and a more technical primer is here.  Also, the vast majority of the code content (code core) is located out of reach and sight of all clients and the public to protect intellectual property as well as keeping the code as secure and hacker-proof as possible.  There are, however, certain script and ‘include’ segments of code available for modification for the purposes of site customization (though any code changes and modifications (MODs) are always at your own risk)

  • Create a New  Design Template with Help From the Built-in Template Generator / Editor: (or modify/edit the default template)

  • Professional Graphic Designer / Template Designer / Coder: If you don’t already a professional standing by to design you a custom site template (with optional custom coding enhancements) yet that is the direction you are leaning towards then we’d highly suggest that you ask fellow GPT site admins (in the ShiftCode Forum or the ShiftCode Facebook group) for a recommendation or Google the terms “gpt sites designs portfolio”.

    Note that there are a couple of levels in the form of your professional site design uniqueness, time, customization, and cost.  Some designers may offer pre-made (stock) one-size-fit’s-all solutions that you can pick from and order ready made to simply be applied (or imported) to your site.

    When contacting and evaluating a professional site designer then you may want to make sure that they have experience designing templates for ShiftCode sites – Ask them to see their portfolio.  Do they have references that you may contact?  Please know that hiring a professional for a custom design can be relatively expensive depending on the designer and the complexity you are seeking (it’s not unusual to be quoted prices exceeding $500-$700 for a custom design from a professional)  Another good way of finding a designer is to visit your favorite GPT site(s) and note any design credits (usually in the site footer)

TO BE CONTINUED

How to Quickly Identify Which Folder Your Current Design Template / Theme is Occupying

The original ShiftCode script coders were obviously aiming to make switching between design templates / themes (herein referred to simply as ‘template’) as quick and painless as possible by tucking away everything related to each template in its own totally separate web folder.  All the design related files including template specific images are all located in the template’s own folder or a subdirectory branching of that folder (like an /images sub-directory)

Your initial dilemma?  Which of the 5 or 6 similarly named (with two digit numbers) folders does the template I’m using now originate from?  Yes, I used to be quite confused and frustrated trying to figure this out until I ran across the simple answer while investigating something else in the code.

The Secret Mystery Solve:

Ok, all you need to do is surf on over to your site’s home page in pretty much any web browser and choose to view the page source code (which for me and my Google Chrome browser ends up being a right click on any portion of the web site and choosing ‘View page source” and I know that all other popular browsers to have a similar ‘view source code’ function)  When your source code view page open up then if you know what a <Head> section (towards the very top of the page code) is then look for a style.css (main styling cascading style sheet file) reference that looks like this [<link type=”text/css” rel=”stylesheet” href=”/templates/55/style.css” />] (without the square brackets “[“)
If you don’t know where to look for the <Head> section of the page source code then simply look for the opening <Head> tag that starts off the section at the top of the page with an opening head statement that looks like this <Head> (letter case does not matter here) – That is where your <Head> section begins.  On my source code then my opening <Head> tag occurs on code line #3 just after the <html> tag.

Now look further down (maybe 10-20 lines down) for a closing head statement that looks like this </Head> (with a slash through before the word signifying in coding language that it’s an end to a statement or section)  In my own case then my closing </Head> tag occurs by itself on code line #24 (Yes, you also should have found it by now – it’s easy!  if you are still having issues finding your <Head> sections then I suggest you Google it (explaining that further would be beyond the scope of this article))
Anyways, everything (all the code) between the opening <Head> tag and the closing </Head> tag is referred to as the head section.

Ok, now in the head section then look for a statement that has a ‘style.css’ file referenced in it.  My code looks like this [<link type=”text/css” rel=”stylesheet” href=”/templates/55/style.css” />] (without the square brackets “[“) and whatever number occurs after the ‘/template/‘ part is the number of the folder that your currently active default design template is using (“/templates/55/“) In this case my template is in the “55” folder off of the “template” folder.

Now you can go poke around in that folder at will in the File Manager (on the lower right menu under ‘Files & Templates’)  You may also want to write down this location until you have it memorized.

Theme Folder in the ShiftCode File Manager

Designing a ShiftCode GPT Site from the Defaults – Step-By-Step

This whole section was included just to walk you through step-by-step how I (myself) go about designing a ShiftCode GPT from the beginning defaults.  It’s a hybrid combination of design options previously described in this site.  Please note that I have over a decade of web site development, coding, and intermediate graphic design experience but if you can keep up with me then I’d say this is truly the best way to go about the whole ordeal.  As previously mentioned here then I’m starting with the defaults which means that I’m currently showing this (below) as my new ShiftCode GPT site (click to enlarge):

defaultgreytemplate

At this point then we will presume that you have made backup copies of any / all code that you will soon be modifying.  If not then please stop now and surf on over to our ‘Make Complete Backups of the Default Code First: (Crucial!)’ post and follow the instructions – don’t be sorry you didn’t make backups!  As you’ll find, it’s WAY TOO EASY to lose track of this or that piece of code while you are editing and know that something as simple as using a comma instead of a period, or forgetting to close a <DIV> statement can instantly bring your site to its knees and it’s not uncommon for a coder to search for hours trying to figure out what’s wrong.  If you don’t have an earlier backup to fall back on then it’s really easy to cause a problem that may take half-a-day to solve (when instead you could have just simply restored a backup if you had only paid attention here)

It’s no accident that ShiftCode has provided us with a modern style structured default template that contains examples of most all of the needed features which essentially teaches you how they are implemented.  Having examples of functions and how they are called is much better than having to constantly be referring to some code reference book and far superior to taking weeks to learn what’s going on in the code and where.


Creating and Placing Your Site Logo:  If you already have made a logo image for your site then you are already ahead of the game and you may skim through this section until we get to the part where we are placing the logo on the site.  We will be aiming to place the logo in the upper left side of the very top (header area) of the site where it currently likely is showing a text placeholder which says ‘Your Logo Here’:

logohere1

In this design we will be replicating the default grey template provided (UltimateGPT Template v2.0) and adding a new template that is identical to the old default template (code wise) but we will be making it our own by renaming the template and then telling the site to use the new template as the default.

While logged in to your ShiftCode GPT Admin Panel then find the ‘Files & Templates’ navigation section in the lower right side of the panel (as seen below):

fandtemplates01

In that section then click on ‘Templates’  Now you should be seeing this (below) content in the larger center section of your admin panel where I’d like you to notice the template ‘Name’ ‘UltimateGPT Template v.2.0’: [LAST WARNING: Again it has been assumed here (and it’s in your best interest) that you have already made backups of the recommended files (enough said – enough warnings already)]

tempcont01

Now click on ‘UltimateGPT Template v.2.0’ to reveal its contents.  You should then see an upper section of code titled ‘Main Header’ and a lower section of code titled ‘Main Footer’  If you’ve ever wondered what the code that comprises the site’s functionality looks like then know that what you are looking at in that upper and lower section is only a very small part of that code.

Ok, getting back to making and placing a logo on your site.  No doubt you’ve noticed the text saying ‘Your Logo Here’ on the very top of the default template showing on your site.  That’s the place we’ll be aiming for when we install your logo.  If you already have a logo made (either yourself or by a professional designer) that you like then feel free to skip ahead while I try to cover all the bases below in explaining how to make a nice looking compelling and desirable logo to new GPT admins of all types and graphic design skill levels.


Generate a Basic Logo Easily: (with the built in tool) If you are a total novice at creating a logo for a web site then don’t worry, ShiftCode has already thought of you and know that there is a very basic Logo Generator built in to your admin panel.  In the ‘Files and Templates’ navigation section (lower right menu) please find and click on the ‘Logos’ selection under the ‘Templates’ heading.  You then should see two ‘Generated’ logos that came as default examples of what a generated logo potentially looks like.  They also can serve as a starting point for your designing your own logo just by editing what’s there (or, you can of course start from scratch in generating your logo.  I’ll describe starting from scratch first.

Just above and slightly towards the left of those two already generated example logos you’ll find a text link that simply says ‘Generate Logo’ – click on it. You’ve just discovered the built in Logo Generator and you should be seeing thing on your screen:

Logo Generator

If you just relax and take a little bit of time to read each field of the Logo Generator then you’ll likely quickly discover how very basic this tool is and if you just spend a little more time thinking about how potentially powerful it is as well.  Also, to the right please do notice the the seven layer tall stack of white question marks located in blue circles (next to the ‘Main’ navigation menu on the right):

qmarkstack01

Now hover over the top question mark with your mouse cursor (don’t click it – just hover over it)  Very quickly (it takes only fractions of a second) you should see a line or paragraph of help text that we’ll call ‘tool tips’ appear describing the field directly over on the left of it.  The question mark ‘tool tips’ are located liberally throughout the admin panel designed to provide you with handy help tips describing most every option that you have throughout the admin panel.

The first ‘ID’ field is an automatically incremented number that just keeps each generation of logo separate from the last and next generations.  The ‘Name’ field is likely blank when you first reach the page though you do have to assign your generated logo a unique name (totally of your own choosing) a name before the tool will allow you to save your creation.  I named my generated logo (in the image above) ‘yoursitenamelogo’ for the purposes of this discussion.

Next you’ll see that we have a field called ‘Background Color’ and it is exactly that (the background color of your generated logo)

TO BE CONTINUED

Important Information to Know Before You Edit ANY Code!

Important Information to Know Before You Edit ANY Code!

  1. Make Complete Backups of Default Code First (Crucial!)  <– Click on the link to read the article.
  2. Know About the Anomaly in the ShiftCode Editor: The ShiftCode script is a masterpiece of software development though one elusive unexpected behavior with the code editor has been extremely hard to find and fix (though know we are working on it)  Here’s what to look out for (if you’re not paying attention it could result in errors in your code):

    When you first open a template (or script, or include, etc.) everything look s fine but then you may notice on your first character edit that somehow the mouse cursor is editing the wrong area a line or two down.  If you didn’t notice that the cursor was misbehaving and editing some whole other portion of code below where you think you’re editing – and you saved the template then, then chances are that your template is destroyed by only a few characters.

    To properly handle this initial cursor misbehavior then you need to remember to check and re-synchronize the cursor position by simply editing one single character (and then deleting your edit) every time you open a template to edit. This one (or more) character solve fixes the issue completely for the whole time that file is open and being edited (and it doesn’t reoccur until the file is saved and a new editing session is begun again on a new or the same file)

    I know that one shouldn’t have to resort to this but the way that I solve this issue completely for myself is to use a devoted commercial code editor by simply copying and pasting whatever I’m editing into it, editing it, pasting it back, and then saving it.  The professional code editor I prefer is CodeLobster and though I actually purchased the professional version then know that they also have an absolutely FREE fully functional version for download at www.CodeLobster.com

  3. …to be continued talking about not hard-coding links…

Designing an Enticing Landing Page (Optional)

NOTE: At this point I am going to declare that proceeding further requires some basic HTML skills and aptitude.  I will not be explaining HTML code elements from the ground up and if you already don’t know what a <DIV> statement is or does (you don’t have a clue) then I’d suggest STOPPING HERE, not going further until you 1) spend a good week or two heavily studying basic HTML design elements, or 2) you seriously consider NOT making a landing page (a nice extra step) and sticking with modifying the basic design template you’re given by default, 3) you invite a friend that knows a bit about HTML to help you, or 4) you hire a professional.

The reason this is optional is that rarely do I see a GPT site take advantage of this rare opportunity to really SELL your site’s visitors (prospective members)  Why have their first impression of your site be the remainder of the functions left over for them to see before they become a member?  Yes, you could make that work as well (and I have in the past) but I found that it’s just a whole lot of code that is unnecessary (trying to make one single page look good for both members logged in and visitors not registered yet)

Also think about it this way, this is likely your ONE (1) chance to make a good impression!  Why confuse the first time site visitor with random thoughts from random members in your shoutbox (chat area) and other functions and terminology they may not understand (or worse, some may pick up on a few terms that instantly equal ‘SCAM’ in their mind!)  What I suggest is a landing page with all that you can say to sell your site and close the deal towards visitors becoming members.

You may ask if we can extend the referral system to this extra landing page and the answer is a resounding YES! (as in – yes, your referring members will get credit for their potential referred visitors registering while first landing on the landing page.)  You may also ask if we can make this page the default landing page for all logged out people?  Yes!   I’ll show you how – first lets start planning the landing page.

Below is How I Planned and Built  My Own Landing Page:

Ok, we should think of a good one or two keyword rich page name that would induce a sense of excitement (or at least much better than naming it ‘LandingPage’)  Hmm, in this scheme then know that the name of this landing page will also become part of every member’s referral link so we’d want it short and to-the-point – hmmm…  You can call your page what you want but I’ve come to an epiphany that the words ‘Earn’, ‘Free’ used together may be best for my purposes (and yes, if you like that too then go ahead and use it)

[on an off note – I’ve been using these two very effective words for many years but if you really think logically then they are contradictions.  If you have to EARN something then it isn’t FREE (anyways, it’s worked for me)]

If you haven’t yet logged in to your ShiftCode GPT Admin panel yet then please do log in now.  Go to Files & Templates(lower right navigational menu) > Pages and you should be looking at a center section that lists all the various pages of your site coded in red and blue.  If you only have red items don’t worry because red means that the pages are default parts that have come with your site and blue means those pages that may have been custom created.  Our new landing page will be coded blue because it will be an added custom created page.

Before we dive right into things I’d suggest that you take a look around by clicking on a few pages just to get the hang of things (only I wouldn’t suggest clicking on the page save icon that looks like this Page Save Icon (a floppy disk) until you know exactly what you are doing)  For example this (below) page is normally the page that everyone (unregistered new visitors, logged out members, and logged in members) see by the default standard (which is a lot of circumstances for the code of one single page to handle):
Default Home Page for Everyone!
Why keep the code so complicated on one page?

Not only is it complicated for the coder to keep track of but it also takes up valuable site speed with a lot of conditional (is the viewer a member or not?, etc) code.  Why not just make a separate page for all people who are not logged in to come to – and that’s why this article is here.  Creating that landing page.


Actually Building the Landing Page

Click on the ”+ Add Page‘ link towards the top left of the center section.  You now should be seeing a page building area that looks similar to this (below):

Page Building

Getting right to the task let’s set our new ‘Path‘ to ‘earnfree‘ (I suggest all lowercase in this path – it IS case-sensitive) We’ll also go ahead and ‘Name‘ our landing page name to a descriptive title such as “Earn Online for Free” Yes, if you are going to name your path and landing page something else then that is fine here only replace each with your own ideas (though let’s be clear here that it is totally fine for you to use what I suggest if you so choose)

This (below) is what we’ll end up seeing (I’ll continue to explain each in turn below):

Page Creation

That Translates Into These Simple Choices

Path:

earnfree

“Path” really can be almost anything at all that you want to put there (some people simply use the word ‘home’ here)

Name:

Earn Online for Free

“Name” is the text that will become the page title (NOT the name of the file) so you would treat the ‘Name’ entry as needing a keyword rich description in words of your site (keeping it 128 characters or less is best)

Template:

None

“Template” entry you will want to change to ‘None’ or if you are advanced then you would design a separate template just for this landing page (not covered here)

I prefer not to design a whole template for just one page so I set the template for the page to ‘None’ and I code my design elements into the page itself.

Edit Mode:

WYSIWYG or Textarea
(depending on you & your confidence and skills)

“Edit Mode” will depend upon your skill and preferences.  ‘WYSIWYG’ stands for ‘What You See Is What You Get’ and this mode acts somewhat like an onscreen word processor (best for newbies and novices)

If you are a wiz at coding or if (like me) you prefer using an external application for designing your code (I use both the CodeLobster code editor (they have a free fully functional download version) and a really old (the last before Microsoft discontinued it) version of FrontPage HTML editor (no longer provided or supported)  I create and edit the code in the editor and then copy and paste it into the page editor in Textarea mode the ShiftCode admin panel and then I save the page.

Really any HTML and/or code editor (Google “code editor” or “html editor”) you prefer would do the trick here (if you are drawing a blank then go ahead and use the WYSIWYG mode)

Access:

Everyone

“Access” (Everyone, Members Only, Guests Only, etc.) in this instance should be set to ‘Everyone’ meaning everyone including non-registered guests, non-logged in members, and logged-in members will be able to surf to that page (you’ll see why later on in this article)

NOTE: Again, At this point I am going to declare that proceeding further requires some basic HTML skills and aptitude.  I will not be explaining HTML code elements from the ground up and if you already don’t know what a <DIV> statement is or does (you don’t have a clue) then I’d suggest STOPPING HERE, not going further until you 1) spend a good week or two heavily studying basic HTML design elements, or 2) you seriously consider NOT making a landing page (a nice extra step) and sticking with modifying the basic design template you’re given by default, 3) you invite a friend that knows a bit about HTML to help you, or 4) you hire a professional.

TO BE CONTINUED