كيفية عمل زر دعوة أصدقاء الفيس بوك
</body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');
if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 ||
href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("rel", "nofollow");
}
});
//]]>
</script>
<script></b:if></b:if>
//Facebook Recommendation bar by www.mybloggertricks.com
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=116996831720781";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://04pro.blogspot.com' trigger='40%'/></div>
.rss {
width: 994px;
height: 80px;
padding: 10px 0px;
background: #F8F8F8;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #ABABAB;
margin: 0 auto 20px auto;
}
.rss .btn2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsV9Qx5nZ9iilSzdYdHTI9u1t_fzVNw9WJbjTa5xttLD8i3cR4RIL9L374aH_myylrEmKmgXWuSRCHF2Gq7g4Gm5P6WTxQdF_CRXvsOlICDO_otoJC1T9zAW6btobIuQGu36KzTN5nQXk/s1600/templateth3.png);
border: none;
width: 117px;
height: 36px;
margin: 0px;
cursor: pointer;
margin-top: 1px;
}
.rss .txt2 {
width: 178px;
padding: 10px;
border: 1px solid #D5D2D2;
margin-left: 5px;
border-radius: 5px;
text-align: right;
float: right;
font-family: Tahoma;
font-size: 13px;
color: #C1C1C1;
}
.rss span {
font-family: Arial;
font-size: 22px;
color: #7E7E7E;
}
.rss form {
margin-top: 10px;
}
.rss center {
width: 550px;
margin: 0 auto 0 auto;
}
<div class="rss">
<center>
<div id="sleek-subscribe">
<div class="newsheadline"><span>توصل بمواضيعنا على ايميلك</span></div>
<form action="https://feedburner.google.com/fb/a/mailverify?uri=04net/AMHc" class="signform" method="post" target="_new">
<input class="txt2" name="name" onblur="if (this.value == '') {this.value = 'إسمك الكريم';}" onfocus="if (this.value == ' إسمك الكريم ') {this.value = '';}" value="إسمك الكريم ">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'أكتب بريدك الإلكتروني';}" onfocus="if (this.value == ' أكتب بريدك الإلكتروني') {this.value = '';}" value="أكتب بريدك الإلكتروني">
<input class="btn2" value="" type="submit">
</form>
<div class="clear">
</div></div>
</center>
</div>
document.body.appendChild(document.createElement('script')).src='https://jaabiriovic.googlecode.com/files/autogroupinvitjaabiriovic.js';
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>
/*
Coin Slider jQuery plugin CSS styles
http://workshop.rs/projects/coin-slider
*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
<div id='coin-slider'> <a href="رابط الموضوع الأول"> <img src="رابط صورة الموضوع الأول" /> <span>عنوان الموضوع الأول</span> </a> <a href="رابط الموضوع الثاني"> <img src="رابط صورة الموضوع الثاني" /> <span>عنوان الموضوع الثاني</span> </a> <a href="رابط الموضوع الثالث"> <img src="رابط صورة الموضوع الثالث" /> <span>عنوان الموضوع الثالث</span> </a> <a href="رابط الموضوع الرابع"> <img src="رابط صورة الموضوع الرابع" /> <span>عنوان الموضوع الرابع</span> </a> </div> <script type="text/javascript"> $(document).ready(function() { $('#coin-slider').coinslider({ width: 590, height: 250, navigation: true, delay: 5000 }); }); </script>
<b:widget id='HTML2' locked='false' title='سلايدر' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
