How to make a Content Locker like This one ?
2015-09-09, 05:08 AM,
#1
HEllo Guys, i need your helfp.
can same one show me how to make a content locker like this one https:// squaredownloads. com/276359

thank you guy very much im advance.
Reply
2015-09-09, 08:08 AM,
#2
Go to cpagrip > file locker, create a new one:


Click on "General Tab" > "button text", type:

"Verify now"

then Advanced tab > custom CSS, delete everything

and add the following code like this:



Code:
/* ===== Tipsy ===== */
            
                    .tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
        
                    .tipsy-inner { padding: 5px 7px 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
                    .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
                    .tipsy-arrow { position: absolute; background: url('https://squaredownloads.com/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
                    .tipsy-w { margin-left: 5px; }
                    .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
        
                    body{
                        background-color:white;
                        font-size: 14px;
                    }
                    
                    .offerlst{
            
                        background-color:rgba(239,239,239,0.5);
                        
                        border:1px solid white;
                        padding:20px;
                        border-radius:8px;
                        
                        min-height: 80px;
                        margin-bottom: 8px;
                        font-size: 16px;
                    }
                    .link_a, .link_a:link{
                        
                        
                        background-color: #F5F5F5;
                        background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
                        background-repeat: repeat-x;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
                        border-image: none;
                        border-radius: 4px 4px 4px 4px;
                        border-style: solid;
                        border-width: 1px;
                        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
                        color: #333333;
                        cursor: pointer;
                        display: inline-block;
                        font-size: 14px;
                        line-height: 20px;
                        margin-bottom: 0;
                        padding: 4px 12px;
                        text-align: center;
                        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
                        vertical-align: middle;
        
                        font-weight: normal;
                        text-decoration:none;
        
                        
                        
                    }
                    
                    .link_a:hover{
                        background-position: 0 -15px;
                        transition: background-position 0.1s linear 0s;
                    }
                    .each_p_elm{
                        margin: 3px 0;
        
                        padding: 3px;
                        white-space:nowrap;
                    }
                    
                    @font-face {
    font-family: 'coc';
    src: url('http://coc-gems.ign.ninja/fonts/coc-webfont.eot');
    src: url('http://coc-gems.ign.ninja/fonts/coc-webfontd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('http://coc-gems.ign.ninja/fonts/coc-webfont.woff') format('woff'),
         url('http://coc-gems.ign.ninja/fonts/coc-webfont.ttf') format('truetype'),
         url('http://coc-gems.ign.ninja/fonts/coc-webfont.svg#supercell-magicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
font-family: "coc";
background-color: transparent;
}
.download-button {

}
.dl_button {
color: #fff;
    text-decoration: none;
    font-size: 26px;
    font-family: 'CoC', sans-serif;
    border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
    border: 1px solid #000;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,1); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1);
    text-shadow: -1px -1px 0px #000, 1px -1px 0px #000, 1px -1px 0px #000, -2px 3px 0px #000,1px 1px 0px #000;


    background: #f2fadf;
    background: -moz-linear-gradient(top,  #f2fadf 0%, #c6e776 3%, #b9e256 5%, #d3ea7f 7%, #b1d94d 50%, #8bc631 50%, #61ad0f 78%, #61ad0f 85%, #61ad0f 94%, #6bb21e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2fadf), color-stop(3%,#c6e776), color-stop(5%,#b9e256), color-stop(7%,#d3ea7f), color-stop(50%,#b1d94d), color-stop(50%,#8bc631), color-stop(78%,#61ad0f), color-stop(85%,#61ad0f), color-stop(94%,#61ad0f), color-stop(100%,#6bb21e));
    background: -webkit-linear-gradient(top,  #f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
    background: -o-linear-gradient(top,  #f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
    background: -ms-linear-gradient(top,  #f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
    background: linear-gradient(to bottom,  #f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fadf', endColorstr='#6bb21e',GradientType=0 );
}
.dl_button:hover {
    background: -webkit-linear-gradient(#fcb326, #ffd34c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fcb326, #ffd34c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fcb326, #ffd34c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fcb326, #ffd34c); /* Standard syntax (must be last) */
}
.dl_button img {
    vertical-align: left;
    margin-left: 2%;
    margin-top: -5px;
}
.hide-div {

}
.show-div {
    margin-top: 20px;
}

.half-content {
    width: 48%;
    margin-bottom: 30px;
}
.full-content {
    margin-bottom: 30px;
}
.content {
        font-size:35px;
    width: 100%;
    margin-bottom: 10px;
}
.full-button {
}
.link_a {
    display: block;
    background: -webkit-linear-gradient(#ffd34c, #fcb326) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffd34c, #fcb326) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffd34c, #fcb326) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffd34c, #fcb326) !important; /* Standard syntax (must be last) */
    background-color: #fcb326 !important;
                font-family: 'coc';
    font-weight: 400px;
    font-size: 24px !important;
    color: #303030;
    text-align: center;
    text-transform: uppercase;
    padding: 1.5%;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #ffd34c;
    width: 100%;
    cursor: pointer;
}
.link_a img {
    vertical-align: middle;
    margin-left: 1%;
    margin-top: -3px;
}
.link_a:hover {
    background: -webkit-linear-gradient(#fcb326, #ffd34c) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fcb326, #ffd34c) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fcb326, #ffd34c) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fcb326, #ffd34c) !important; /* Standard syntax (must be last) */
}

Then, below CSS, just put a space on Custom HTML:


Finally click on "Refresh"...

Enjoy!
Latest Thanks - View all

koleinz(2015-09-15 04:38 AM) manjeet036(2015-09-14 10:47 PM) - NiNSHUU -(2015-09-10 07:58 PM) aldighaz(2015-09-10 12:02 AM) g3lux(2015-09-09 08:06 PM) trafficbeast(2015-09-09 07:57 PM) kaporalix(2015-09-09 02:49 PM) Aamobu(2015-09-09 11:45 AM) bagreg(2015-09-09 09:21 AM) dzerv(2015-09-09 08:38 AM) 
Reply
2015-09-09, 08:38 AM,
#3
amazing turorial NZT48

Thanks
Reply
2015-09-09, 02:50 PM,
#4
Thank you NZT48 very much for this great tutorial !!! you helped me a lot !!!
Reply
2015-09-10, 07:05 PM,
#5
(2015-09-09, 08:38 AM)dzerv Wrote: amazing turorial NZT48

Thanks

(2015-09-09, 02:50 PM)kaporalix Wrote: Thank you NZT48 very much for this great tutorial !!! you helped me a lot !!!

You're welcome, I'm glad that you appreciate it!

Best Regards
Latest Thanks - View all

kaporalix(2015-09-14 05:49 PM) 
Reply
2015-09-13, 11:03 PM,
#6
NZT48 would you please show me, how to show the offers directly without clicking on the green button to show them.
thank you !
Reply
2015-09-15, 04:31 AM,
#7
(2015-09-13, 11:03 PM)kaporalix Wrote: NZT48 would you please show me, how to show the offers directly without clicking on the green button to show them.
thank you !

You need a script like the following one then you will need to code/design the page to match to your niche:

[REUP] CPAGrip OnPage Offers crédits to A7-strohhut

The download link seems to be down from the above thread, here is a mirror:

Code:
http://www67.zippyshare.com/v/W3bZZ0Ws/file.html

VTscan:

Code:
https://www.virustotal.com/fr/file/a4681695c6925ddcdb4c8b206f0581c68ab763d18cfae3a68f81163164fbefd8/analysis


1) Open index.php with a free source code editor then edit theses 2 lines:

Code:
Line 3 >>> $user_id = ""; // Enter your CPAGrip user ID here
Line 4 >>> $key = ""; // Enter your CPAGrip key here..

You will find the $user_id and $key here from cpagrip:

Code:
https://www.cpagrip.com/admin/panels_offer_feeds.php

Once you edited the script with your custom value, save it. Compress css folder + img folder + index.php then upload it to your host.



2) If you want to redirect users to a locked content once they completed an offer, follow the next steps:

a) create a content lockers or url/file lockers.

b)Copy the full path that contain index.php where you uploaded the script on your host.

Code:
i.e:
yourdomain.com/index.php
or
yourdomain.com/subfolder/index.php

c) Now go here:

Code:
https://www.cpagrip.com/admin/panels_tools_mpostback.php

Under "Add New Custom Postback":

1: tick "Enable"
2: "Tool Attachment": choose the content lockers or url/file lockers created in step 2a)
3: "Postback Url": Paste the full path of your link that contain index.php

Code:
i.e:
yourdomain.com/index.php
yourdomain.com/subfolder/index.php

d) finally click on "create postback"

Regards
Latest Thanks - View all

kaporalix(2015-09-17 12:09 AM) 
Reply
2015-09-17, 12:08 AM,
#8
thank you very much !!!!
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  [Help] How could I make some fake proof like this? (With website refresh etc.) Murker 1 88 2017-10-21, 10:45 PM
Last Post: sudipda
  How Can I Make A Landing Page With Generator? shervin 3 132 2017-10-20, 08:03 PM
Last Post: PRINC3
  any working facebook share or like locker right now? Fierce 5 219 2017-10-17, 04:10 PM
Last Post: Fierce
  [JAVA SCRIPT] Need someone to make me an executable!!! CagelessBrain 0 81 2017-10-17, 04:09 AM
Last Post: CagelessBrain
  Anyone having tips on marketing content locker LilDog 1 103 2017-10-15, 10:34 AM
Last Post: NAPK1NS




About Us | Contact Us | CPA Elites | Advertise | Stats | Staff Team

© 2013-2017 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top