اَمني للمعلوميات اَمني للمعلوميات
حصريات

آخر الأخبار

حصريات
random
جاري التحميل ...

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

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

طريقة التركيب :

اذهب الى التخطيط و اضف أداة Html/Javascript وضع بها الاكواد التالية :
<style>
.about_blog { padding: 0; overflow: hidden;background: #fff; }
.about-amni8-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
.about-amni8-img{position:relative;max-height:140px;overflow:hidden}
.about-amni8-img img {max-width:100%;width:100%;transition:all .6s;}
.about-amni8-img:hover img{transform:scale(1.2) rotate(-10deg)}
.about-amni8-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;transition:all .3s}
.about-amni8-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}
.about-amni8-float{text-align:center;display:table;width:100%;height:100%}
.about-amni8-float a{color: #fff; padding: 8px 14px; z-index: 2; display: table-cell; width: 100%; font-size: 100%; text-transform: uppercase; vertical-align: middle; transition: all .3s; border: 2px solid #FFFFFF; font-weight: bold; background: rgba(0,0,0,0.5); text-shadow: 0 2px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(19, 18, 18, 0.38), 0 3px 13px -1px rgba(0, 0, 0, 0.08); border-radius: 2px;}
.about-amni8-float:hover a{background:#fff; color: #444!important;}
.about-amni8-float a i{font-weight:normal;margin-left:5px}
.about-amni8-wrpicon{display:block;margin:0 auto;position:relative;}
.extender{text-align:center;font-size:16px;    margin: 15px!important;}
.extender .about-amni8-icon{display: inline-block!important; border: 0!important; margin: 0!important; padding: 0!important; width: 32%!important;}
.extender .about-amni8-icon a{background: #ccc; display: inline-block; font-weight: 400; color: #fff; line-height: 32px; border-radius: 3px; font-size: 12px; width: 100%; border: 1px solid rgba(0,0,0,0.21); border-bottom-color: rgba(0, 0, 0, 0.27); text-shadow: 0 1px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0, 0, 0, 0), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0, 0, 0, 0.08);}
.extender .about-amni8-icon i{font-family:fontawesome;margin:0 3px 0 0}
.about-amni8-icon.fbl a{background:#3b5998}
.about-amni8-icon.twitt a{background:#19bfe5}
.about-amni8-icon.crcl a{background:#d64136}
.about-amni8-icon.fbl a:hover,.about-amni8-icon.twitt a:hover,.about-amni8-icon.crcl a:hover{background:#313B42}
.extender .about-amni8-icon:hover a,.extender .about-amni8-icon a:hover{color:#fff;}
.about-amni8-info{margin:10px 0 0 0;font-size:13px;text-align:center;}
.about-amni8-info p{margin:5px 0;font: 12px Droid Arabic Naskh;    color: #444;}
.about-amni8-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.about-amni8-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
.about-amni8-info h4:before,.about-amni8-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0, 0, 0, 0.08)}
.about-amni8-info h4:before {margin-right:-50%;text-align:left;}
</style>
<div class="about_blog">
<div class="inner_wrapper">
<div class="about-amni8-img">
<img alt="alwan may" class="img-responsive" height="auto" src="https://1.bp.blogspot.com/-SgMP9usY17o/Vq1wQUX40FI/AAAAAAAAA5Q/OOnHGeHuOL4/s1600/Festival-Of-Colors-People-HD-Wallpaper.jpg" width="300" />
<div class="aboutfloat-img">
<span class="about-amni8-float"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-user"></i> انضم لموقعنا</a></span></div>
</div>
</div>
<div class="about-amni8-info">
<h4>
تابعنا جديد موقعنا</h4>
تميز بلا حدود</div>
<div class="about-amni8-wrpicon">
<ul class="extender">
<li class="about-amni8-icon fbl"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-facebook fa-fw"></i> صفحتنا</a></li>
<li class="about-amni8-icon twitt"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-twitter fa-fw"></i> تابعنا</a></li>
<li class="about-amni8-icon crcl"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-google-plus fa-fw"></i> جوجل</a></li>
</ul>
</div>
</div>

التحكم في الاداة :


  1. - المحدد بالاحمر هو رابط الصورة في الخلفية .
  2. - المحدد بالاخضر غيره بالكلمات التي تناسبك .
  3. - المحدد بالبرتقالي # هي مكان وضع الروابط .




عن الكاتب

Moulai Amine ، مدون عربي جزائري الجنسية اصيب بجنون التدوين و متابعة الجديد و حب المنافسة في هذا المجال ، وأهتم بجديد التقنيات وتطوير البرامج هدفي من خلال هذه المدونة هو مشاركة كل ما اراه مناسب و جديد و يأتي بالفائدة على الجميع انشاء الله ،

التعليقات



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

إتصل بنا

عن الموقع

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

حمل تطبيقنا !

Get it on Google Play

تغريداتي

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

اَمني للمعلوميات