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

الجمعة، 2 أغسطس، 2013

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

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



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

الشرح 
اولأ اذهب الي لوحة التحكم
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='http://1.bp.blogspot.com/-q_c63EIPwvc/Ufp6-Lqq-SI/AAAAAAAAAyI/cxu_V8lq2d4/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='http://1.bp.blogspot.com/-Ri-7SGNYi4g/Ufp6_JEDjwI/AAAAAAAAAyc/njCf0rM4Pd8/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='http://2.bp.blogspot.com/-dnCnja4wy4o/Ufp6-BBEAFI/AAAAAAAAAyE/HlxF_4fsmfk/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='http://3.bp.blogspot.com/-Nq0gUA1g15s/Ufp6-IRYyOI/AAAAAAAAAyU/KzTZPUvpZ3M/s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li>
</ul></div>
وغير الأحمر بما يناسبك ثم احفظ القالب وبكدة تكون خلصت ومبروك عليك الأضافة ولو في اي استفسار انا موجود
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-

Team SB
النشر بواسطة: عبد الرحمن مصطفي

0 التعليقات:

POST A COMMENT

Contact Us

الاسم

بريد إلكتروني *

رسالة *

 

أرشيف المدونة الإلكترونية

المتابعون

Copyright © . eg-y. All Rights Reserved.
Designed by :-Way2themes