» » اضافة شريط المواقع الإجتماعية مع زر العودة للأعلي
الأحد، يونيو 1

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

 مرحبا بكم في موضوع مخصص لمدونات بلوجر اليوم سأقدم
اضافة جميلة حيث تجمع هذه الإضافة  بين زر العودة للأعلى 
وأزار الاشتراك في المواقع الاجتماعية الشهيرة.
 ندخل في صلب الموضوع لمشاهدة شكل الإضافة:
طريقــة تركــيـب الإضافة
توجه الي لوحة تحكم مدونتك ثم الي قالب>> تحرير 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>$(&#39;#fixed-bar&#39;).hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()&gt;600){$(&#39;#fixed-bar&#39;).slideDown(200)}else{$(&#39;#fixed-bar&#39;).slideUp(200)}});$(&#39;.go-top&#39;).click(function(){$(&#39;html,body&#39;).animate({scrollTop:0},1000);return false})});</script>
<script>var _gaq=_gaq||[];_gaq.push([&#39;_setAccount&#39;,&#39;UA-20868082-3&#39;]);_gaq.push([&#39;_trackPageview&#39;]);(function(){var ga=document.createElement(&#39;script&#39;);ga.type=&#39;text/javascript&#39;ga.async=true;ga.src=(&#39;https:&#39;==document.location.protocol?&#39;https:var s=document.getElementsByTagName(&#39;script&#39;)[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>$(&#39;#fixed-bar&#39;).hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()&gt;600){$(&#39;#fixed-bar&#39;).slideDown(200)}else{$(&#39;#fixed-bar&#39;).slideUp(200)}});$(&#39;.go-top&#39;).click(function(){$(&#39;html,body&#39;).animate({scrollTop:0},1000);return false})});</script>
<script>var _gaq=_gaq||[];_gaq.push([&#39;_setAccount&#39;,&#39;UA-20868082-3&#39;]);_gaq.push([&#39;_trackPageview&#39;]);(function(){var ga=document.createElement(&#39;script&#39;);ga.type=&#39;text/javascript&#39;ga.async=true;ga.src=(&#39;https:&#39;==document.location.protocol?&#39;https:var s=document.getElementsByTagName(&#39;script&#39;)[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              
 انتهى الموضوع بفضل اللــه تعالى و توفيقــه 
 و لم يتبقى سوى تعليقاتكم المشجعة عليه و الاستفسارات الهادفة للتطوير و 
الوصول الى المراد بالأسلوب الحضارى بترك تعليق تشرح فيه ما تريد
من فضلك اضغظ لايك لمشاهدة لينك التحميل
الكاتب:

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

  1. ismail1 يونيو 2014 في 6:23 م

    شطرا لك أخي .. مبدع كالعادة

    ردحذف
    الردود
    1. Mouhamed1 يونيو 2014 في 7:21 م

      أشكرك كثيراً على هذا المرور الطيب تحياتي ياغالي =g

      حذف
  2. Ahmed Mostafa1 يونيو 2014 في 6:26 م

    اضافة رائعة

    ردحذف
    الردود
    1. Mouhamed1 يونيو 2014 في 7:23 م

      أشكرك كثيراً على هذا المرور الطيب =r

      حذف
  3. Unknown1 يونيو 2014 في 6:27 م

    gooooooooooooooooood

    ردحذف
    الردود
    1. Mouhamed1 يونيو 2014 في 7:25 م

      شكــرا عليــ المــرور الكريم أخي يوسـف =q

      حذف
  4. Mouhamed1 يونيو 2014 في 7:27 م

    تسلم أخي أحمد علي مرورك الطيب =q تحياتي ياغالي =r

    ردحذف
  5. Unknown1 يونيو 2014 في 10:46 م

    اضافة جميل وشرح مهفوم اتمنى لك التوفيق وأخيراً لاتنسى زيارتنا وشكراً جزيلاً
    http://abdu-mohtarif.blogspot.com/

    ردحذف
    الردود
    1. Mouhamed2 يونيو 2014 في 5:25 ص

      شكرا أخي عبدو علي المرور الطيب وان شاء الله سوف اشرفك با زيارتي
      لمدونتك انشاء الله تحياتي ياغالي =r

      حذف
  6. Unknown2 يونيو 2014 في 3:43 ص

    إضافة جميلة جدا

    ردحذف
    الردود
    1. Mouhamed2 يونيو 2014 في 5:30 ص

      تشرفت بمرورك أخي رامي أهديك هذه الزهرة من كل قلبي =r

      حذف
  7. Unknown2 يونيو 2014 في 3:43 ص

    تسلم أخي

    ردحذف
    الردود
    1. Mouhamed2 يونيو 2014 في 5:27 ص

      سلمك الله من كل سوء شكرا لك علي المرور الطيب =u

      حذف
  8. amine2 يونيو 2014 في 11:38 ص

    شكرآ لك اخي موضوع في المستوي

    ردحذف
    الردود
    1. Mouhamed3 يونيو 2014 في 5:23 م

      تسلم أخي أمين علي مرورك الطيب =q تحياتي ياغالي =r

      حذف
  9. Unknown2 يونيو 2014 في 11:47 ص

    موضوع قيم لك ألف شكر أخي نزار

    ردحذف
    الردود
    1. Mouhamed3 يونيو 2014 في 5:24 م

      شكرا أخي فهد علي المرور الطيب بورك فيك =r

      حذف
  10. Unknown3 يونيو 2014 في 4:39 م

    شكراً لك على الإضافة صراحة موضوع جيد واصل أخي
    http://keekma.blogspot.com/

    ردحذف
    الردود
    1. Mouhamed3 يونيو 2014 في 5:26 م

      أشكرك كثيراً على هذا المرور الطيب تحياتي ياغالي =n

      حذف
  11. Admin3 يونيو 2014 في 5:48 م

    السلام عليكم ورحمة الله وبركاته
    عمل طيب اخي محمد ربي يوفقك يا طيب =q
    تحياتي

    ردحذف
    الردود
    1. Mouhamed3 يونيو 2014 في 7:00 م

      تسلم أخي عمرو علي مرورك الطيب تحياتي ياغالي تحياتي =r

      حذف
  12. Mohamed Hashem7 يوليو 2014 في 4:11 م

    شكرا اخى شرفنا بزيارتك لنا
    ....
    www.m7loma.co.vu

    ردحذف
    الردود
    1. Mouhamed7 يوليو 2014 في 4:24 م

      تسلم أخي محمد علي مرورك الطيب تحياتي ياغالي =r

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب وعدم نشر روابط إشهار حتى ينشر التعليق
ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =s =d =f =g =h =t =y =u =z =x =c =v =b =n =a =e =r

الاشتراك في: تعليقات الرسالة (Atom)

حقوق الملكية

تحذير! حقوق الملكية لجميع الملفات نحن لا تستضيف أي من الأفلام او مسلسلات او ملفات الفيديوعلى خوادمنا إذا كان لديك أي مشاكل يرجى الاتصال بمالك تلك المواقع والاهتمام بابلاغنا من هنا  لحذفها حفاظا علي حق الملكية الفكرية! Warning! Link the video files to another website is prohibited! We DO NOT hosting any films/movies on our servers All movies are hosted on other servers if you have any problems please contact the owner! .