لسلام عليكم
اضافة اليوم عبارة عن نافذة الفيس بوك المنبثقة pop-up
هذه الاضافة توجد تقريبا في جل المدونات و المواقع غير أن طريقة تركيبها تجعل منها شيئا غير مرغوب فيه حيث يصعب على البعض الاستفادة من هذه الاضافة لما تحتويه طريقة تركيبها من تعقيدات.
اليوم جئتكم بالحل و هو كود مباشر تركبه في مدونتك دون الحاجة الى الدخول الى محرر html بالاضافة الى أن الأداة تتميز بشكل احترافي.
قبل أمدادكم بالكود لا بأس ان نذكر بطريقة التركيب
الان مع الكود
اضافة اليوم عبارة عن نافذة الفيس بوك المنبثقة pop-up
هذه الاضافة توجد تقريبا في جل المدونات و المواقع غير أن طريقة تركيبها تجعل منها شيئا غير مرغوب فيه حيث يصعب على البعض الاستفادة من هذه الاضافة لما تحتويه طريقة تركيبها من تعقيدات.
قبل أمدادكم بالكود لا بأس ان نذكر بطريقة التركيب
- من القائمة الرئيسية المحدثة من طرف بلوجر blogger أنقر على تخطيط Mise en page
- اختر اضافة أداة Ajouter un gadget
- اختر أداة html java script
- ثم ألصق الكود
الان مع الكود
<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/AVvXsEheoTZir5zWIFSYZ69sKhvnrZIj6f7-WHgDx9Sbq_KbNB_aH2nuzHT2h8mWa6PnKVRLefrCWS0Gu06D0yOlCBAHhScIEgF7yltSJ8DgSSI5uTCNQX6H34T6eZVmK0CvcFRrC_VaHEODTkg/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%2Farabytech&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.arabytech.blogspot.com"> All Blogging
Tips</a></span>
</div>
الان مع التعديلات على الكود
غير arabytech وهي بالأحمر بالجزء الأخير من رابط صفحتك
مثلا رابط صفحتي على الفيس بوك " مجتمع عربي تيك " هو www.facebook.com/arabytech الجزء بالأحمر هو ما يجب كتابته.
انتهت اضافة اليوم الى الملتقى باذن الله.
غير arabytech وهي بالأحمر بالجزء الأخير من رابط صفحتك
مثلا رابط صفحتي على الفيس بوك " مجتمع عربي تيك " هو www.facebook.com/arabytech الجزء بالأحمر هو ما يجب كتابته.
انتهت اضافة اليوم الى الملتقى باذن الله.
0
تعليقات
