اضافة أزرار موقع التواصل مثل مدونة المحترف باحترافيه - عالم المدون

الأحد، 13 أغسطس، 2017

اضافة أزرار موقع التواصل مثل مدونة المحترف باحترافيه

موضوع جديد اليوم هو عن اضافة جديد من إضافات بلوجر الأحترافيه على مدونة عالم المدون أقدم لكم اضافة جديد وهى الخاصه بمدونة عالم المدون من تصميم خاص بالمدونة وهى اضافة أزرار مواقع التواصل مثل مدونة المحترف باحترافيه وكما عرضنا لكم من قبل قالب المحترف الذى من تصميم ايضا مدونة عالم المدون وايضا عرضه إضافات كثيره من القالب الجديد مثل السلايد شو الرئيسية وسلايد شو الفيديوهات اليوم نعرض لكم اضافة جديده من قالب المحترف.

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


اضافة أزرار موقع التواصل مثل مدونة المحترف باحترافيه




معاينة وتحميل أكواد الأضافة


سوف يكون عليك من هنا تحميل أكواد الاضافة حتى تستطيع الحصول عليها ويمكنك التحميل من الرابط التالى برابط مباشر ، وايضا يمكنك معاينة الإضافة من الرابط فى الأسفل الخاصه بالمعاينة



صورة من الإضافة




شرح التركيب



  • سوف يكون عليك أولا البحث عن هذا الوسم]]></b:skin>ثم تقوم وبضع الكود التالى فوقه


.headerbottom{box-shadow:3px 5.196px 6px 0 rgba(0,0,0,0.024)}
.socialmedia{padding:5px 0;background:#fff;margin-bottom:15px;overflow:hidden}
.socialmedia ul{float:right;margin:10px 0}
.socialmedia ul li{float: right;display: block;padding: 7px 0;width: 25%;border: 3px solid #FFF;}
.socialmedia ul li i{font-size:24px;float:right;line-height:40px;margin:0 10px}
.socialmedia ul li a{color:#fff}
.socialmedia ul li:last-child{margin:0}
.socialmedia ul li.fb{background:#366299}
.socialmedia ul li.gplus{background:#dd4c3a}
.socialmedia ul li.twitter{background:#429cd6}
.socialmedia ul li.youtube{background:#cd2227}
.socialmedia ul li p{font-size:16px;line-height:28px}


  • هذا هو كود الأستايل للأضافة يمكنك تغيير بها اللوان على حساب ما تريد اذا كنت تريد ذلك
  • الأن مع الكود الثانى والاخير وسوف تقوم بوضعه فى المكان الذى تريده فى قالب مدونتك.


<div class='socialmedia'>
<div class='container'>
<ul>
<li class='fb'><a href='#' target='_blank'><i class='fa fa-facebook-official'/>
<p>إنضم لأكثر من مليون و نصف معجب عبر صفحتنا على الفيسبوك</p></a></li>

<li class='gplus'><a href='#' target='_blank'><i class='fa fa-google-plus-square'/><p>إنضم إلينا عبر جوجل + حيث أكثر من 33 ألف يتابعنا</p></a></li>

<li class='twitter'><a href='#' target='_blank'><i class='fa fa-twitter-square'/><p>إنضم لأزيد من 40 ألف متابع لنا عبر تويتر</p></a></li>

<li class='youtube'><a href='#' target='_blank'><i class='fa fa-youtube-square'/><p>تابعنا على يوتيوب حيث أكثر من مليون و 300 ألف متابع لفيدوهاتنا</p></a></li>

</ul>
</div>
</div>


  • الأن سوف تقوم بتغيير كل شئ فى الكود الثانى حتى يتناسب معك مع مدونتك وبعد ذلك تقوم بحفظ القالب ومبروك عليك الإضافة الجديده.


هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

  • اضافة تعليق
  • 0 تعليق على موضوع : اضافة أزرار موقع التواصل مثل مدونة المحترف باحترافيه

    يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
    الأبتساماتأخفاء الأبتسامات

    جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر