The Login Ad Solution: CKEditor

I’ve always thought there had to be a better way to implement the entry of  600×300 login ads than what we see with the limited function html editors in most of the TAE and safelist scripts.  It doesn’t matter how explicit the instructions, there are so many people who simply get it wrong  or deliberately submit anything BUT 600×300 graphics in their login ads.

 

I found the solution.  CKEditor.

 

This HTML editor is feature rich, fully customizable, and IT WORKS.  It has an INSERT IMAGE button that pops up a modal window with input lines for the IMAGE URL, Alt, and a previewer. Full control for sizing, padding, and border.

 

On the LINK tab, there is an input line for the TARGETURL, and a pull-down for the target options that include _blank.  (I’m going to research how to  customize the code so there is no option other than _blank.)

 

Here is a screenshot of the image input panel.

 

No more 728×90 images – give instructions to make sure the “lock” is locked, and set the width to 600

And the screenshot of the LINK tab

 

Be sure the pull-down is “_blank”

 

Here is a screenshot of the finished product.

 

 

 

Check out the video

 

 

 

And here is the code to make it happen.  You will have to edit the /members/addlogin.php file.  Be sure to make a backup before making any changes.

Download the attachment HERE for the full code set.

 

 

At the top of the file, the next line right after the “<?php, insert these lines of code

 

?>

<head>
    <script src=”http://cdn.ckeditor.com/4.6.2/standard-all/ckeditor.js”></script>
</head>
?>
Now, right after your warning line, insert the instructions
<!– this goes after  <p>No adult, offensive or illegal ads (including pyramid schemes and chainletters).<BR></p> —->
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”>Directions:</p>
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”><strong>Enter Your Subject</strong> in the Subject Field (Seen only by you)</p>
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”>Click the IMAGE Button</p>
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”>Enter the URL for the 600×300 graphic into the URL field on the IMAGE INFO tab</p>
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”>Enter the TARGET URL in the URL field on the LINK tab</p>
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”>Set the pulldown to _blank</p>
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”>Click OK</p>
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”>Be Sure to Click <strong>SAVE</strong> to Submit Your Ad.</p>
<p style=”margin-right: 20px; margin-left: 10px; font-family: Tahoma; color: #000000; font-size: small; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;”><a style=”font-size: 10pt; font-family: Tahoma; text-decoration: none;” href=”https://youtu.be/AHAXQgA–uk” target=”_blank”>See the Video Demonstrating How To Post a Login Ad</a></p>
</center>
Now, find the TEXTAREA block.  This next block must go immediately after.  You must change the “abody” parameter in the CKEDITOR.replace() to match the NAME of your <TEXTAREA> name=”matchthis” </TEXTAREA> block.
 
Now the CKEditor code:
<!– This goes AFTER the TEXTAREA and change the name below to the NAME of the textarea –>
<script>
    window.onload = function() {
        CKEDITOR.replace( ‘adbody’, {
            width: ‘650’,
            height: ‘350’
        }  );
    };
</script>
That’s it.  As always, give me a call with any questions.  It’s a quick fix so if you need help or want me to do it for you, just send me your /members/addlogin.php file
Rich Moyer
Check out my new MOBILE site
>>>>> http://m.WebcastSource.com

Check Out Today’s Featured ClickBank Product
>>>>> http://spahoconsulting.net/rotator/clickbank.php


Check out Today’s Free eBook or Video

>>>>> http://spahoconsulting.net/rotator/ebooks.php

 


Check Out Today’s Featured Home Business System

>>>>> http://spahoconsulting.net/rotator/

I will Fill Your Downline with PAID Members
>>>>> http://grabcashtoday.com/teamatlantis

(Click Link Again for More Choices)