TEA Program 2014: اضافة شريط المواقع الإجتماعية مع زر العودة للأعلي

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

اضافة جميلة حيث تجمع هذه الإضافة بين زر العودة للأعلى

وأزار الاشتراك في المواقع الاجتماعية الشهيرة.

ندخل في صلب الموضوع لمشاهدة شكل الإضافة:

مــعايــنـة الإضـافـة

طريقــة تركــيـب الإضافة

توجه الي لوحة تحكم مدونتك ثم الي قالب>> تحرير html >>

توسيع القالب ابحث عن <head>

وضع بعدها سطر مكتبة الجيكوري التالي :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/>

ملاحظة: اذا كان السطر موجود في مدونتك مسبقاً لا تقم بإضافته

الأن نبحث عن </body> في القالب ونضيف قبلها الكود التالي:

<div class='codeBox' dir='ltr'>
<div id='fixed-bar'>
<div class='bottom-wrapper'>
<a class='go-top first' href='#page-header'><img alt='go top' src='http://3.bp.blogspot.com/-cBnkdgGehf4/TzyKY265xwI/AAAAAAAACfQ/ZZvzUQrG7m4/s1600/up_3038.png'/></a>
<a href='https://plus.google.com/101525269121652260169' target='_blank' title='see on google+'><img alt='google+ page' src='http://2.bp.blogspot.com/-BOc1ZCoB-Jw/TzyKYBnrVyI/AAAAAAAACe4/QgKgsc7um4c/s1600/gplus_3838.png'/></a>
<a href='https://www.facebook.com/bouzoume11' target='_blank' title='share with friends'><img alt='facebook' src='http://4.bp.blogspot.com/-lDVnV-OnEv4/TzyLhYc4yPI/AAAAAAAACfc/I7_buv1xxEM/s1600/facebook_3838.png'/></a>
<a href='https://twitter.com/blogbzm' target='_blank' title='follow me'><img alt='twitter' src='http://1.bp.blogspot.com/-mtVDHUkGUJs/TzyKYrJkNbI/AAAAAAAACfI/zXM9SKO2BFU/s1600/twitter_3838.png'/></a>
<a href='/feeds/posts/default' title='get updates'><img alt='rss' src='http://1.bp.blogspot.com/-l4C-DinWEr4/TzyKX4M7TvI/AAAAAAAACes/YDtzN-oPjYs/s1600/rss_3838.png'/></a>
</div>
</div>
<script>$('#fixed-bar').hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()>600){$('#fixed-bar').slideDown(200)}else{$('#fixed-bar').slideUp(200)}});$('.go-top').click(function(){$('html,body').animate({scrollTop:0},1000);return false})});</script>
<script>var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-20868082-3']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript'ga.async=true;ga.src=('https:'==document.location.protocol?'https:var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();</script>
<style>
#fixed-bar {
position: fixed;
bottom: 0;
z-index: 100;
width: 100%;
height: 38px;
clear: both;
margin: 0;
padding-bottom: 4px;
background-color: #333;
overflow: hidden;
left: 0px;
}
#fixed-bar a {
float: right;
margin: 0;
padding: 0;
background-color: #333;
}
#fixed-bar a.first {
float: left;
margin-top: -1px;
}
.bottom-wrapper {
max-width: 92%;
width: 960px;
margin: 0 auto;
}
</style></div>
<div class='codeBox' dir='ltr'>
<div id='fixed-bar'>
<div class='bottom-wrapper'>
<a class='go-top first' href='#page-header'><img alt='go top' src='http://3.bp.blogspot.com/-cBnkdgGehf4/TzyKY265xwI/AAAAAAAACfQ/ZZvzUQrG7m4/s1600/up_3038.png'/></a>
<a href='https://plus.google.com/101525269121652260169' target='_blank' title='see on google+'><img alt='google+ page' src='http://2.bp.blogspot.com/-BOc1ZCoB-Jw/TzyKYBnrVyI/AAAAAAAACe4/QgKgsc7um4c/s1600/gplus_3838.png'/></a>
<a href='https://www.facebook.com/bouzoume11' target='_blank' title='share with friends'><img alt='facebook' src='http://4.bp.blogspot.com/-lDVnV-OnEv4/TzyLhYc4yPI/AAAAAAAACfc/I7_buv1xxEM/s1600/facebook_3838.png'/></a>
<a href='https://twitter.com/blogbzm' target='_blank' title='follow me'><img alt='twitter' src='http://1.bp.blogspot.com/-mtVDHUkGUJs/TzyKYrJkNbI/AAAAAAAACfI/zXM9SKO2BFU/s1600/twitter_3838.png'/></a>
<a href='/feeds/posts/default' title='get updates'><img alt='rss' src='http://1.bp.blogspot.com/-l4C-DinWEr4/TzyKX4M7TvI/AAAAAAAACes/YDtzN-oPjYs/s1600/rss_3838.png'/></a>
</div>
</div>
<script>$('#fixed-bar').hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()>600){$('#fixed-bar').slideDown(200)}else{$('#fixed-bar').slideUp(200)}});$('.go-top').click(function(){$('html,body').animate({scrollTop:0},1000);return false})});</script>
<script>var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-20868082-3']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript'ga.async=true;ga.src=('https:'==document.location.protocol?'https:var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();</script>
<style>
#fixed-bar {
position: fixed;
bottom: 0;
z-index: 100;
width: 100%;
height: 38px;
clear: both;
margin: 0;
padding-bottom: 4px;
background-color: #333;
overflow: hidden;
left: 0px;
}
#fixed-bar a {
float: right;
margin: 0;
padding: 0;
background-color: #333;
}
#fixed-bar a.first {
float: left;
margin-top: -1px;
}
.bottom-wrapper {
max-width: 92%;
width: 960px;
margin: 0 auto;
}
</style></div>

♦ التعديلات المتاحة على الإضافة ♦

1- الفيسبوك ابحث عن bouzoume11 سوف تجده مكرر مرتان

2- تويتر ابحث عن blogbzm سوف تجده مكرر مرتان

3- جوجل بلس ابحث عن 101525269121652260169

انتهى الموضوع بفضل اللــه تعالى و توفيقــه

و لم يتبقى سوى تعليقاتكم المشجعة عليه و الاستفسارات الهادفة للتطوير و

الوصول الى المراد بالأسلوب الحضارى بترك تعليق تشرح فيه ما تريد

TEA Program 2014

Sunday, June 1, 2014

اضافة شريط المواقع الإجتماعية مع زر العودة للأعلي

No comments:

Post a Comment

شبكة مل وشركاؤه