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

يسعى جميع المدونين للحصول على عدد متزايد من المتابعين كل يوم بالثالي يقومون بوضع مواقع التواصل الاجتماعي في موقعهم واليوم ضمن قسم بلوجر سوف نتعرف على اضافة جديدة رائعة وتبقى تثير الانتباه مما يضاعف  فرصتك في التحاق الزوار الى صفحتك بالفيسبوك ...

الطريقة بسيطة يكيفي الدخول الى بلوجر تم الدخول الى مدونتك تم قالب تم تحرير Html تم تقوم بالبحث عن  ]]></b:skin>   عبر الضغط على زر CTRL + F  داخل مكان الاكواد ليفتح معك متصفح صغير  تكتب فيه الامر الدي دكرته  .

بعد دلك تقوم بوضع الكود الثالي اعلاه 

._1dro ._1drp {direction: rtl!important; } #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%); } }

تم في الاخير تضيف الكود الثالي في المدونة في اي مكان عبر" اضافة اداة " تم نضع الكود مع تغيير  اسم الصفحة جولة للمعلوميات ''jawlainfo''  بصفحتك  ( غير ما باللون الاصفر في الكود اسفله .

<div class='slideUp' id='open-fb'>
<a class='close-fb' href='#close-fb-like-box' onclick='hide(&apos;open-fb&apos;)' title='اغلاق'><i class='fa fa-times'/></i></a>
<div class='fb-like-box ' data-header='false' data-height='62' data-href='https://www.facebook.com/jawlainfo' 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%2Fjawlainfo&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;'/>
</iframe></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>

By glok

Similiar tagsبلوجرتدوينات معلوماتية