اضافة صناديق التواصل الاجتماعي بشكل جديد v1

إعلان أدسنس

آخر المواضيع

breaking/مقالات/9
بلوجر

الاثنين، 8 مايو، 2017

5:05:00 م

تكبير النص تصغير النص أعادة للحجم الطبيعي

السلام عليكم ورحمة الله وبركاتة احبابي واخواتي في الله اليوم اتيت لكم باضافة جميلة وذكية+ جذابة لقوالب بلوجر وهي اضافة ازرار مواقع التواصل الاجتماعي بشكل جديد واحترافي لم تراه من قبل !..
الا علي نكهة التقنية التي تقدم لكم كل حصري ...
الاضافة جميلة وهي لمعرفة مواقع التواصل الاجتماعي الرسمية لمدونتك حيث سينتقلون زوارك ويتابعونك على مواقع التواصل بشكل يومي والاضافة تتكون منصناديق لمواقع التواصل : فيسبوك,لينكيدين,بينتيريست,انستجرام,تويتر,فيسبوك
لنذهب الان الي كيفية التركيب وضورة توضيحية للاضافة 😀😀😀
↓↓↓ صورة الاضافة ↓↓↓


↓↓↓ كيفية التركيب ↓↓↓
  1. ابحث عن الوسم b:skin هناك اول المراد الثاني
  2. واضف فوقه هذا الكود

/*======================= التواصل الأجتماعي من نكهة =========================*/ .footer__social li a:before {font-style: normal;font-size: 2.5em;} .footer__social .pinterest:before{content: "\f10f";} .footer__social a.pinterest:hover{color:#cc2127} .footer__social .instagram:before{content: "\f107";} .footer__social a.instagram:hover{color:#3f729b} .footer__social .linkedin:before{content: "\f109";} .footer__social a.linkedin:hover{color:#0976b4} .footer__social .google-plus:before{content: "\f105";} .footer__social a.google-plus:hover{color:#dd4b39} .footer__social .twitter:before{content: "\f118";} .footer__social a.twitter:hover{color:#55acee} .footer__social .facebook:before{content: "\f102";} .footer__social a.facebook:hover{color:#3b5998} .footer__social ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 45px; } .footer__social li span { display: block; margin-top: 5px; } .footer__social li { min-width: 75px; text-align: center; font-size: 13px; text-transform: uppercase; } .footer__social li a { display: block; line-height: 30px; font-weight: 100; }
  1. ثم اضف هذا الكود في المكان الذي تريده
<div class='footer__social'> <div class='section' id='social-med'><div class='widget LinkList' data-version='1' id='LinkList3'> <div class='widget-content'> <ul> <li><a class='google-plus' href='http://'><span>google-plus</span></a></li> <li><a class='linkedin' href='http://'><span>linkedin</span></a></li> <li><a class='pinterest' href='http://'><span>pinterest</span></a></li> <li><a class='instagram' href='http://'><span>instagram</span></a></li> <li><a class='twitter' href='http://'><span>twitter</span></a></li> <li><a class='facebook' href='http://'><span>facebook</span></a></li> </ul> </div> </div></div> </div>
نتمني الموضوع ان ينال اعجابكم وان واجهتكم اي مشكلة او استفسار فباب التعليقات مفتوح للجميع وسيتم الرد عليك في اسرع وقت !!!

إرسال تعليق

مقالات