-->

زيادة متابعين تيك توككتابيعروض المالديفسؤال وجوابعروض العثيم

إضافة نوافذ المفضلات الإجتماعية الجانبية لمدونات بلوجر

عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته سوف نتطرق في هذه التدوينة إلى كيفية إضافة الأزرار الجانبية للمواقع الإجتماعية : الفيسبوك ،جوجل بلس ، تويتر ،والبريد RSS ,وهي عبارة عن إضافة واحدة تحتوي على 4 إضافات في آن واحد حيث أنها تتميز في كونها لا تأخذ حيزا كبيرا في تنسيق المدونة .
والآن أترككم مع كيفية تطبيق هذه الإضافة على مدونكم .





قم بالبحث عن الكود التالي :


]]></b:skin>
ثم قم بلصق هذا الكود قبله :


/* www.abu-iyad.com
----------------------------------------------- */
img,a{border:0}#on{visibility:visible}#off{visibility:hidden}#facebook_div{width:196px;height:340px;overflow:hidden}#twitter_div{width:246px;height:353px;overflow:hidden}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px}#knfeedburner_div{width:300px;height:97px;overflow:hidden;margin-top:5px;margin-left:-4px}#kakinetwork_div{width:300px;height:97px;overflow:hidden}#facebook_right{z-index:10005;border:2px solid#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px}#facebook_right img{position:absolute;top:-2px;left:-35px}#facebook_right iframe{border:0px solid#3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px}#twitter_right{z-index:10004;border:2px solid#6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0}#google_plus_right{z-index:10003;background-color:#F2F2F2;border:2px solid#006ec9;border-top:2px solid#0056a0;border-bottom:2px solid#0056a0;border-right:2px solid#0056a0;border-left:hidden;width:152px;height:97px;position:fixed;right:-154px}#google_plus_right_img{position:absolute;top:-2px;left:-33px;border:0}#feedburner_right{z-index:10003;background-color:#fefefe;border:2px solid#5b5b5b;border-top:2px solid#5b5b5b;border-bottom:2px solid#5b5b5b;border-right:2px solid#5b5b5b;border-left:hidden;width:300px;height:97px;position:fixed;right:-303px}#feedburner_right_img{position:absolute;top:-2px;left:-33px;border:0}#kakinetwork_right{z-index:10003;border:2px solid#303030;background-color:#fff;width:300px;height:97px;position:fixed}#kakinetwork_right img{position:absolute;top:-2px;left:-101px}#facebook_left{z-index:10005;border:2px solid#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px}#facebook_left img{position:absolute;top:-2px;right:-35px}#facebook_left iframe{border:0px solid#3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px}#twitter_left{z-index:10004;border:2px solid#6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0}#google_plus_left{z-index:10003;background-color:#006ec9;border:2px solid#006ec9;border-top:2px solid#0056a0;border-bottom:2px solid#0056a0;border-left:2px solid#0056a0;border-right:hidden;width:152px;height:97px;position:fixed;left:-154px}#google_plus_left_img{position:absolute;top:-2px;right:-33px;border:0}#feedburner_left{z-index:10003;background-color:#fefefe;border:2px solid#5b5b5b;border-top:2px solid#5b5b5b;border-bottom:2px solid#5b5b5b;border-left:2px solid#5b5b5b;border-right:hidden;width:300px;height:97px;position:fixed;left:-303px}#feedburner_left_img{position:absolute;top:-2px;right:-33px;border:0}#kakinetwork_left{z-index:10003;border:2px solid#303030;background-color:#fff;width:300px;height:97px;position:fixed}#kakinetwork_left img{position:absolute;top:-2px;right:-101px}.box-title1{border:1px solid#ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:5px 5px 5px#CCCCCC;-moz-box-shadow:5px 5px 5px#CCCCCC;box-shadow:5px 5px 5px#CCCCCC;padding:10px;margin:10px 0}.enteryouremail{background:#fff!important;border:1px solid#d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:165px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0px}.submitbutton{background:#F2F2F2;border:1px solid#F66303;-webkit-box-shadow:3px 3px 3px#666;box-shadow:3px 3px 3px#666;font:bold 12px Arial,sans-serif;color:#000000;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer}

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

<style>
img,a {
border: 0;}
#on {
    visibility: visible;}
#off {
    visibility: hidden;}
#facebook_div {
    width: 196px;
    height: 340px;
    overflow: hidden;}
#twitter_div {
    width: 246px;
    height: 353px;
    overflow: hidden;}
#google_plus_div {
    width: 152px;
    height: 97px;
    overflow: hidden;
    margin-right: -50px;
    margin-top: 10px;}
#knfeedburner_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: -4px;}
#kakinetwork_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
}/* right side style */#facebook_right {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    right: -200px;}
#facebook_right img {
    position: absolute;
    top: -2px;
    left: -35px;}
#facebook_right iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left: -2px;
    top: -3px;}
#twitter_right {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    right: -250px;}
#twitter_right_img {
    position: absolute;
    top: -2px;
    left: -35px;
    border: 0;}
#google_plus_right {
    z-index: 10003;
    background-color: #F2F2F2;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    border-left: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    right: -154px;}
#google_plus_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;}
#feedburner_right {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-right: 2px solid #5b5b5b;
    border-left: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;}
#feedburner_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;}
#kakinetwork_right {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;}
#kakinetwork_right img {
    position: absolute;
    top: -2px;
    left: -101px;
}/* left side style */#facebook_left {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    left: -200px;}
#facebook_left img {
    position: absolute;
    top: -2px;
    right: -35px;}
#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    right: -2px;
    top: -3px;}
#twitter_left {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    left: -250px;}
#twitter_left_img {
    position: absolute;
    top: -2px;
    right: -35px;
    border: 0;}
#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    border-right: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    left: -154px;}
#google_plus_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;}
#feedburner_left {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    border-right: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;}
#feedburner_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;}
#kakinetwork_left {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;}
#kakinetwork_left img {
    position: absolute;
    top: -2px;
    right: -101px;}
.box-title1 {
    border: 1px solid #ddd;
/*border-radius*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
/*box-shadow*/
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding: 10px;
    margin: 10px 0;}
.enteryouremail {
    background: #fff !important;
    border: 1px solid #d2d2d2;
    padding: 0px 8px 0px 8px;
    color: #a19999;
    font-size: 12px;
    height: 25px;
    width: 165px;
/*border-radius*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;}
.submitbutton {
    background: #F2F2F2;
    border: 1px solid #F66303;
/*box-shadow*/
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    font: bold 12px Arial, sans-serif;
    color: #000000;
    height: 25px;
    padding: 0 12px 0 12px;
    margin: 0 0 0 5px;
/*border-radius*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;}
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>
<div id="on">
 <div id="facebook_right" style="top: 18%;">
  <div id="facebook_div">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3AfTTVsnJQOXoe4CQ3BF4Tm7SKNSU72k51ltIUhN7uvbHA2PD0oyKhk3A30i2ETbKLmPCW-X73j3KtAPS0R0i9JaGRRok_xEvKW06hsamjxbNHVMXfrBchmgkZD9TQfd9n3tC93C_SxW2/s1600/facebook-icon.png" alt=""/>
   <iframe src="//www.facebook.com/plugins/likebox.php?
href=http%3A%2F%2Fwww.facebook.com%2Fabuiyad007&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true">
   </iframe>
  </div>
 </div>
</div>
<div id="on">
 <div id="twitter_right" style="top: 35%;">
  <div id="twitter_div">
   <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnSyW7npWKWmXRZyYT7qG3XhW9VnPrD7KTIQDkkIQoPfKIuVvW216WOuVpapwIQMCg91IAeL83lP2s7YRB8iA1JTmluy1FQzRztUlG_g4KL715Ti2u5n9_cM-n6KarV8bj3t6wcO2mwNQ2/s1600/twitter-icon.png"/>
  <a class="twitter-timeline" href="https://twitter.com/abuiyadBlog" data-widget-id="294793992640536576">Tweets by @abuiyadBlog</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </div>
 </div>
</div>
<div id="on">
 <div id="google_plus_right" style="top: 52%;">
  <div id="google_plus_div">
   <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWrYNEpTsNts0tDgNNDiRi1kxIYbt5T7AnJPUVHjiUAimAqBki6urR5cgBQoLvWUh_lspheFmNyykByB23dnxr-H8fTRFZuaEnA2fw51hDVxX5FNZuXRXt7mfd-DHKDTvKDPCG6jbwmWFe/s1600/google-plus-icon.png"/>
   <div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>
  </div>
 </div>
 <div id="on">
  <div id="feedburner_right" style=" top: 69%;">
   <div id="knfeedburner_div">
    <center>
    <h4 style="color:#F66303;">&#1587;&#1580;&#1604; &#1573;&#1605;&#1610;&#1604;&#1603; &#1608;&#1578;&#1608;&#1589;&#1604; &#1576;&#1605;&#1608;&#1575;&#1590;&#1610;&#1593;&#1606;&#1575; :</h4>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=feedburner/simo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
     <input gtbfieldid="10" class="enteryouremail" name="email" value="" onblur="if (this.value == &#39;&#39;) {this.value = &#39;&#1571;&#1583;&#1582;&#1604; &#1573;&#1605;&#1610;&#1604;&#1603; &#1607;&#1606;&#1575; ...&#39;;}" onfocus="if (this.value == &#39;&#1571;&#1583;&#1582;&#1604; &#1573;&#1605;&#1610;&#1604;&#1603; &#1607;&#1606;&#1575; ...&#39;) {this.value = &#39;&#39;;}" type="text"/>
<input value="feedburner/simo" name="uri" type="hidden"/><input value="&#1571;&#1585;&#1587;&#1604;" class="submitbutton" type="submit"/>
    </form>
    </center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhje3fhSKX8CBQGyG0-2XoRGiNqy5aWkn_lkEKPa3Xhkvh1Qyu9DavDATr1hvLdn45ukk-DA8FcBJDa5d1GYGcEtbaOybL0bQkUNp49Ugbn0cHrJ4K1l6-S7OqZDp5cqNHNoUZmCY9WMfw/s1600/rssfeed.png"/>
   </div>
  </div>
 </div>
</div>

 إستبدل ما لون باللون  البرتقالي  بحسابك علي الفيسبوك
إستبدل ما لون باللون الأزرق بحسابك على التويتر ولا تنسي تغيير هذه الأرقام 294793992640536576 هذه الأرقام هى الرقم التعريفي لحسابك ويمكنك الحصول عليه عن طريق إنشاء أداة على تويتر من هنا وباتباع الشرح بالفيديو التالى
إستبدل ما لون باللون الاحمر بحسابك علي الفيدبيرنر


وإذا أردت عمل الإضافة في جهة اليسار لا تضيف الأكواد السابقة فما عليك سوى الضغط على الزر الأزق أسفله  ثم إختر إسم مدونتك وسوف يتم تطبيق الإضافة مباشرة بعد ضغطك على إضافة عنصر واجهة المستخدم,لا تنسى تغيير حساباتك على الفيسبوك ،التويتر،والفيدبرنر كما تم شرحه سابقا





وأخيرا قم بحفظ الإضافة ،أتمنى أن تعجبكم بالتوفيق للجميع



تحدبثهنا شرح جديد يغطى مشكلاتكم ويضيف اليوتيوبإضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث

هناك 79 تعليقًا:

  1. جميل جدا و يالنوفيق دائماً

    ردحذف
  2. سؤال من فضلك : ينفع أجعل عدد تعليقات الفيسبوك و بلوجر واحد بمعنى يكون عدد التعليقات مجموع الاثنين

    ردحذف
  3. غير معرف3:10 ص

    جزاك الله خيرا ، كم هو درس مفيد و جميل
    تم التطبيق على مدونة عشر دقائق
    http://10minstv.blogspot.com

    جزاك الله خيراً

    ردحذف
  4. استاذنا القدير جزاك الله خير لكل ماتقوم به

    وسبق وان اقترحت لك اقتراح بخصوص كود عد المشاهدات او دوك عدد الزيارات الخاصة بكل موضوع

    وشكرا لهذه الاداءه الرائعة

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

    الرجاء تحديد الكلمات التي يتم تغييرها لكي اجعلها على يسار الصفحة وليست على اليمين . حاولت بشتى الطرق وللاسف .
    وشكرا لكل ماتبذله في مساعدتنا

    اخوك / سعد

    انتظر تعليقك الكريم

    ردحذف
  5. @سعد العامري

    مرحبا بك أخي أتمنى أن يفيدك هذا الشرح من مدونة الطالب من هنا

    ردحذف
  6. غير معرف5:07 م

    حمدالله على سلامتك يا ابو ايااااااااااااااااااااااااد التدوين كان على وشك البوظان بجد والله انا فرحت برجوعك وتدوينك تانى ويا رب متغبش علينا تانى لان بصراحه الكل عامل نفسه بيفهم ومحدش بيفهم غيرك والله يا ابو اياد

    ردحذف
  7. @Alfrsan-Tv
    الله يسلم يا أخي الكريم سعدت بطلتك وأتمنى أن أكون دائما في حسن ظن جميع متابعي المدونة

    ردحذف
  8. شكراا لك ابو اياد علي الإضافه
    وأهلا بعودتك مرة أخري

    ردحذف
  9. غفرالله لك ولوالديك على ماتقدم
    سؤال يابوأياد كيف الغي الأضافه السابقه لأنه موجوده عندي اضافة الفيسبوك وقوقل بلس

    ردحذف
  10. جزاك الله خيرا

    ولو ان الشرح صعباً بعض الشي وطويل ولكن سأحاول جاهدا التطبيق عليه

    وكنت اتمنى ان ترد على سؤالي الاخر وهو كيفية تحريك كود نوافذ المفضلات الى يسار الصفحة كما ذكرت لك سابقا

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

    الرجاء تحديد الكلمات التي يتم تغييرها لكي اجعلها على يسار الصفحة وليست على اليمين . حاولت بشتى الطرق وللاسف .
    وشكرا لكل ماتبذله في مساعدتنا

    اخوك / سعد

    انتظر تعليقك الكريم وجزاك الله الف خير

    ردحذف
  11. شرا جزيلا هدا ما كنت ابحث عنه

    ردحذف
  12. لكن انا لا عرف اسم الفيدبيرنر
    كيف اعرفه
    papa.paon.yahoo.com@gmail.com

    ردحذف
    الردود
    1. هنا شرح جديد يغطى مشكلتك
      إضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html

      حذف
  13. @le nouveau voleur
    جب أن تقوم بإنشاء حساب على الفيدبرنر للحصول على الرابط الخاص بمدونتك ،ويمكنك معرفة كيفية إنشاء الحساب من هنا

    ردحذف
  14. @سعد العامري
    بالنسبة للتغييرات لتحريك النوافد فهي كثيرة لكتابتها ،لهذا إرتأيت أن أضيف في آخر الموضوع طريقة تركيب الإضافة في جهة اليسار كما طلبت وذلك بالضغط علي الزر الأزرق في آخر الموضوع مع إستبدال حساباتك على الفيسبوك ،التويتر،والفيدبرنر كما تم شرحه سابقا وأعتذر لعدم تلبية طلبك سريعا بالتوفيق

    ردحذف
  15. غير معرف7:16 م

    يا ابو اياد انا عندى مشكله فى القالب بتاعى لا هما مشكلتين اول مشكله انى عاوز اغير الخلفيه البيضاء فى هاذا القالب http://alfrsan-tv.blogspot.com الخلفيه

    لكى اضع مكانها صوره لشهر رمضان بس بالله عليك قولى اغيرها ازاى لان رمضان قرب وانا نفسى احط صوره رمضانيه :))

    ردحذف
  16. غير معرف7:23 م

    ثانى مشكلخ ساقولها لك بعد حل هذى المشكله ان شاء الله
    انا عشمى فى ربنا ثم فيك

    ردحذف
  17. @Alfrsan-Tv

    لإضافة خلفية للمدونة ما عليك سوى البحث عن هدا الوسم
    body {
    ثم ضع تحته هذا الكود مع إدخال رابط صورة الخلفية التي تريد
    background: url("ضع هنا رابط الخلفية");

    ردحذف
  18. غير معرف1:19 ص

    يا رب يا ابو اياد يخليك ليا وللشعب كله بجد انتا احسن ابو اياد فى الدنيا كلها ربنا يخليك يا رب وما يحرمك من اى شئ كان نفسى يكنلى اخ زيك

    ردحذف
  19. غير معرف1:44 ص

    ابو اياد انا عاوز بعد ازن حضرتك اتحكم فى عرض وطول الخلفيه الى من ورا الى انتا اديتنى الكود بتاعها
    المشكله التانيه بص حضرتك الصوره دى
    http://www13.0zz0.com/2012/07/13/23/385275934.jpg
    انا عاوز بقى اظبط القالب على الخلفيه
    لو الشرح صعب قولى اديك القالب تعدل عليه انتا
    ومعلش استحملنى انا والله مش لاقى حد يساعدنى غيرك ربنا يخليك ليا يا رب

    ردحذف
  20. @Alfrsan-Tv


    بالنسبة لقياسات الخلفية ، يجب عليك إختيار خلفيات بقياسات أنت تريدها ببحثك في موقع جوجل للصور مع تحديد القياس الكبيير مثلا وهده الخلفية لمثال للخلفية التي كنت تضعها لكنها بحجم أكبر
    http://www.mazikao.a7babk.com/vb/imgcache/87156.png
    أما بالنسبة لتنسيق الهيدر إبحث عن الوسم
    #head {
    ثم ضع تحته
    margin: 0px 291px 0 20px;

    ثم إبحث عن رابط الهيدر
    من هنا

    سوف تجد في الكود القياس
    width='990'
    قم بإستبدال القيمة 990 بالقيمة 1000 ثم إحفظ القالب ،ولا تنسى عمل نسخة للمدونة قبل كل تعديل
    بالتوفيق

    ردحذف
  21. اضافة حلوه بس ما طلعت حلوه في مدونتي ., مدري فين الخطاء ..,
    يّ ليت تشوفهـآ ,

    هذا رابط مدونتي
    http://elham-ahmad.blogspot.com/

    ردحذف
  22. جزاك الله خيرا اخي ابو اياد

    ولكني لم اجد عن ما تتحدث عنه , فاين اجد الزر الازرق هذا لم يوجد غير زر كود البلوجر الازرق , ولا يوجد غيره ,

    حبذا لو تكتبه في الرد على هذا التعليق . لتميز لون الزر الازرق الذي تتكلم عنه .

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

    وجزاك الله عني وعن المسلمين خير الجزاء

    ردحذف
  23. @سعد العامري

    الزر الأزرق الأذي أقصده هو ذلك الزر الذي وجدته في آخر الموضوع والمكتوب عليه Add to blogger
    إضغط عليه ثم إختر إسم مدونتك من القائمة المنسدلة وسوف يتم تطبيق الإضافة مباشرة بعد ضغطك على إضافة عنصر واجهة المستخدم،لا تنسى تغيير حساباتك على الفيسبوك ،التويتر،والفيدبرنر كما تم شرحه سابقا

    ردحذف
  24. غير معرف3:48 م

    ابو اياد انا عاوز اكلمك على الاميل فى مشاكل كتير معايه ومحدش غيرك هيعرف يحلها ارجوك متبخلش عليا اميلى لتانى مره hoda_alngm70@yahoo.com

    ردحذف
  25. @Alfrsan-Tv
    هذا إميلي أخي
    mohamed@abu-iyad.com

    ردحذف
  26. غير معرف6:54 م

    طب دا ياهو ولا ايه بالظبط ؟

    ردحذف
  27. @Alfrsan-Tv
    هذا حاسابي الخاص على جوجل APPS تحصل عليه عند شرائك لنطاق للمدونة

    ردحذف
  28. غير معرف8:46 م

    يلهوووووى انا عاوز اكلمك دلوقتى اكلمك ازاى ؟

    ردحذف
  29. جزاك الله خيرا , على تفضلك بالشرح وشكرا لك

    ردحذف
  30. الســلام عليكم
    هل يمكننى حذف التبويب الخاص بتويتر , انا اريد Facebook ,rss ,GPlus فقط

    ردحذف
  31. كلمة شكراً .. قليلة بحقك

    ردحذف
  32. شكرا الك يا ابو اياد يا غالي
    بس ظهرت عندي مشكلة عدم فتح النافذه عند وضع الماوس عليها ارجو الحل
    رابط مدونتي للمعانية http://fkne-menk.blogspot.com/

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

    تمت الإضافة علي مدونة ويلكم ماما بنجاح ...

    ردحذف
  34. فى عندى مشكلة فى الأضافة الأضافة لآ تظهر فى الجنب ولكن تظهر مكان وضع الأداه وادى رابط المدونة http://el7lonline.blogspot.com/

    ردحذف
  35. السلام عليكم

    اخي بدال اللون البرتقالي الي هو حساب فيس بوك

    هل هو اضافة الايميل مثلا الي مسجل فيس بوك بيه ..مثلا g@yahoo.com

    او رابط الصفحة الخاص بحسابي

    مع جزيل الشكر والتقدير

    ردحذف
  36. @aous love
    يجب أن تضع رابط الصفحة كما هو مبين في هذا الرابط
    http://www.facebook.com/abuiyad007

    ردحذف
  37. اردت عمل الإضافة في جهة اليسار وقمت بالضغط على الزر الازرق واخترت المدونة
    المراد احدات التغيير فيها . لكن المشكلة ان الاضافة لم يعد بامكاني التحكم فيها
    كما ان خدمة التخطيط في المدونة اختفت

    ردحذف
  38. غير معرف7:52 ص

    السلام عليكم ورحمة الله
    وضعت اسم حسابي بتويتر في زر المدونة الجانبي لكنه لا يعمل
    مدونة كتب arabic-pdf.blogspot.com

    ردحذف
    الردود
    1. هنا شرح جديد يغطى مشكلتك
      إضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html

      حذف
  39. ظهرت عندي مشكلة عدم فتح النافذه عند وضع الماوس عليها ارجو الحل
    http://sport-akhbar.blogspot.com/

    ردحذف
  40. بارك الله فيك كنت ابحث عن هذه الاضافة لكن للاسف ظهر عندي خطأ في ايقونة الفيس بوك
    الرجاء المساعدة بارك الله فيك
    رابط للمعاينة
    http://alelaj.blogspot.com/

    ردحذف
  41. يعطيك الف عافيه أخوي

    انا طبقت شرحك كامل لكن وقفت عن الفيس بوك تفتح صفحة الفيس بوك لكن توجد هذه العبارة باللون الاحمر Could not retrieve the specified page. Please verify correct href was passed in.

    ولا ادري وش المشكله ليتك تساعدني أخوي ..

    ردحذف
  42. السلام عليكم ورحمة الله وبركاته
    أخي محمد أنا معاذ من مدينة فاس بالمغرب، أود بداية أن أشكرك جزيلا على مجهوداتك الطيبة لمساعدة المدونين على تطوير مدوناتهم، وأسأل الله أن يجزيك خيرا ويبارك فيك، وقد استفدت كثيرا من مواضيعك الرائعة؛ لكن عندي مشكلة مع هذه الإضافة في الموضوع أعلاه، حيث أنها لا تظهر عندي في متصفح فايرفوكس، مع أنها تعمل بدون مشاكل في باقي المتصفحات، فأرجو أن تدلني على الحل إن تمكنت من معرفة سبب المشكل.
    وأيضا عندي مشكلة أخرى مع المكون الإضافي لفيس بوك المتعلق بالتعليقات، حيث أن أي تعليق على أي موضوع بالمدونة يظهر أسفل كل المواضيع.
    وهذا رابط مدونتي لتعاين بنفسك المشكلتين:
    http://bassaer.blogspot.com
    أرجو أن تحضى رسالتي باهتمامك، كما أرجو ألا أكون قد أثقلت عليك؛ وجزاك الله خيراً
    والسلام عليكم ورحمة الله وبركاته

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

    ردحذف
  44. السلام عليكم و رحمة الله و بركاته

    شكرا على الاضافة الا ان فيها مشكلة و هي عندما طبقتها كان ند و ضع السهم على
    " facebook "
    يظهر لي هذا :


    Could not retrieve the
    specified page. Please verify
    correct href was passed in.


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

    1-

    pages/%D9%85%D8%AF%D9%88
    %D9%86%D8%A9-%D8%A8%D8%B1%D9%85%D8%AC%D9%86%D9%8A-%D8%A8%D9%84%D9%88%D9%82/345746422178546?ref=hl


    2-


    pages/مدونة-برمجني-بلوق/345746422178546?ref=hl



    ردحذف
  45. السلام عليكم
    ارجو المساعدة/اردت وضع الاضافه في اليسار وقمت بالضغط على الزر الازرق add to blog ووضعت رابط مدونتي وبعدها جائتني رسالة خطاء وذهبت لتفقد المدونة فوجدت الازرار موجودة على اليسار وعليها روابط مدونة ابو اياد،كيف اقوم بازالة هذة الازرار

    ارجو من الاخوة الكرام مساعدتي باسرع ما يمكن.
    آآآآسف بشدة على الاالة

    ردحذف
  46. @Mogtaba Almotaz
    أخي الفاضل توجه إلى تخطيط المدونة سوف تجد في الجانب الأيمن الأداة بإسم /Html Javascript إضغط على تحرير ثم قم بعمل التعديلات الضرورية كما تم شرحه في التدوينة

    ردحذف
  47. @أبو إيادمشكور يا ابو إياد يعطيك الف عافية،تم حل المشكلة يا معلم

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

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

    ردحذف
  50. شكرا على الموضوع الجميل

    ردحذف
  51. شكرا ابو اياد ع الشرح
    هي جميله
    الاضافه لكن تويتر
    لا يظهر عندي كما يظهر لديك

    ؟؟
    http://barcelona4y.blogspot.com/

    ردحذف
    الردود
    1. جرب هذا الشرح يغطى نقطة مشكلة تويتر
      إضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html

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

    لدي سؤال
    أنا عملت كل لي فوق

    كل شيئ يعمل تمام على الفايرفوكس وعلى IE8
    ولكن لا تعمل في chrome

    أي أفكار من فضلك ؟
    وشكرا مسبقا

    ردحذف
  53. اشتغلت فى مدونه ومش راضيه ابدا تشتغل فى التانيه

    ردحذف
  54. اخوي ابو اياد
    جزاك الله خير كل شي شغال تمام ولكن اضافة الفيس بوك
    بعد ما اعدل الحساب واضيف حسابي يظهر اشارة خطأ
    ولما اضيف حسابك تشتغل الاضافه تمام وكأنه لايوجد خطأ
    مادري منين المشكله ارجو افادتي وشككراً

    ردحذف
  55. أزال المؤلف هذا التعليق.

    ردحذف
  56. انا عملتها واشتغلت تمام بس
    المشكلة انها مش بتظهر غير فى الصفحة الرئيسية بس
    http://sportline95.blogspot.com/

    وشكراً

    ردحذف
  57. اخى ابو اياد باللون البرتقالى الى هوة الفيس بوك اعمل رابط
    صفحتى على الفيس بوك ولا رابط الرجيست بتاعى
    وشكراا ارجو الرد شكراا

    ردحذف
  58. تسلم أخي أبو إياد و الله روعة

    بس عندي مشكلة حيت يظهر الخط ف تويتر أسود جداً وغليض شيئاً ما أرجو المساعدة

    تقبل مروري

    ردحذف
  59. و ده بلوجر الخاص بي لمعاينة المشكلة

    http://thespaxpro-tutorial.blogspot.com/

    ردحذف
  60. سيدي ابو اياد لو تفضلت لدي مشكلة في وضع الاعلانات على مدونتي
    اريد وضع اعلانات جوجل ادسنس في اقصى يمين واقصى يسار المدونة
    وفي التخطيط لا توجد ايقونات لفعل دلك ارجو افادتنا وبارك الله فيك
    مدونتي informatique--top.blogspot.com
    الايميل abdoutd@gmail.com
    وبارك الله فيك

    ردحذف
  61. شكرا للاضافة الجميلة, لكن زر تويتر لا يعمل !!
    حتى بالموقع لديكـ تظهر خلفية زرقاء فقط, أي لا للزوار عمل follow للمدونة..,

    ردحذف
  62. @أبو إياد

    سلام عليكم
    نافذه تويتر لا تعملي
    ما هو الحل اخي

    ردحذف
  63. السلام عليكم
    كله تمام تم اضافتها ولكنها لا تعمل .. لماذا ؟

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

    ردحذف
  65. شكرا لك اخى ابو اياد والله يبارك لك .. موضوع وشرح مميزين
    وظائف شاغرة فى الاردن 2013

    ردحذف
  66. اخي ابو اياد وفقك الله فيما تعمل من صالح وخير لناس،لقد قمت باضافة هاته الاداة وقد اعجبتني كثيرا لكن صادفت مشكل : التويتر يظهر باللون الازرق دون اظهار محتواه,
    ارجوا منك اخي العزيز ان تدلني على حل لهذا المشكل

    ردحذف
    الردود
    1. هنا شرح جديد يغطى مشكلتك
      إضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html

      حذف
  67. ردا على جميع المشاكل التى تواجهكم رجاء هذا تحديث للاضافة
    هنا شرح جديد يغطى مشكلتك
    إضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html

    ردحذف
  68. غير معرف12:37 ص

    االسلام عليكم انا قمن باضافة الاكواد و ظهرة في المدونة إلا ان تويتر و جوجل بلاس و ار س س لا يعمل بشكل صحيح اتمنى المساعدة في الموضوع وشكرا الجزيل لكم

    ردحذف
  69. @Rezan Ali

    بالفعل الكود أصبح يظهر خطأ مع العديد من المستخدمين سنقوم بتحديث الموضوع غدا إن شاء الله بشرح مصور.. تابعنا عزيزى ريزان

    ردحذف
  70. @Rezan Ali

    بالفعل الكود أصبح يظهر خطأ مع العديد من المستخدمين سنقوم بتحديث الموضوع غدا إن شاء الله بشرح مصور.. تابعنا عزيزى ريزان

    ردحذف
  71. @Rezan Ali

    لا تنسي هناك طريقة أخرى مطورة فى هذا الموضوع تضيف اليوتيوب

    @إضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث

    ردحذف
  72. شكرا لك اخي على الموضوع و الاضافة
    من فضلك أخي هل ممكن تقديم كود لاضافة الاداة في اليسار
    شكرا

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2023

اعلان مخفى فى الرئيسية