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

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

اضافة صفحة الفيس بوك فى بلوجر

1- نذهب الى الصفحة الرئيسية لبلوجر
2- نضغط على قالب
3- تحرير html

4- نضيف الكود الاتى فوق </style> او لتسهيل التجربه عليك تحت </b:skin>

#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>

والى هنا نكون قد اتممنا الخطوات
بقى خطوه اخريه فقط وهى اضافة معرف صفحة الفيس بوك فى الكود الاخر
عن طريق تغير المعرف الخاص بي 1anteka/ بالمعرف الخاص بك
والى هنا ننتهى من موضوعنا
لو فى اى مشاكل واجهتك لا تتردد فى ترك تعليق بمشكلتك وساستعدك باذن الله
#انتكا

اخر الاخبار شروحات بلوجر شروحات فيس بوك

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

hisham mustafa

انا هشام اسمي هشام عايش هشام نايم هشام باكل هشام بشرب هشام

اترك تعليقك Hide comment