<div style="margin-left:-5px;">

<fb:request-form method="post" action="http://www.facebook.com/hackingfreaks1" type="www.HackingFreaks.in" invite="true" content="Join Hacking Freaks Fan Page">
<fb:req-choice url='http://www.facebook.com/hackingfreaks1?v=app_7146470109' ' label='Check It Out' /> "
<fb:multi-friend-selector actiontext="Join Hackingfreaks.in Fan Page" showborder="true" rows="3" cols="3" />
</fb:request-form>
</div>

<!-- FBML LINK -->
<a href="#" clicktoshowdialog="dialog">[NAME OF LINK]</a>
<!-- END FBML DIALOG LINK -->
<!-- FBML DIALO -->
ALOG TITLE</fb:dialog-t
<fb:dialog id="dialog">
<fb:dialog-title>INSERT D
Iitle>
<fb:dialog-content>
INSERT HTML CONTENT
lose_dialog=true />
</fb:dialog-content>
</fb:dialog>
<!-- END FBM
<fb:dialog-button type="submit" value="Close" 
cL DIALOG -->

<!-- TEXT LINK -->
<style type="text/css">
.un-links a {
e-block;
padding: 4px;
display: inli
n
outline:0;
color: #3a599d;
}
#3a599d;
text-deco
.un-links a:hover {
background
:ration: none;
color: #fff;
border-radius: 4px;
4px;
}
</style>
<div class=
-webkit-border-radius: 4px;
-moz-border-radius:
 "un-links">
://www.hackingfreaks.in" target="_blank">[TITLE OF YOUR LINK]</a><br />
<a href="htt
<a href="htt
pp://www.facebook.com/hackingfreaks1" target="_blank">Hackingfreaks on Facebook</a><br /> <a
href="http://www.facebook.com" target="_blank">facebook</a>
</div>
<!-- END TEXT LINK -->

<!-- set the divs for the fullsize images -->
<div id="image1">
ICTURE URL]"/>
</div>

<div id="
<img src="[YOUR 
Pimage2" style="display: none;">
</div>

<div id="image3" style="
<img src="[YOUR PICTURE URL]"/>
display: none;">
image4" style="display: none;">
<img src="[YOUR PICTURE URL]"/>
</div>

<div id=
" <img src="[YOUR PICTURE URL]"/><br />
</div>

<!-- set up our thumbnails -->
"http://www.rositacortez.com/images/fbml_templates/socialmedia1_th.p
<a href="#" clicktoshow="image1" clicktohide="image2,image3,image4">
 <img src
=ng"/>
</a>

<a href="#" clicktoshow="image2" clicktohide="image1,image3,image4">
 <img src="[YOUR PICTURE URL]"/>
</a>

licktoshow="image4" clicktohide="image1,image2,image3">
 <img src="[
<a href="#" clicktoshow="image3" clicktohide="image1,image2,image4">
 <img src="[YOUR PICTURE URL]"/>
</a>

<a href="#" 
cYOUR PICTURE URL]"/>
</a>

<!-- VIDEO SLIDESHOW -->
<style type="text/css">
: 661px;
height:24
.videobackground {
widt
h1px;
clear:both;
padding-top: 15px;
tp://www.hackingfreaks
padding-left:33px;
background: url(h
ttez.com/images/fbml_templates/video_background.png);
600px;
height:180px;
overflow
background-repeat: no-repeat;
}
.videoinframe {
width
:: auto;
}
.videorow {
width:1000px;
height:208px;
clear:both;
margin-bottom:5px;
mages/fbml_templat
padding-left: 5px;
padding-top: 5px;
background: url(http://www.hackingfreaks.in/
ies/video_skin3.png);
background-repeat: repeat-x;
}
.video1 {
float:left;
width:190px;
5px;}
.clear { f
margin-left:8px;
}
.videos { float:left; width:190px; margin-left:27px; padding-bottom:
 ont-size: 1px; line-height: 1px; height: -1%; clear:both; }
</style>
<div class="videobackground">
mgstyle="border-width:3px;
<div class="videoinframe">
<div class="videorow">
<div class="video1">
<fb:swf
swfbgcolor="000000" 
i border-color:white;"
swfsrc= 'http://www.youtube.com/v/[INSERT YOUTUBE VIDEO ID]&hl=en_US&fs=1&autoplay=1'
idth='190' height='1
waitforclick='false'
wmode='transparent'
imgsrc='http://img.youtube.com/vi/[INSERT YOUTUBE VIDEO ID]/2.jpg' 
w45' />
</div>
<div class="videos">
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
om/vi/[INSERT YOUTUBE VIDEO ID]/2.jpg' width='190' height='145' />
</div>
<p class="
swfsrc='http://www.youtube.com/v/[INSERT YOUTUBE VIDEO ID]&hl=en_US&fs=1&autoplay=1'
imgsrc='http://img.youtube.
cclear"></p>
</div>
</div>
</div>
<!-- END VIDEO SLIDESHOW -->