Integrating Rafflecopter HTML Snippet

I'm using iWeb to host a contest and need to incorporate the rafflecopter widget for registration and tracking. Whenever I paste the code from Rafflecopter (below), I just get a line of text saying "a rafflecopter giveaway". I'm no expert on HTML, so anyone know how to get the content to display?


<script id="raflin-3ecafd0" type="text/javascript">/*{literal}<![CDATA[*/

window.RAFLIN = window.RAFLIN || {};

window.RAFLIN['3ecafd0'] = {id: 'NTNlZTFjN2FhMTcxM2ExYmFiNWZiZDViMmQ2YmQ1OjA='};

var url='//d12vno17mo87cx.cloudfront.net/static/js/raflcptr/build/raflcptr.min.js', head=(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]);

(function(d,n,h){if(!!d.getElementById(n))return;var j=d.createElement('script');j.id=n;j.type='text/javascript';j.async=true;j.src= url;h.appendChild(j);}(document,'rsoijs',head));

/*]]>{/literal}*/</script>

<a class="rafl-powered" href="http://www.rafflecopter.com" target="_blank" style="font:10px sans-serif;color:#999;width:100%;text-align:center;display:block;" id="rpow-3ecafd0">a <i>Rafflecopter</i> giveaway</a>

<noscript><a href="http://rafl.es/enable-js">You need javascript enabled to see this giveaway</a>.</noscript>

Posted on Mar 19, 2012 3:32 PM

Reply
8 replies

Mar 20, 2012 5:25 AM in response to Wyodor

Actually, that didn't fix the problem. I would love to learn more about HTML, but I don't have time at the moment. I pasted the following code into the widget as directed and it's still just an empty frame. Ideas?


<div style="width: 440px; height: 440px;">

<script id="raflin-3ecafd0" type="text/javascript">/*{literal}<![CDATA[*/

window.RAFLIN = window.RAFLIN || {};

window.RAFLIN['3ecafd0'] = {id: 'NTNlZTFjN2FhMTcxM2ExYmFiNWZiZDViMmQ2YmQ1OjA='};

var url='//d12vno17mo87cx.cloudfront.net/static/js/raflcptr/build/raflcptr.min.js', head=(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]);

(function(d,n,h){if(!!d.getElementById(n))return;var j=d.createElement('script');j.id=n;j.type='text/javascript';j.async=true;j.src= url;h.appendChild(j);}(document,'rsoijs',head));

/*]]>{/literal}*/</script>

<a class="rafl-powered" href="http://www.rafflecopter.com" target="_blank" style="font:10px sans-serif;color:#999;width:100%;text-align:center;display:block;" id="rpow-3ecafd0">a <i>Rafflecopter</i> giveaway</a>

<noscript><a href="http://rafl.es/enable-js">You need javascript enabled to see this giveaway</a>.</noscript>

</div>

Mar 20, 2012 7:23 AM in response to jensonc

I see this page with the Raffle code:


http://dl.dropbox.com/u/55969359/Stache%20Clash%20Site/Stache_Clash/Home.html


This is the HTML Snippet :


http://dl.dropbox.com/u/55969359/Stache%20Clash%20Site/Stache_Clash//Home_files/ widget2_markup.html


I didn't login so I do not know the result.


Since iWeb doesn't do anything with the code you'll have to find out why it doesn't work.

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

Integrating Rafflecopter HTML Snippet

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.