إضافات البلوجربلوجرفيسبوك

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

مرحبا بكم محبي موقع أبدرويد في هذا الموضوع الجديد الذي سوف حيث سوف نتعرف علي طريقة إضافة صندوق الإعجاب بصفحتك علي الغيسبوك يظهر أسفل المدونة و هذه الإضافة بالتأكيد سوف يفيدك للحصول علي عدد كبير من الإعجابات.

الشرح

بداية توجه إلي مدونتك البلوجر و من ثم القالب و بعدها تحرير القالب و قم بالبحث عن هذا الوسم  ]]></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%); } }

و بعدها قم بالبحث عن وسم >/body< و من قم بلصق هدا ال كود فوقه مباشر

<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'/></a>
<div class='fb-like-box ' data-header='false' data-height='62' data-href='https://www.facebook.com/abdroid7' 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%2Fabdroid7&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>
إذا طريقة التعديل علي هذا الكود تقوم بتغيير abdroid7 كــ ما باللون الأحمر بإسم المستخدم الخاص بصفحتك علي الفيسبوك ملاحظة فهو متكرر
أتمني أن تنالة التدوينة أعجابكم لا تنسي مشاركته مع أصدقاءك و إلي اللقاء في تدوينة جديد و مفيدة.

© copyright 2019 – جميع الحقوق محفوظة

مدونة أبدرويد

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى