أحبتي في الله .. السلام عليكم ورحمه الله وبركاته ..أحببت أن أقدم لكم اليوم إضافة بلوجر جديدة .. وهي عبارة عن صندوق أعجاب صفحات فيس بوك منزلق وأحترافي
ذو حركه انسيابيه جميله جداً .. وحجم مناسب . وهو متوافق مع جميع القوالب
ويعمل 100% دون اي مشاكل
الان احفظ القالب ثم توجه تخطيط الى اضافة اداة Java Script تم ضع الكود التالي
ذو حركه انسيابيه جميله جداً .. وحجم مناسب . وهو متوافق مع جميع القوالب
ويعمل 100% دون اي مشاكل
والان كيفية اضافة صندوق اعجاب فيس بوك الى مدونة بلوجر بشكل احترافي
اولا ابحت عن الكود
<head>
ثم اضف الكود التالي اسفل الكود السابق (<head>)
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
الان احفظ القالب ثم توجه تخطيط الى اضافة اداة Java Script تم ضع الكود التالي
<script type="text/javascript"> //<!-- $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiWOAds_aQbuBQiLseQ8lnutYFU9VAr7dW43NjT9ZfaA9eg40Rh0nPHC0hVCquzt1RILgQ35P2v0_CJPrbIReTY05qpg7kqYYUVt-Z-4HfKslD9GZeRzqBfyfUWa9FchtJwDCVPlLNJEhB/s150/w2b_facebookbadge.pn") 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:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;}</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FDes.Mahdi.iq&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://mahdi4design.blogspot.com">Des.Mahdi Dawood</a></span></div></div>
رائع كل ما عليك فعله الان هو تغير Des.Mahdi.iq ب id صفحتك
انتهى اي استفسار بخصوص الاضافة يرجى ترك تعليق للأجابة عليه
ومسك ختامنا ان الحمد لله رب العالمين والصلاه والسلام على جميع الانبياء والمرسلين . وخاتم الانبياء والمرسلين سيدنا وحبيبنا وشفيعنا
محمد وعلى اله وصحبه المنتجبين الطاهرين
أحبتي . التقيكم أن شاء الله في موضوع اخر
للتشجيع . اترك لنا تعليقك . واضغط على اعجبني .. ويمكنك أيضاً مشاركه المنشور على الفيس بوك
مدون عراقي عمري 26 سنه . اهتم بعالم التصميم الطباعي والالكتروني والبرمجه واخبار التكنلوجيا والرسم والشعر وكتابه القصص القصيرة.... هدفي من هذه المدونه هو نشر الفائده للمصممين المبتدئين ومساعدتهم للتطور . وتقديم المتعة والفائدة لمتذوقين المعلوماتية والثقافات .. أسئل الله ان يوفقنا بما نحن مقدمين عليه ..
0 التعليقات