السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة اضافة كود انضم الينا عبر المواقع الاجتماعية بلوجر بجانب المدونةوسوف اضع شرح بالتفاصيل لكي اسهل الأمر
الشرح
اولأ اذهب الي لوحة التحكم
1- ثم قالب
2-تحرير html
ابحث عن الكود </head> باستخدام ctrl+f
ثم ضع الكود القادم قبلها
وبعدين ابحث عن </body> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script language='javascript'>
var name = "#floatMenu";
var menuYloc = null;
$(document).ready(function(){menuYloc =
parseInt($(name).css("top").substring(0,$(name).css
("top").indexOf("px")))
$(window).scroll(function () { offset = menuYloc+$(document).scrollTop()+"px";$(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>
ثم ضع قبلها الكود القادم
<div id='floatMenu'>وغير الأحمر بما يناسبك ثم احفظ القالب وبكدة تكون خلصت ومبروك عليك الأضافة ولو في اي استفسار انا موجود
<ul>
<li><a href='http://facebook.com/***' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-6LMN7g62CZaPBTqwdOR4HFPYowbyR8zobnsL2c-12TPlVvY1U8doaTN6DaQVbdIkGZbHCiVgTjQv0OBgQDvd5psJMieTNCex9_joyvpB7THBzkv5oQxUw5Upguxpb9P0VIqsA0XjVEI/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/AVvXsEiPugTziEeIE3y8TcLYIIPQKR5GYIJ1yKMU307fdEwBZ4ep5tTFwv97jJZClPCXEC5R8GY6YhPk5xdWnYJ55ycqdmVmYzYV6GzvKunTpzcyfPduBO8pN_w19P32eHvS72oS6Xj6EnAbB0g/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/AVvXsEh_NdoWejfNmdpsYCjZ3a6uTUIK9-4kiXWcz9Jh3Wq6Z1MlaqfHpxd_Efz7yj_8dXnhc19k38aFLf5qQYLKoK_otHTSmTETgvFYep1i9F3mDWse6sekbJPS5DexjQyFTYZwcFpcFHGcJAQ/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/AVvXsEg0CL2fjaV4gAH0y52w4jt3hYAXlpBf71GpOfv7L_wpJWP9RC6zHh-VtgSbTO-DA24zr5OIOMsQ5vGJxtAHC72oeNbJPl3HrjcBuOwUzQH7c794KnBU0zbYtc6icY_NcnoiNz9g1F2J-Ow/s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li>
</ul></div>
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-
0 التعليقات:
POST A COMMENT