أخر الأخبار
recent

اضافة صندوق إعجاب صفحة الفيسبوك عائم أسفل المدونة

اضافات بلوجر 2016, اضافات بلوجر, بلوجر, blogger, دروس بلوجر, بلوجر 2016, ادوات بلوجر,


أهلا وسهلا بكم , لقد جلبت لكم في هذة التدوينة اضافة رائعة وهي اضافة صندوق إعجاب بصفحتك علي الفيسبوك عائم اسفل المدونة اضف هذة الإضافة في مدونتك وساعد علي إشهار صفحتك من خلال مدونتك .


والأن دعونا نبدأ شرح اضافة صندوق الإعجاب الفيسبوك في مدونتك تابع معي ,
اولا قم بأخذ نسخة إحتياطية من مدونتك
 الآن اذهب إلى قالب> تحرير HTML
وقم بلصق هذا الكود قبل وسم <style/>

#open-fb{background-color: #FFFFFF; border: 4px solid rgb(210, 210, 210); bottom: 0; border-bottom: 0; float:left; height: auto; margin-bottom: 0; margin-right: 5px; position: fixed; right: 0; width: auto; z-index: 10;}

.close-fb{color: #333!important; position: absolute; top: 1px; right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px;}

.slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;


animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
} }


بعد ذلك قم بنسخ الكود التالي وألصقة قبل وسم <body/>

<div class='slideUp' id='open-fb'>
<a class='close-fb' href='#close-fb-like-box' onclick='hide(&apos;open-fb&apos;)' title='Close'><i class='fa fa-times'/></a>
<div class='fb-like-box ' data-header='false' data-height='62' data-href='https://www.facebook.com/web3reg' data-show-faces='true' data-stream='false' data-width='187'><span style='height: 62px; width: 187px; '><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmsdesign.rtml&amp;width=187&amp;height=62&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true' style='border:none; overflow:hidden; width:187px; height:62px;'/>
</span></div></div>
<script type='text/javascript'>
function show(target) {
    document.getElementById(target).style.display = &#39;block&#39;;
}
function hide(target) {
    document.getElementById(target).style.display = &#39;none&#39;;
}
</script>
ولا تنسي تغير https://www.facebook.com/web3reg برابط صفحتك علي الفيسبوك ثم قم بحفظ القالب
والان لقد لقد أنتهينا قم بحفظ القالب ومبروك عليك الإضافة وإذا واجهت اي مشكلة أعلمنا في التعليقات . ولاتنسي مشاركة الموضوع مع اصدقائك وشكرا لك .

ليست هناك تعليقات:

إرسال تعليق

يتم التشغيل بواسطة Blogger.