بسم الله الرحمن الرحيم
في هذا الموضوع ان شاء الله ساقدم لكم طريقة اضافة ايقونة الفايسبوك المنزلقة { لصفحة المدونة على الفايسبوك في مدونتكم}
التي كثرت حولها اسئلة الزوار لن اطيل عليكم اليكم الطريقة:
1.اذهب الى عناصر الصفحة - اضافة اداة HTML/JavaScript
2. انسخ الكود التالي والصقه في الاداة السابقة مع تغيير الكود الملون بالاحمر الاول ضع مكانه رابط صفحة مدونتك على الفايسبوك و الثاني رابط صفحتك الشخصية على الفايسبوك-------------------------------------------------------------------------------------------<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/AVvXsEjzBqjUWzRrW-HioK6lDDzyNtYW7ygdeAd8PSq85__A8NSrNZlX3A1PKe5wPADlOtfTWtGRjJrHX_abJfjpB6s8PAqtdwZpf1G4WAJ_Ol9qqlqamg3_CMsgrhtNQPshW-wuaDMwj8xUBfq5/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=https://www.facebook.com/Mymorblog
&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>By <a href="https://www.facebook.com/rachid benali"> Benali</a> / <a href=""></a></span></div></div>------------------------------------------------------------------------------------------ في انتظار تعليقاتكم....
التعليقات : 2
لم تعمل معي اخي تضهر الصورة فقط
يجب عليك يا اخي وضع الاداة في اسفل القالب ان لم تعمل اعلمني بذلك وشكرا..
إرسال تعليق
أخي الكريم، رجاء قبل وضع أي كود في تعليقك، حوله بهذه الأداة ثم ضع الكود المولد لتجنب اختفاء بعض الوسوم.
الروابط الدعائية ستحذف لكونها تشوش على المتتبعين و تضر بمصداقية التعليقات.