اضافة تابعنا على مواقع التواصل الاجتماعي في البلوجر

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

شكل الإضافة :        

طريقة التركيب :      

بعد تسجيل الدخول الى مدونتك على بلوجر اذهب الى التخطيط ثم اضغط على إضافة أداة و اختر HTML/javaScript

  

ثم ضع فيها الكود الموجود في الأسفل

الكود :

<div id='social_networks'> <ul><!--Social Icons Started Started--> <li class='sorting-01 facebook'><a href='#'><i class='fa fa-facebook fa-2x'/><span class='inv'>Facebook</span></i></a></li> <!--Replase With Facebook URL--> <li class='sorting-02 twitter'><a href='#'><i class='fa fa-twitter fa-2x'/><span class='inv'>twitter</span></i></a></li> <!--Replase With Twitter URL--> <li class='sorting-03 googleplus'><a href='#'><i class='fa fa-google-plus fa-2x'/><span class='inv'>googleplus</span></i></a></li> <!--Replase With Linked In URL--> <li class='sorting-04 youtube'><a href='#'><i class='fa fa-youtube fa-2x'/><span class='inv'>youtube</span></i></a></li> <!--Replase With Youtube URL--> </ul> <!--Social Icons Started End--> </div> <style> #social_networks{width:100%;display:block;margin:0 auto;text-align:center;} #social_networks ul {list-style:none;} #social_networks{text-align:center;display:block;margin:0 auto;padding-bottom:30px;margin-bottom:30px;} #social_networks ul {display:block;height:36px;margin:0 auto;list-style:none;color:#fff;transition:All 0.2s ease;} #social_networks li{text-align:center;display:inline-block;margin:0 auto;margin-right:2px;margin-left:2px;width:63px;height:63px;opacity:0.9;transition:All 0.2s ease;} #social_networks li:hover{opacity:0.9;} #social_networks li a{display:inline-block;width:63px;height:63px;line-height:63px;padding-top:5px;padding-bottom:5px;color:#fff;} #social_networks li a:hover{background:transparent;color:#f35d5c;box-shadow:none;} #social_networks li a span{display:none;visibility:hidden;} #social_networks li.facebook{text-align:center;background:#3b5998;color:#fff;} #social_networks li.twitter{text-align:center;background:#55acee;color:#fff;} #social_networks li.youtube{text-align:center;background:#e52d27;color:#fff;} #social_networks li.googleplus{text-align:center;background:#dd4b39;color:#fff;} #social_networks li.facebook:hover{background:#696969;color:#3b5998;} #social_networks li.twitter:hover{background:#696969;color:#55acee;} #social_networks li.youtube:hover{background:#696969;color:#e52d27;} #social_networks li.googleplus:hover{background:#696969;color:#dd4b39;} #social_networks li.facebook .fa.fa-facebook,#social_networks li.twitter .fa.fa-twitter,#social_networks li.youtube .fa.fa-youtube,#social_networks li.googleplus .fa.fa-google-plus,#social_networks li.linkedin .fa.fa-linkedin{color:#fff;} </style>

قم باستبدال '#' بروابط مواقعك انت

و تهانينا مبروك عليك الاضافة 

تفضّل مشكوراً بمشاركة الموضوع