اضف مربع اعجبني لصفحتك على الفيس بوك بموقعك مثل مدونات بلوجر !!

السلام وعليكم
بعد ماكنت باحد مدونات بلوجر وجدت به شئ جميل واعجبني
وهي مربع الاعجبني بالموقع الموجود على اليمين عند مرور المواس عند كلمة facebook
فاحببت الفكرة وبالفعل سويتها بعد تعب والله
ولا ااكذب استعملت بعض الاكواد من مدونة بلوجر
الطريقة تستخدم jqueryوcssوjavascript
بس الحمدلله بتعبي واتمنى مايكون حد وسبقني عليه
أليكم مثال حي اضغط هنا
صورة :http://mwadah.com/images/imgcache/2011/11/113.jpg

نأتي الان للكود:

كود PHP:

---

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    type="text/javascript">
    </script>
    <script type="text/javascript">$(document).ready(function() {$(".facebookbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
    </script><style type="text/css">
    .facebookbox{background: url("http://up.arab-x.com/Oct11/yAS29302.png")
     no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:40%;}
    .facebookbox div{border:none;position:relative;display:block;}
    .facebookbox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
    .facebookbox span a{color: #808080;text-decoration:none;}
    .facebookbox span a:hover{text-decoration:underline;}</style><div class="facebookbox" >
<iframe scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fal3almtube&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270"></iframe>
</div> 


---

طريقة التركيب:
ننسخ الكود يلي فوق بالكامل ونضعه بالهيدر



بعد وسم الهيدر تمام اواخره تمام
مع مراعاة تعديل رابط الـiframe لاسم صفحتك بالفيس بوك
طريقة تغير الرابط:
ابحث عن كلمة al3almtubeفي الكود وغيرها لاسم مستخدم صفحتك الشخصية اي الاسم الموجود بالرابط صفحتك بعد facebook.com/
ملاحظة:الكود تستطيع تركيبه على اي مدونة او منتدى اوصفحة اوسكربت
المهم بكود الهيدر
اتمنى ان ينال اعجابكم اخواني
وهو من تعبي الشخصي والحمدلله مع اضافة من بلوجر لا ااكثر
ان شاءالله مايكون مكرر
واسف لو قسم الموضوع خطأ لااعلم القسم الصحيح
لو الكود فوق تلخبط اوماطلع ارفقت لكم الكود بملف html
الموضوع الاصلي في ترايدنت:
[قالب] : اضف مربع اعجبني لصفحتك على الفيس بوك بموقعك مثل مدونات بلوجر طرق سهلة!!

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

كل عام وانت بخير

وشكرا على هذا الموضوع الرائع .. فعلا موضوع يستحق المتابعه

وتقبل احلى تحيه ،،،

مشكور اخوي
ماقصرت