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

اضافات بلوجر موسوعة البلوجر

oolim 2020

سبتمبر 27, 2017

0

اضافات بلوجر, موسوعة البلوجر

قبل ايام قمت بتركيب هذة الاضافة فوجدت انها تعمل بشكل جيد جدا هذة الاضافة غير موجودة على المواقع العربية

فاحببت ان اقوم بمشاركة الاضافة للزوار اللكرام نتطرق لطريقة تركيبها تابع الموضوع

اولا اختار  المظهر > بعدين تحرير القالب اعمل ctrl+v ابحث عن </style>

ستظهر لك اكثر من واحد اختر الثانية بعد ذالك ضع هذا الكود قبل كلمة </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('open-fb')' 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/msdesign.rtml' 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&width=187&height=62&show_faces=false&colorscheme=light&stream=false&border_color&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 = 'block'; } function hide(target) { document.getElementById(target).style.display = 'none'; } </script>

-

قم بتغيير كلمة 9sifan9  باخر كلمة في رابط الفيس بوك

مثلا هذا رابط صفحتي في الفيس بوك

https://www.facebook.com/9sifan9    قم بنسخ اخر كلمة لديك والصقها مكان 9sifan9

هذا الموضوع بمجهود شخصي وغير منقول يرجاء مشاركة الموضوع للاستفادة معا ذكر المصدر