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

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

فان الكود يضم اتبعنا علي صفحة الفيس وصفحة تويتر واضفنا الي الدائر الخاص بك في جوجل بلس ومتابعة عبر بينتيريست مما يساعد الزائر علي مساعدة تتبع اي جديد في المدونة لذا فهو كود مهم ما عليك الأ اتباع الشرح
وسوف اضع شرح  بالتفاصيل لكي اسهل الأمر

الشرح 
اولأ اذهب الي لوحة التحكم
1- ثم قالب
2-تحرير html
ابحث عن الكود </head> باستخدام ctrl+f

ثم ضع الكود القادم قبلها

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script language='javascript'> 
var name = &quot;#floatMenu&quot;;
var menuYloc = null;
$(document).ready(function(){menuYloc = 
parseInt($(name).css(&quot;top&quot;).substring(0,$(name).css 
(&quot;top&quot;).indexOf(&quot;px&quot;)))
$(window).scroll(function () { offset = menuYloc+$(document).scrollTop()+&quot;px&quot;;$(name).animate({top:offset},{duration:1000,queue:false});});}); 
#floatMenu {
position:absolute;top:150px;float:left;width:45px;}
#floatMenu ul {list-style: none;}
#floatMenu ul li a {-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.8;}
#floatMenu ul li a:hover {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity: 1;}
</style>

وبعدين  ابحث عن </body> 
ثم ضع قبلها الكود القادم

<div id='floatMenu'>
<ul>
<li><a href='http://facebook.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6mBt4v0C6P2ug5rrdaJf6YzQ3YsbOd6tZtDm7aqMgwayETm2dGrT6qwZPOM7JKOIeKdLCw4QpJqHxoPIdGDeQpbB3euBvGDEca5w8EGxOLDxcLL4CI79h8IVhpiHK1bn1omECB9B9pks/s1600/btrix-facebook.png' style='margin-bottom: 3px;' title='Follow Me On  Facebook'/></a></li>
<li><a href='http://twitter.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjhhCfxhWl8_WsXVZWgAmPUeqStjYZ-wK1b74CGS40DyI6VIJWr3hKSvNvrfZLeSQ5kLDiKiU0XLZx5pGgbB_dO4qaqY-AY88BZaFUHCao-9iG7P_jm2hg84fg8_290es55eUjiT1m4pM/s1600/btrix-twitter.png' style='margin-bottom: 3px;' title='Follow Me On  Twitter'/></a></li>
<li><a href='http://pinterest.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPIuemUNUxW6QYwMVQJaELnYliGiQxPxvxd5s_vtA6Xhd3HpwwsfxRJxv3oMzWfPdXzY_hN4CPWjIh7AtWD95-u_0028m77hn7mcAAZa8xUWPtmFbJwdJr0oN_BntacXlXFT1zj1AQJVA/s1600/btrix-pinterest.png' style='margin-bottom: 3px;' title='Follow Me On  Pinterest'/></a></li>
<li><a href='https://plus.google.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3qtt6uurmx8dIPA_u3KBhwnqVqwBDC30QiETq9Wd3HcpfTIplkKGGMBpUbhZ_wSBpBATgt_OgSUsgfXhCIgOLAGozNaouTL3hyi8W8B1bvvPQSCU-xpg8pwT2N95o2_3svAFvLftdzk/s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li>
</ul></div>

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

منشورة في: اضافات بلوجلر