العالم التقني | Techniworld العالم التقني | Techniworld

الواجهه

صحة

إضافة صندوق المتابعة لمدونتك بلوجر



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



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

لذالك قمت بوضعه اليوم امامكم , طريقة التركيب سهلة تابع معي .




 ابحت عن </b:skin> و اضف قبله مباشرة الكود التالي



#HTML68 .techni-world-com h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
.techni-world-img{position:relative;max-height:140px;overflow:hidden}
.techni-world-img img {max-width:100%;width:100%;transition:all .6s;}
.techni-world-img:hover img{transform:scale(1.2) rotate(-10deg)}
.techni-world-img:before{content:&#39;&#39;;background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;transition:all .3s}
.techni-world-img:hover:before{background:rgba(0,0,0,0.6);}
.aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;right:22.5%;z-index:3}
.techni-world-float{text-align:center;display:table;width:100%;height:100%}
.techni-world-float a{background:#5aa4e1;color:#fff;padding:8px 14px;z-index:2;display:table-cell;width:100%;font-size:67%;font-weight: 700;text-transform:uppercase;vertical-align:middle;border-radius:3px;transition:all .3s}
.techni-world-float:hover a{background:#404040;color:#fff;}
.techni-world-float a i{font-weight:normal;margin:0 0 0 5px}
.techni-world-wrpicon{display:block;margin:15px auto;position:relative;}
.techni-world-wrpicon .extender{width:100%;display:block;}
.extender{text-align:center;font-size:16px}
.extender .techni-world-icon{display:inline-block;border:0;margin:0;padding:0;width:32%;}
.extender .techni-world-icon a{background:#ccc;display:inline-block;font-weight:400;color:#fff;padding:0 12px;line-height:32px;border-radius:3px;font-size:12px;width:100%;}
.extender .techni-world-icon i{font-family:fontawesome;margin:0 0 0 3px}
.techni-world-icon.fbl a{background:#3b5998}
.techni-world-icon.twitt a{background:#19bfe5}
.techni-world-icon.crcl a{background:#d64136}
.techni-world-icon.fbl a:hover,.techni-world-icon.twitt a:hover,.techni-world-icon.crcl a:hover{background:#404040}
.extender .techni-world-icon:hover a,.extender .techni-world-icon a:hover{color:#fff;}
.techni-world-com{margin:10px 0 0 0;font-size:13px;text-align:center;}
.techni-world-com p{margin:5px 0}
.techni-world-com h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.techni-world-com h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
.techni-world-com h4:before,.techni-world-com h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:&#39;\a0&#39;;background-color:rgba(0,0,0,0.08);}
.techni-world-com h4:before {margin-right:-50%;text-align:left;}



وبعد دالك مباشرة ابحث عن الوسم ;<div id='sidebar-wrapper'>  
و أضف هدا الكود تحته



<b:widget id='HTML68' locked='false' mobile='no' title='إنضم إلينا' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div class='sidebar_about_author'>
<div class='inner_wrapper'>
<div class='techni-world-img'>
<img alt='أسامة بنبراهيم' class='img-responsive' height='auto' src='http://1.bp.blogspot.com/-xNYUFY4sK8k/VpU28DzbGfI/AAAAAAAAOuI/tTKqhxP2HVg/s1600/indz.jpg' title='Indzign' width='300'/>
<div class='aboutfloat-img'><span class='techni-world-float'><a href='https://www.blogger.com/follow-blog.g?blogID=1360201997990549036' rel='nofollow' target='_blank' title='انضم لأصدقاء الموقع'><i class='fa fa-user'/> انضم لأصدقاء الموقع</a></span></div>
</div>
</div>
<div class='techni-world-com'>
<h4><span>عالم التقنية</span></h4>
<p>مدونة تهتم بعالم التقنية والانترنت</p>
</div>
</div>
</div>
</div>
</b:includable>
          </b:widget>


بعدها غير رقم تعرف مدونتي باللون الاحمر الى رقم تعرف مدونتك و ضغط حفظ مبروك عليك انتهى الشرح لاتنسى الدعاء والمشاركة شكرا 

عن الكاتب

أسامة بنبراهيم

Ceo of

عالم التقنية | Techworld

التعليقات



جميع الحقوق محفوظة

العالم التقني | Techniworld