بسم الله الرحمان الرحيم
والسلام عليكم ورحمة الله تعالى وبركاته
أحضرت لكم اليوم كود مهم خاص بالنافدة المنبثقة للفايسبوك
حيث نجد الكثر يعاني منه. وخصوصا صعوبته في التركيب
اليم أحضرت لكم الكود لا يحتاج سوى إضافة أداة html/javascript
ووضع الكود فيها وستعمل بإذن الله وتوفيقه.
وبدون إطالة . إليكم الكود:
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEircART7Qn1VkU41OLiCu-t_n14oBoxXAjvAm2wlBmUS0M56JwEcZ2KmGzhjiSjHzjB0Lcfjs_PlT7Od6kTyV0rd-zJCUnVfAhk9zIjCz0gSSwXT0McQwtarEWhOhD52iJZPDUkLNnFFHs/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.abtlikebox span a{color: gray;text-decoration:none;}
.abtlikebox span a:hover{text-decoration:underline;}
}
</style>
<div class="abtlikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Festafid&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.estafid.blogspot.com"> All Blogging Tips</a></span>
</div>
ما عليك الآن هو تغيير كلمة estafid المكتوبة بالأحمر
بكلمة اسم صفحتك على الفايسبوك
وأي استفسار لا تترددوا
يمكنك نسخ روابط هذه التدوينة | |
URL | |
HTML | |
BBCode |
2 التعليقات:
مشكور لقد جربتها يمكنك رؤيتها فى مدونتي
http://arabes1.blogspot.com
بالتوفيق لك أخي
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).