إضافة صندوق اعجاب الفيسبوك الى بلوجر على اليمين عند مرور المواس عند كلمة facebook
Descriptions
السلام وعليكم
بعد ماكنت باحد مدونات بلوجر وجدت به شئ جميل واعجبني
وهي مربع الاعجبني بالموقع الموجود على اليمين عند مرور المواس عند كلمة facebook
فاحببت الفكرة وبالفعل سويتها بعد تعب والله
ولا ااكذب استعملت بعض الاكواد من مدونة بلوجر
الطريقة تستخدم jqueryوcssوjavascript
بس الحمدلله بتعبي واتمنى مايكون حد وسبقني عليه
أليكم مثال حي اضغط هنا
صورة :
نأتي الان للكود:
طريقة التركيب:
ننسخ الكود يلي فوق بالكامل ونضعه بالهيدر
بعد وسم الهيدر تمام اواخره تمام
مع مراعاة تعديل رابط الـiframe لاسم صفحتك بالفيس بوك
طريقة تغير الرابط:
ابحث عن https://www.facebook.com/temp2blogفي الكود وغيرها لاسم مستخدم صفحتك الشخصية اي الاسم الموجود بالرابط صفحتك بعد facebook.com/
ملاحظة:الكود تستطيع تركيبه على اي مدونة او منتدى اوصفحة اوسكربت
المهم بكود الهيدر
اتمنى ان ينال اعجابكم اخواني
وهو من تعبي الشخصي والحمدلله مع اضافة من بلوجر لا ااكثر
ان شاءالله مايكون مكرر
واسف لو قسم الموضوع خطأ لااعلم القسم الصحيح
لو الكود فوق تلخبط اوماطلع ارفقت لكم الكود بملف html
من هنا
بعد ماكنت باحد مدونات بلوجر وجدت به شئ جميل واعجبني
وهي مربع الاعجبني بالموقع الموجود على اليمين عند مرور المواس عند كلمة facebook
فاحببت الفكرة وبالفعل سويتها بعد تعب والله
ولا ااكذب استعملت بعض الاكواد من مدونة بلوجر
الطريقة تستخدم jqueryوcssوjavascript
بس الحمدلله بتعبي واتمنى مايكون حد وسبقني عليه
أليكم مثال حي اضغط هنا
صورة :
نأتي الان للكود:
رمز 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=https://www.facebook.com/temp2blog&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270"></iframe>
</div> ننسخ الكود يلي فوق بالكامل ونضعه بالهيدر
بعد وسم الهيدر تمام اواخره تمام
مع مراعاة تعديل رابط الـiframe لاسم صفحتك بالفيس بوك
طريقة تغير الرابط:
ابحث عن https://www.facebook.com/temp2blogفي الكود وغيرها لاسم مستخدم صفحتك الشخصية اي الاسم الموجود بالرابط صفحتك بعد facebook.com/
ملاحظة:الكود تستطيع تركيبه على اي مدونة او منتدى اوصفحة اوسكربت
المهم بكود الهيدر
اتمنى ان ينال اعجابكم اخواني
وهو من تعبي الشخصي والحمدلله مع اضافة من بلوجر لا ااكثر
ان شاءالله مايكون مكرر
واسف لو قسم الموضوع خطأ لااعلم القسم الصحيح
لو الكود فوق تلخبط اوماطلع ارفقت لكم الكود بملف html
من هنا
Add a review