السلام عليكم مرحبا بكم في هذا الدرس الذي سنشرح فيه طريقة إضافة ازرار المشاركة الى مدونات اليلوجر بأشكال احترافية شبيهة بالتي في مدونة المحترف ، هذه الاضافة قدمناها رغبة لطلب بعض الأصدقاء و المتابعين للمدونة لذلك أحببت أن أشرح لكم الطريقة ...
هذه الإضافة جيدة للمدونين و خصوصا لمن يقوم بالعرض القوالب أو الاضافات بحيث تعطي لمسة احترافي لشكل الازرار .
هذه الإضافة جيدة للمدونين و خصوصا لمن يقوم بالعرض القوالب أو الاضافات بحيث تعطي لمسة احترافي لشكل الازرار .
طريقة الاضافة الى البلوجر
1.نتوجه الى المدونة ، قالب ، تحرير HTML
2.نبحث عن الكود
4.نبحث عن الكود
5.نضيف الكود الثالي فوقه
4. نضغط حفظ .
ومبروك لا تنسونى بلايك ومشاركة للمنشور وشكرا
2.نبحث عن الكود
3.نضيف الكود الثالي فوقه
/* Share Buttons by Moussa terkhache */ .sharer {margin-bottom: 30px;overflow: hidden;margin-top: 20px; padding: 0 14px;} .social-share {text-align: center;} .social-share span:before { float: left; margin-right: 6px; background: rgba(0, 0, 0, 0.14); width: 34px;} .social__item {display: inline-block;} .social-share .fa { background: #555; color: #fff; cursor: pointer; display: block; font-size: 16px; height: 40px; line-height: 40px; position: relative; text-align: center; font-family: fontawesome,mahdi-font; transition: all .2s; margin: 0 2px;} .social-share .fa:after { color: #818181; content: attr(data-count); font-family: Roboto, Arial, sans-serif; font-size: 14px; right: 0; line-height: 40px; background: #ECECEC; float: right; margin-left: 10px; padding: 0 10px;} .social-share .fa-facebook {background: #3b5998;} .social-share .fa-vk {background: #45668e;} .social-share .fa-twitter {background: #00aced;} .social-share .fa-linkedin {background: #007bb6;} .social-share .fa-google-plus {background: #dd4b39;} .social-share span.fa.fa-whatsapp { background: #4FA91F; }
4.نبحث عن الكود
5.نضيف الكود الثالي فوقه
4. نضغط حفظ .
ومبروك لا تنسونى بلايك ومشاركة للمنشور وشكرا