في هذه التدوينة أحببت أن أشاركك إطار أداة جميلة لجميع المواقع الإجتماعية في خلفية واحدة وإحترافية، الأداة بها تابعني على الفيسبوك وتويتر واليوتوب ثم النشرة البريدية ، مع تحديد مجموع متابعي مدونتك في جميع هاته المواقع .
ومشاهدة إضافات شبيهة بـهذه الإضافة أزرار تابعني على يوتوب،فيسبوك،تويتر و الخلاصة أو هذه الإضافة إضافة بلوجر إحترافية للمتابعة على المواقع الأجتماعية.
لتطبيق هاته الإضافة ماعليك فعله هو الذهاب إلى لوحة تحكم مدونتك وتقوم بالضغط على التخطيط ثم إضافة أداة واختيار HTML /JAVA SCRIPT وتقوم بوضع هذا الكود في الإطار وتضغط على حفظ.
<div class="widget-content">
<div class="suive">
<h1>إنضم لأزيد من<b>34.557</b> متابع!</h1>
<div class="icone">
<a target="_blank" href="http://facebook.com/chahidna"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMJf3rSfSiKyqGxSXAVu5C-m2feQPP18yVCbDYKxTrJTf0t2AQDto_uxV4wCmPm-iBpmSZfKmcwAmhXZdjgdATMEz0ef_8X-xS3-XrcmatjA-ZWpDMUvE7WyzFeEqSKRbmHLiHzXzpVUs/s1600/icoface.png" /></a>
<a target="_blank" href="http://twitter.com/chahidna"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGUCzwFjQ0S81bO8uEb95sJW_u4nht1dDS0WPIuSqbbX9yki3Fu_b_tpcHh0ue0KD0CBbMHe2j4oFrJ3S7vaGnz1BrOtpOQ8FP-1THw797K2iqhuQJETMrgPbcCTTrurOQZy3B4iN4XQ/s1600/icotw.png" /></a>
<a target="_blank" href="http://www.youtube.com/user/forfayssal2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hAOskcngyKNN_5gRHb_pXjNeTe_xg0LH-45NqpkTkRf72gChdRP4bHdlweGiwPZUIH09iHnp5HIzTdkxObsXkgr8zSMPVoaKQl806IbLydF7i09uB6wLNS7ECOQ6ICTgjQje09yllY4/s1600/icoyoutube.png" /></a>
<a target="_blank" href="http://feedburner.google.com/chahidna"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8LNVLRHjHS9SBVyvsK1jh82-tRvGxEVNIMN8kIHOBxOPNtULwkXcPNu4HhP0uxCcf6EGn8iKyrsW1xzLJhRUctPyWOBZVo6KKijwxGX2dKngtY4w5vhrAd-H-3BymVEqq2Ts111pFh7c/s1600/48.png" /></a>
</div>
</div>
<style media="screen" type="text/css">
.suive{
width:300px;
height:123px;
background: #FFFFFF; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f3f2f2 0%, #d0d0d0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f2f2), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3f2f2 0%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3f2f2 0%,#d0d0d0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3f2f2 0%,#d0d0d0 100%); /* IE10+ */
background: linear-gradient(top, #f3f2f2 0%,#d0d0d0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f2', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-8 */
border-radius:5px;
}
.suive h1{
font-size:22px;
font-family:Arial;
font-weight:500;
color:#828181;
text-align:center;
padding:10px;
margin:0;
}
.suive h1 b{
color:#ff9000;
}
.suive .icone{
height:42px;
padding-right:40px;
}
.suive .icone a img{
float:right;
margin-left:20px;
-webkit-transition: margin 0.2s ease-in-out;
-moz-transition: margin 0.2s ease-in-out;
-o-transition: margin 0.2s ease-in-out;
-ms-transition: margin 0.2s ease-in-out;
transition: margin 0.2s ease-in-out;
}
.suive .icone a img:hover{
margin-top:-3px;
}
</style>
</div>
قم بـتغير مايناسبك الدي باللون الأحمر
