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

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

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

مميزات هاته الاضافة :
1- عرض ثمانية مواقع دفعة واحدة في سيدبار المدونة ، يسار قالب بلوجر(المدونة) والمواقع الموجودة في ايقونات اضافة المواقع الاجتماعية نذكرها لكم كالتالي :
- الفايسبوك .- التويتر.- اليوتيب.- بانتراست.- أنستاقرام .- لينكدين - فين. - فليكر.- قوقل بليس.
2- كتابة ارقام المتابعين على اضافة صندوق ايقونات روابط المواقع الاجتماعية لمدونات بلوجر بنفسك.
3- لاتؤثر على قالب بلوجر،خفيفة ومتناسقة  .
4- متناسقة بشكل رائع مع الجوال، كما يمكنك إضافاتها على أي قالب بلوجر
 موضوع قد يهمك إضافة أزرار المشاركة الأجتماعية أسفل الموضوع .
- خطوات تركيب الاضافة :
كود اضافة صندوق ايقونات روابط المواقع الاجتماعية لمدونات بلوجر مجهز لكم بطريقتين يمكنكم تحميل الكود في ملف من ميديا فاير أو نسخه من أسفل

• Css3- Download

1- قم بالدخول للقالب ctrl+f وقم بالبحث عن الكود التالي <style/>

 /*================= CSS Social Icons Widget by howarabi.blogspot.com =====================*/
.widget_social_apps{margin-left:-.5%;margin-right:-.5%}.widget_social_apps:before,.widget_social_apps:after{content:" ";display:table}.widget_social_apps:after{clear:both}.widget_social_apps .app_social{margin:0 .5% .5%;width:24%;float:left;text-align:center;background-color:#111;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.widget_social_apps .app_social.facebook{background-color:#3e64ad}.widget_social_apps .app_social.twitter{background-color:#58ccff}.widget_social_apps .app_social.pinterest{background-color:#de010d}.widget_social_apps .app_social.instagram{background-color:#125688}.widget_social_apps .app_social.google{background-color:#dd4b39}.widget_social_apps .app_social.linkedin{background-color:#007bb6}.widget_social_apps .app_social.flickr{background-color:#ff0084}.widget_social_apps .app_social.vine{background-color:#00bf8f}.widget_social_apps .app_social:hover{background-color:#111}.widget_social_apps .app_social a{display:block;color:#fff;padding:15px 5px}.widget_social_apps .app_social span{display:block}.widget_social_apps .app_social span.app_icon i{font-size:24px;margin-bottom:5px}.widget_social_apps .app_social span.app_count{font-weight:700;line-height:16px}.widget_social_apps .app_social span.app_type{font-size:14px;line-height:16px} 

قم بوضع الكود فوقه تماما ثم إحفظ القالب  
2- قم بالدخول لتخطيط المدونة وافتح نافذة جديدة  HTML/JAVASCRIPT 
  - قم باختيار مناسب للأضاقة اين تريد أن تظهر .
يمكنكم أيضا تحميل الكود من هنا ايضا في ملف 

• Html5- Download

 - قم بلصق الكود التالي داخلها ثم إغلق الاضافة وقم بحفظ الترتيب 

 <div class="widget_social_apps">
<div class="app_social facebook">
<a href="https://www.facebook.com/" target="_blank">
<span class="app_icon"><i class="fa fa-facebook"></i></span>
<span class="app_count">7845</span> <span class="app_type">Fans</span> </a></div>
<div class="app_social twitter">
<a href="https://www.twitter.com/" target="_blank">
<span class="app_icon"><i class="fa fa-twitter"></i></span>
<span class="app_count">32</span>
<span class="app_type">Followers</span>
</a></div>
<div class="app_social pinterest">
<a href="https://www.pinterest.com/" target="_blank">
<span class="app_icon"><i class="fa fa-pinterest"></i></span>
<span class="app_count">4774</span> <span class="app_type">People</span> </a></div>
<div class="app_social instagram">
<a href="https://www.instagram.com/" target="_blank">
<span class="app_icon"><i class="fa fa-instagram"></i></span>
<span class="app_count">65684</span> <span class="app_type">Followers</span> </a></div>
<div class="app_social google">
<a href="https://www.google.com/" target="_blank">
<span class="app_icon"><i class="fa fa-google-plus"></i></span>
<span class="app_count">65684</span> <span class="app_type">People</span> </a></div>
<div class="app_social linkedin">
<a href="https://www.linkedin.com/" target="_blank">
<span class="app_icon"><i class="fa fa-linkedin"></i></span>
<span class="app_count">65684</span> <span class="app_type">Fans</span> </a></div>
<div class="app_social flickr">
<a href="https://www.flickr.com/" target="_blank">
<span class="app_icon"><i class="fa fa-flickr"></i></span>
<span class="app_count">44</span>
<span class="app_type">Followers</span>
</a></div>
<div class="app_social vine">
<a href="https://www.vine.com/" target="_blank">
<span class="app_icon"><i class="fa fa-vine"></i></span> <span class="app_count">574</span> <span class="app_type">People</span> </a></div>
</div> 

- ملاحظة: إذا كنت لاتريد كل المواقع وتريد تحديد 4 مثلا قم بحذف أي واحد تريد ،كمثال على ذلك من الوسم الذي بالأحمر إلى الأخير بنفس اللون  .

<div class="app_social vine"> <a href="https://www.vine.com/" target="_blank"> <span class="app_icon"><i class="fa fa-vine"></i></span> <span class="app_count">574</span> <span class="app_type">People</span> </a></div>

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