1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[GET] - Dre Beats - Mobile Friendly Facebook Viral script

Discussion in 'FaceBook' started by G-S-T, Sep 21, 2013.

  1. G-S-T

    G-S-T Executive VIP Jr. VIP

    Joined:
    Jan 20, 2011
    Messages:
    1,838
    Likes Received:
    8,802
    Occupation:
    Full time IM
    Location:
    Heavy in the game
    Example - http://winfreebeatsbydre.com

    I have edited the way the script works slightly from the original example above cos the example is a bit shit.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta property="og:title" content="DR. DRE - FREE BEATS" /> 
    <meta property="og:type" content="website" /> 
    <meta property="og:site_name" content="DR. DRE - FREE BEATS" /> 
    <meta property="og:description" content="Free Beats By Dre Giveaway, Grab A Pair Before They're Gone!"/> 
    <meta property="og:image" content="http://i.imgur.com/UhrBCsM.jpg" />
    <meta property="og:url" content="http://YOURWEBSITE.COM" />
    <title>DR. DRE - FREE BEATS</title>
     <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    
            <script type="text/javascript" charset="utf-8">
    
                FB.Event.subscribe('edge.create', function(response) {
    
                    window.location = "http://YOUR-CPA-OFFER-URL.COM/";
    
                });
    
                var link = "http://YOUR-CPA-OFFER-URL.COM/";
    
                var bad = "fb_xd_fragment";
    
                var url = top.location.href;
    
                if( url.substr(-bad.length) === bad ) {
    
                    top.location = url.substr(0, url.length-bad.length-1);
    
                }
    
            </script>
    </head> 
    <body>
    <style type="text/css">
    body {
        background-image:url(http://i.imgur.com/q3GGS2i.jpg);
        background-repeat:repeat;
        color:#FFF;
        margin:0 auto;
        padding:0;
    }
    
    h1 {
        font-family:Arial;
        font-size:21px;
        letter-spacing:-1.3px;
        color:#acacac;
    }
    
    h2 {
        font-family:Arial;
        font-size:11px;
        letter-spacing:-1.2px;
        color:#acacac;
        font-weight:700;
    }
    
    #container {
        width:481px;
        margin:112px auto;
    }
    
    #logo {
        width:481px;
        height:89px;
        background-image:url(http://i.imgur.com/zeREwC7.jpg);
    }
    
    #step1 {
        width:481px;
        height:324px;
        border:1px solid#720000;
        background-color:#141414;
    }
    
    .step {
        margin-top:12px;
        margin-left:13px;
        float:left;
    }
    
    #step-box {
        height:35px;
        width:100%;
        float:right;
        margin:0 0 15px;
    }
    
    .s {
        width:47px;
        height:13px;
        float:right;
        margin-top:15px;
        margin-right:13px;
    }
    
    #products {
        width: 120%;
        height:237px;
        margin:0 0 0 -34px;
    }
    
    #products li {
        width: 138px;
        height: 237px;
        display: block;
        background-color: #181818;
        border: 1px solid #242424;
        float: left;
        margin:8px;
    }
    ul {
        list-style: none;
    }
    
    .productImage {
        width:138px;
        height:188px;
    }
    
    .productName {
        width:138px;
        height:19px;
    }
    
    .productDesc {
        width:130px;
        height:30px;
        font-family:Tahoma;
        font-size:9px;
        color:#7e7e7e;
        padding:3px 0 0 10px;
        text-decoration: none;
    }
    
    .hello {
        width:138px;
        height:237px;
        display:block;
        background:#FFF;
        position:absolute;
        opacity:0.0;
        filter:alpha(opacity=0);
    }
    
    .hello:hover {
        opacity:0.1;
        filter:alpha(opacity=10);
    }
    
    #like {
        padding:0 0 0 15px;
    }
    
    #button {
        width:308px;
        height:33px;
        background-image:url(http://i.imgur.com/E1FiEKn.jpg);
        display:block;
        margin:30px auto;
    }
    
    #step2,#step3 {
        width:481px;
        height:136px;
        border:1px solid#720000;
        background-color:#141414;
        margin:15px 0 0;
    }
    img {
        border: 0px;
    }
    a {
        text-decoration: none;
    }
    </style>
    <div id="container">
        <div id="logo">
        </div>
        <div id="step1">
            <div id="step-box">
                <h1 class="step">Select your model</h1>
                <div class="s">
                    <img src="http://i.imgur.com/cJqQKmz.jpg"></img>
                </div>
            </div>
            <div id="products">
                <ul>
                    <li><a href="#">
                    <div class="hello">
                    </div>
                    <div class="productImage">
                        <img src="http://i.imgur.com/dTtX45w.jpg"></img>
                    </div>
                    <div class="productName">
                        <img src="http://i.imgur.com/Oo4gM82.jpg"></img>
                    </div>
                    <div class="productDesc">
                        High resolution In-Ear Headphones
                    </div>
                    </a></li>
                    <li><a href="#">
                    <div class="hello">
                    </div>
                    <div class="productImage">
                        <img src="http://i.imgur.com/0QWRTM7.jpg"></img>
                    </div>
                    <div class="productName">
                        <img src="http://i.imgur.com/eRynK4a.jpg"></img>
                    </div>
                    <div class="productDesc">
                        High Defintion Powered Isolation Headphones
                    </div>
                    </a></li>
                    <li><a href="#">
                    <div class="hello">
                    </div>
                    <div class="productImage">
                        <img src="http://i.imgur.com/e2L5oTT.jpg"></img>
                    </div>
                    <div class="productName">
                        <img src="http://i.imgur.com/e87jYUC.jpg"></img>
                    </div>
                    <div class="productDesc">
                        High resolution In-Ear Headphones
                    </div>
                    </a></li>
                </ul>
            </div>
        </div>
        
        <div id="step3">
            <div id="step-box">
                <h1 class="step">Share us on FaceBook</h1>
                <div class="s">
                    <img src="http://i.imgur.com/mdFIt1K.jpg"></img>
                </div>
            </div>
            <div id="like">
                <h2>To  complete this step,simply share this website with friends on FaceBook</h2>
                <script type="text/javascript">
       function open_new_window(URL)
       {
       NewWindow = window.open(URL,"_blank","toolbar=no,menubar=0,status=0,copyhistory=0,scrollbars=no,resizable=yes,location=0,Width=600,Height=410") ;
       NewWindow.location = URL;
       }
     </script>
    
    
    
    
    <a href="#" onClick="javascript:window.open('http://www.facebook.com/sharer/sharer.php?u=http://YOURWEBSITE.COM/', 'GET - Beats By Dre', 'height=400, width=500, location=no, menubar=no, resizable=no, scrollbars=no, status=no, titlebar = yes, toolbar=no, top=250, left=400');"><img src="http://i.imgur.com/qupNZLF.png" border="0"></a>
    
      <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
        type="text/javascript">
      </script>
            </div>
        </div>
        
        <div id="step2">
            <div id="step-box">
                <h1 class="step">Like us on FaceBook</h1>
                <div class="s">
                    <img src="http://i.imgur.com/3M1wipv.jpg"></img>
                </div>
            </div>
            <div id="like">
                <fb:like href="http://YOURWEBSITE.COM/" layout="standard" ref="sidebar-max" send="false" show_faces="true" width="300"></fb:like>
            </div>
        </div>
        
        
    </div>
    <script type="text/javascript" src="../code.jquery.com/jquery-1.6.3.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#products li").click(function() {
            var url = $(this).find("img:eq(0)").attr("src");
            $(".hello").attr("style","    opacity:0.0;filter:alpha(opacity=0);");
            $(this).find(".hello").attr("style","opacity:0.1;filter:alpha(opacity=10);");
        });
    });
    </script>
    <img src="http://whos.amung.us/widget/8swq4xcw1111.png width="0" height="0" border="0" />
    
    </body>
    
    </html> 
    
     
    • Thanks Thanks x 17
  2. oxonbeef

    oxonbeef BANNED BANNED

    Joined:
    Jan 4, 2009
    Messages:
    2,242
    Likes Received:
    7,872
    Nice work and great share once again.
     
  3. Roshaen

    Roshaen Elite Member

    Joined:
    Sep 24, 2012
    Messages:
    2,238
    Likes Received:
    1,351
    Location:
    Please Pray For My DAD
    You always come with the best idea to monetize and utilize the most from facebook fanpages.
     
  4. Riders On The Storm

    Riders On The Storm Senior Member

    Joined:
    Feb 27, 2012
    Messages:
    1,150
    Likes Received:
    489
    As always great share .Thanks mate
     
  5. Mr.Julyan

    Mr.Julyan Regular Member

    Joined:
    Feb 7, 2013
    Messages:
    259
    Likes Received:
    62
    I see what you did there. It's pretty awesome. Thx for sharing this! :D
     
  6. judif414

    judif414 Regular Member

    Joined:
    Feb 25, 2013
    Messages:
    488
    Likes Received:
    438
    This brings up so many ideas. Another great share as always, appreciate it :D
     
  7. OhFacts

    OhFacts Newbie

    Joined:
    Sep 19, 2013
    Messages:
    36
    Likes Received:
    27
    So you took a preexisting template and edited the niche to share with users on BHW. Good shit man :)

    Thanks for taking the time to do this.
     
  8. Gogol

    Gogol Elite Member

    Joined:
    Sep 10, 2010
    Messages:
    3,063
    Likes Received:
    2,872
    Gender:
    Male
    Works great! Thanks man it tells me to spread rep to give it to you again. You deserve it :)
     
  9. pratik2013

    pratik2013 BANNED BANNED

    Joined:
    Dec 9, 2012
    Messages:
    167
    Likes Received:
    3
    Nice Share Man!! ThankQ
     
  10. karibo

    karibo Regular Member

    Joined:
    Jan 30, 2010
    Messages:
    279
    Likes Received:
    340
    Location:
    Top of YOUR girlfriend
    Nice thanks for the share!
     
  11. FrozenSpade

    FrozenSpade Power Member

    Joined:
    Jul 20, 2008
    Messages:
    686
    Likes Received:
    331
    Occupation:
    IM
    Location:
    EU
    example site not working for me. What does the script do?
     
  12. GreenGoblin

    GreenGoblin BANNED BANNED

    Joined:
    Jul 17, 2008
    Messages:
    1,493
    Likes Received:
    2,564
    Dope idea Bro good share
     
  13. John.

    John. Power Member

    Joined:
    Feb 9, 2008
    Messages:
    555
    Likes Received:
    118
    Seems to be loading now... but very slowly.