اضافة تابعنا على شبكاتنا الإجتماعية بشكل جديد 2013

كيفية اضافة الأداة ؟

من لوحة التحكم للمدونة نختار التخطيط ثم نختار اضافة أداة ثم نختار اداة HtmlJavaScript

نقوم بلصق الكود التالي

الكود بلغة Html

<style>
 .social-icone{ height:108px; background-image:url(http://www.m3infos.blogspot.com);}
.social-icone div{ margin: 8px 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3; }
.you-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNeOwUXQmrRtW8qQjm3xkp1nZ7bhyphenhyphenOnko6XEOJ5JmUR-FO1mAOKMRZUpixpyO8lfLRxkW9dXEvA4agl67k5iXPzhBiBcCssHqiP30ftLK92P-n4Ke2VWshREjaovxer2jNSeaWQfQUTww/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD8O_MhanJwIlJ6Rgyl7hYOF_4NgNinYonGWIMcF5FatDDGMkJcQG50gvad2ZMTjweBPf4a39j2rknyp3Ik_abM4cJdadlm_UoI41fqhxhkOUpgFNw_V-lg6esE_sBzvYrihmYwgO5WqI/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjna1xRTspC23Tkmlatk0lJ_9ttvria9N63UsimO1HULdZ_pH-3YBpQy2r8H2nlrIZlxu8zmYCkBrSW_l2xRZEO-NA4h0qxAP58eAMW0S_lVld2gNFxVcLlNFJOvediJlJtTkuAatA0cu0/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIV-f3lzLpWZdacZtlNe7Nxl7_LC5BemYpKPlcIm3YU3mfBOZ7XEmv-OEl_0Eb-G9EmFsdpMcbzyT6DfwoKadEAhyphenhyphen3UzpWx7b5w5d1z62uV3vMHVRnKUxBSgBXrV1yI2E5ct9eBtDLMo/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_7r-StgzCvRKWMXVg4XNLeySH8-X4fsRESgOXnog2TglNEfpekrbcJSNEDFPLVP20G3j6FRIS4WoMdzrFEdCVdnrElBsvLnrDFQkjVfhJCEyvXdlDlwWSi0gQt1TauXKL2qswj89JII/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhs-aYyvDYRlr_6K3OU9KhfM9uCA7TPxv67d-niTo7ic-Dv3vTdHI6HgVEKC-wXV6prc6zT96i16nt-dD8cON_v8N0kvFU6WahmeQ331CemB_urlkvGtIRXNKxiJniBA6U6nOQ19Kv4lU/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX48XgsSdnKm4oqyRem17A97w-JEfgFfEZvyG6oUQpvNG9V8MQ3TdtDe-fUm7rqh0QTTKOhsbOFE2emvgR7WSMQdAy8UAmsl188oYqM7etbbBcacJVO708j441CLusxGFf7a0_thAgOJs/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLGvNVUmhyrBfFwfbChtmloW8-JAsPfzewAtkr1NT1xhhNP4U1cGU9Xau4of2M4Wismao8BNYzAY37VycNxwJNv_CmMamSK7x_h3IjNRXpAfPW8lEsSfWyfWQeUSNlK7Vx46paBkDp3jY/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
</style>

<div class="social-icone">
<a href="http://www.twitter.com/iimadrafaii">
<div class="twt-icone">
<b>4541</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/imad.rafai.ma">
<div class="face-icone">
<b>+12 ألف</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/blogspot/NvNEB">
<div class="rss-icone">
<b>252</b>
<span>مشترك</span>
</div>
</a>
</div>

كيفية التعديل على الكود ؟

غير iimadrafaii إلى رابط التويتر الخاص بك

غير imad.rafai.ma إلى رابط الفايسبوك الخاص بك

غير http://feeds.feedburner.com/blogspot/NvNEB إلى رابط الخلاصات الخاص بك

و أيضا :

غير +12 ألف إلى الرقم الذي يناسبك

غير 4541 إلى الرقم الذي يناسبك

غير 252 إلى الرقم الذي يناسبك

قم بالحفظ وتمتع بالإضافة الجديدة

شجعنا بلايك أو بمشاركة على المواقع الإجتماعية

عن التدوينة :

عن المدون

أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :

روابط التدوينة قابلة للنسخ و اللصق :

Url :

Html :

BBC :