كيف اعمل الفيس بوك وتوتير وجوجل مثل هذا

AsEsInO كتب:

السلام عليكم اقدم لكم كود لايك
Google +1 +tweeter+facebook
في المواضيع بشكل رائع ومتحرك معى الصفحة
صورة للكود
https://i.servimg.com/u/f44/16/54/74/28/ahmed_15.jpg

الكود

الكود:


$(function(){
  if(!document.location.href.match(/^(http:\/\/[^\/]*\/t[1-9][0-9]*)(p[1-9][0-9]*)?-.*$/)) return;

    var urlpage= document.location.href.replace(/^(http:\/\/[^\/]*\/t[1-9][0-9]*)(p[1-9][0-9]*)?-.*$/,"$1-");

 
  $("body").append('<div
style="position:fixed;bottom:3%;right:3%;text-align:center;background:#EBEFFF;border-radius:5px;padding:
 5px"><g:plusone size="tall"
href="'+urlpage+'"></g:plusone><div
style="margin:5px"><a href="http://twitter.com/share"
class="twitter-share-button" data-url="'+urlpage+'"
data-count="vertical" data-lang="fr"></a></div><iframe
 
src="http://[url=http://www.facebook.com/plugins/like.php?app_id=172371949494622&href=%27+encodeURIComponent%28document.location.href%29+%27&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font=trebuchet+ms&height=60%22]www.facebook.com/plugins/like.php?app_id=172371949494622&href='+encodeURIComponent(document.location.href)+'&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font=trebuchet+ms&height=60"[/url]
 scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:60px; height:60px;"
allowTransparency="true"></iframe></div>');

    $.getScript("https://apis.google.com/js/plusone.js");
    $.getScript("http://platform.twitter.com/widgets.js");
});



طريقة التركيب
لوحة الادارة → عناصر اضافية → إدارة أكواد Javascript



نضغط علي : إنشاء كود جديد

العنوان : اختر اي اسم
أضف الكود الى : جميع الصفحات
كود
Javascript : نضع الكود التالي
تم الشرح بوسطة
AsEsInO
فريق المسأعدة



ارجو
ان نكونا قد وفقنا
في الشرح
نسالكم صالح الدعاء

والسلام عليكم ورحمة الله تعالى وبركاته

الكود:

</div>
<div style="position: fixed; border: 0pt none; left:
0px;bottom: 0px; margin-top: -57px; width: 50px; height: 400px; cursor:
pointer;background-color:#;-moz-border-radius-bottomleft:
8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-topleft:
8px;-moz-border-radius-topright: 8px;">

<a href="رابط الشات" target="_blank" title="chat">
<img
 src="http://i31.servimg.com/u/f31/11/21/91/14/l110.gif" border=0
onmouseover="this.src='http://i31.servimg.com/u/f31/11/21/91/14/l10.png';"
 
onmouseout="this.src='http://i31.servimg.com/u/f31/11/21/91/14/l110.gif';"
 /></body>
</a>

<a target="_blank" href="رابط جروب الفيس بوك">
<img
 src="http://i31.servimg.com/u/f31/11/21/91/14/facebo11.png"
alt="facebook" title="facebook" border=0
onmouseover="this.src='http://i31.servimg.com/u/f31/11/21/91/14/f210.png';"
 
onmouseout="this.src='http://i31.servimg.com/u/f31/11/21/91/14/facebo11.png';"
 /></body>
</a>
<a href="رابط جروب التويتر" target="_blank" title="twetter">
<img
 src="http://i31.servimg.com/u/f31/11/21/91/14/twitte12.png" border=0
alt="twetter" title="twetter"
onmouseover="this.src='http://i31.servimg.com/u/f31/11/21/91/14/t210.gif';"
 
onmouseout="this.src='http://i31.servimg.com/u/f31/11/21/91/14/twitte12.png';"
 /></body>
</a>
<a href="رابط حسابك في اليوتيوب" target="_blank" title="youtube">

<img
 src="http://i31.servimg.com/u/f31/11/21/91/14/youtub10.png" border=0
alt="youtube" title="youtube"
onmouseover="this.src='http://i31.servimg.com/u/f31/11/21/91/14/y210.gif';"
 
onmouseout="this.src='http://i31.servimg.com/u/f31/11/21/91/14/youtub10.png';"
 /></body>
</a>
</div>