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

إعلان أدسنس

آخر المواضيع

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

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

أغسطس 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>

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

إرسال تعليق

مقالات