الأحد، 31 أغسطس 2014

ازرار روعة للمشاركات

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين

أقدم لكم إضافة من إضافات بلوجر تهم معظم أصحاب المدونات وهى النوافذ المنزلقة للمواقع الإجتماعية تظهر بجانب الموقع وقد قدمت من قبل هذه الإضافة بتقنية jQuery لأربع شبكات إجتماعية فقط وهى (متابعين الفيس بوك , صندوق تغريدات تويتر, زر +1 لجوجل بلس , الإشتراك عبر البريد الإلكترونى) ولكن اليوم أقدمها بشكل مختلف حيث تحتوى على 5 صناديق منزلقة لمتابعين المواقع الإجتماعية (الفيس بوك,تويتر,يوتيوب,جوجل بلس,خدمة البريد الإلكترونى) تظهر بمرور الماوس على الأيقونة الجانبية بالموقع.

مميزات الإضافة

  1. هذه الإضافة مفيدة فى زيادة عدد متابعين المدونة على المواقع الإجتماعية.
  2. تقلل من إزدحام الإضافات بالأعمدة الجانبية.
  3. تظهر دون مشاكل على أنظمة الأندرويد
  4. الإضافة تظهر بمظهر رائع للزائر.
  5. سهلة التركيب إلى موقعك
social slider boxes

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

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

إضغط على هذا الزر لإضافة الأداة لموقعك


أو أضف الكود يدويا إلى الموقع
  1. الذهاب إلى لوحة التحكم
  2. تخطيط
  3. أضف أداة
  4. اختار Html/Javascript
 ثم إنسخ الكود التالى كاملاً وألصقه


<style>  img, a {    border: 0;  }  #on {    visibility: visible;  }  #off {    visibility: hidden;  }  #facebook_div {    width: 235px;    height: 236px;    overflow: hidden;  }  #twitter_div {    width: 246px;    height: 240px;    overflow: hidden;  }  #google_plus_div {    width: 290px;    height: 250px;    overflow: hidden;    margin-right: 5px;    margin-top: 1px;  }  #CONfeedburner_div {    width: 300px;    height: 120px;    overflow: hidden;    margin-top: 5px;    margin-right: -4px;  }  #CON_div {    width: 300px;    height: 97px;    overflow: hidden;  }  /* left side style */   #facebook_right {    z-index: 10005;    border: 2px solid #3c95d9;    background-color: #fff;    width: 235px;    height: 236px;    position: fixed;    left: -239px;  }  #facebook_right img {    position: absolute;    top: -1px;    right: -65px;  }  #facebook_right iframe {    border: 0px solid #3c95d9;    overflow: hidden;    position: static;    height: 236px;    right: -2px;    top: -3px;  }  #twitter_right {    z-index: 10004;    border: 2px solid #6CC5FF;    background-color: #6CC5FF;    width: 250px;    height: 240px;    position: fixed;    left: -254px;  }  #twitter_right_img {    position: absolute;    top: -1px;    right: -65px;    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-left: 2px solid #0056a0;    border-right: 2px solid #0056a0;    width: 290px;    height: 250px;    position: fixed;    left: -294px;  }  #google_plus_right_img {    position: absolute;    top: -1px;    right: -65px;    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;    left: -304px;  }  #feedburner_right_img {    position: absolute;    top: -1px;    right: -65px;    border: 0;  }  #CON_right {    z-index: 10003;    border: 2px solid #303030;    background-color: #fff;    width: 300px;    height: 97px;    position: fixed;  }  #CON_right img {    position: absolute;    top: -1px;    right: -65px;  }  /* right side style */   #facebook_left {    z-index: 10005;    border: 2px solid #3c95d9;    background-color: #fff;    width: 235px;    height: 236px;    position: fixed;    right: -239px;  }  #facebook_left img {    position: absolute;    top: -2px;    left: -35px;  }  #facebook_left iframe {    border: 0px solid #3c95d9;    overflow: hidden;    position: static;    height: 236px;    left: -2px;    top: -3px;  }  #twitter_left {    z-index: 10004;    border: 2px solid #6CC5FF;    background-color: #6CC5FF;    width: 246px;    height: 240px;    position: fixed;    right: -254px;  }  #twitter_left_img {    position: absolute;    top: -2px;    left: -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-right: 2px solid #0056a0;    border-left: 2px solid #0056a0;    width: 290px;    height: 120px;    position: fixed;    right: -294px;  }  #google_plus_left_img {    position: absolute;    top: -2px;    left: -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-right: 2px solid #5b5b5b;    border-left: hidden;    width: 300px;    height: 97px;    position: fixed;    right: -304px;  }  #feedburner_left_img {    position: absolute;    top: -2px;    left: -33px;    border: 0;  }  #CON_left {    z-index: 10003;    border: 2px solid #303030;    background-color: #fff;    width: 300px;    height: 97px;    position: fixed;  }  #CON_left img {    position: absolute;    top: -2px;    left: -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: #FF8000;    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;  }  #youtube_right {    z-index: 10001;    background-color: #fefefe;    border:2px solid #ff0000;    border-top:2px solid #5b5b5b;    border-bottom: 2px solid #5b5b5b;    border-right:2px solid #5b5b5b;    border-left: hidden;    width:301px;    height: 106px;    position: fixed;    left: -304px;  }  #youtube_right_img {    position: absolute;    top: -1px;    right: -65px;    border:  </style>  <script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js"  type="text/javascript"></script>  <script type="text/javascript">  jQuery(document).ready(function ()  {    jQuery("#facebook_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#facebook_right").stop(          true,          false).animate(          {            left: -239          },          500);      });    jQuery("#twitter_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#twitter_right").stop(          true,          false).animate(          {            left: -254          },          500);      });    jQuery("#google_plus_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#google_plus_right").stop(          true,          false).animate(          {            left: -294          },          500);      });    jQuery("#feedburner_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#feedburner_right").stop(          true,          false).animate(          {            left: -304          },          500);      });    jQuery("#youtube_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#youtube_right").stop(          true,          false).animate(          {            left: -304          },          500);      });  });  </script>      <br />  <div id="on">    <div id="facebook_right" style="top: 8%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHA925rjSqa-86zJnEF3m9gwWzgdhjUGucYm1U7WVJXxhvLnqpRlAD3Iq4XUYHMd6z0Z9XpSAT_vpn5uT_gnfrpRtVF16TGuyuvaX6wUuSeEEgdtg7AKEflbTOe40JUbvksCbgYcoic1KI/w80-h102-no/fb.png"        />        <iframe allowtransparency="true" frameborder="0"        scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"        style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe>      </div>    </div>  </div>  <div id="on">    <div id="twitter_right" style="top: 24%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXXWKFKGV9DykotSHeolTQnk4EmC1hvUhTBB9n7jrSWnlpQrVgSCjSDFvUj5mtuUEMxr9zYsqm7it9sa1hMDQNugzwVnLrbyOuQ3iZXR09rsMAagmAm3AtsWV0PBIwF0iROmeVzomOIixI/w80-h103-no/twitter.png"        />        <div style="width:248px;font-size:8px;text-align:left;">          <script type="text/javascript">          document.write(unescape(            "%3Cscript  												src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699'  												type='text/javascript'%3E%3C/script%3E"          ));          </script>          <a href="http://NewBloggerTips.com"          target="_blank"></a>        </div>      </div>    </div>  </div>  <div id="on">    <div id="google_plus_right" style="top: 41%;">      <div id="google_plus_div">        <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dZXG5tUOvIeStxrVXkzigOnAueie7-nLsP-ScO977IZaI-0ZPakXWmjeio-NkDcHVh0qfutOXPQtaD3sxcLvETIUVr5Kn5G1eeDRagr2nfHOxVCSx3KRotqMT_Efr9joFT-xjffr9Mxh/w80-h103-no/google%252B1.png"        />        <div style="float: right; margin: 10px 10px 10px 0;">          <a href='http://newbloggertips.com'>            <img alt='Tips Tricks And Tutorials'            src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaQGatwM6Ye4GJyndRn695vwTOVkJ7V_rFse-WP4Rb-Bk_zQxZCaDt3a2GBx6fhpx_RnRzhO-cdJE3x7DFAplkYm8Myo30ABttx949tLJdMat5bBBjWiALylEmQtZNMzwZyJTj8aV5dKFy/s1600/best+blogger+tips.png'            />          </a>          <div class="g-plus" data-action="followers"          data-height="250" data-href="https://plus.google.com/+Condaianllkhir"          data-source="blogger:blog:followers"          data-width="270"></div>          <script type="text/javascript">          (function ()          {            window.___gcfg = {              'lang': 'en'            };            var            po =              document.createElement(                'script');            po.type =              'text/javascript';            po.async =              true;            po.src =              'https://apis.google.com/js/plusone.js';            var            s =              document.getElementsByTagName(                'script')[0];            s.parentNode.insertBefore(              po,              s);          })();          </script>        </div>      </div>    </div>    <div id="on">      <div id="feedburner_right" style="top: 75%;">        <div id="CONfeedburner_div">          <center>            <h4 style="color: #f66303;">تابع عبر البريد الإلكترونى:</h4>            <form action="http://feedburner.google.com/fb/a/mailverify"            method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=condaianllkhir/DrRO', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"            target="popupwindow">              <input class="enteryouremail" gtbfieldid="10"              name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}"              onfocus="if (this.value == 'Enter your email here...') {this.value = '';}"              type="text" value="Enter your email here..."              />              <input name="uri" type="hidden"              value="condaianllkhir/DrRO" />              <input class="submitbutton" type="submit"              value="Submit" />            </form>          </center>          <img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQfGRj7OYpR9iynoPy-grbXCVut__QwYzOGyyoQ6ouVLD-3EsCD55i7Xro9Xd96XrWTokiWvsLMHMJ4WH1o-ZtKrDDfcUUuq0YK8FPpwK8a71jg0qyCxqzDr5p7PsvyYcW-ngafg2HO1x/w80-h103-no/rss.png"          />          <div style="float: left; padding: 20px; margin: 0px;">	<span style="font-size:10px;">Widget by <a href="http://www.condaianllkhir.com/">condaianllkhir</a>  				</span>            <span style="font-size:8px;"></span>          </div>        </div>      </div>      <div id="on">        <div id="youtube_right" style="top:58%;">          <div id="youtube_div">            <img id="youtube_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2UH7ua9efgwiYoDr812q85pf1m-WdXK-wYvDsbU1htG3YrXAr4WFAjH-d5EEod8L0BGRXiY9RuqMI5Jdqo6Ioo_ICn0Za_EBow5gW2iXhafxVysTQvJURyMi6MTp23uwzY1H3B6q7eOZ6/w80-h103-no/youtube.png "            />            <div style="float:right;margin:1px 0px 0px 2px;">              <iframe src=http://www.youtube.com/subscribe_widget?p=designs9              style="height:105px;width:300px;border:0;"              scrolling="no" frameborder="0"></iframe>            </div>          <style>  img, a {    border: 0;  }  #on {    visibility: visible;  }  #off {    visibility: hidden;  }  #facebook_div {    width: 235px;    height: 236px;    overflow: hidden;  }  #twitter_div {    width: 246px;    height: 240px;    overflow: hidden;  }  #google_plus_div {    width: 290px;    height: 250px;    overflow: hidden;    margin-right: 5px;    margin-top: 1px;  }  #CONfeedburner_div {    width: 300px;    height: 120px;    overflow: hidden;    margin-top: 5px;    margin-right: -4px;  }  #CON_div {    width: 300px;    height: 97px;    overflow: hidden;  }  /* left side style */   #facebook_right {    z-index: 10005;    border: 2px solid #3c95d9;    background-color: #fff;    width: 235px;    height: 236px;    position: fixed;    left: -239px;  }  #facebook_right img {    position: absolute;    top: -1px;    right: -65px;  }  #facebook_right iframe {    border: 0px solid #3c95d9;    overflow: hidden;    position: static;    height: 236px;    right: -2px;    top: -3px;  }  #twitter_right {    z-index: 10004;    border: 2px solid #6CC5FF;    background-color: #6CC5FF;    width: 250px;    height: 240px;    position: fixed;    left: -254px;  }  #twitter_right_img {    position: absolute;    top: -1px;    right: -65px;    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-left: 2px solid #0056a0;    border-right: 2px solid #0056a0;    width: 290px;    height: 250px;    position: fixed;    left: -294px;  }  #google_plus_right_img {    position: absolute;    top: -1px;    right: -65px;    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;    left: -304px;  }  #feedburner_right_img {    position: absolute;    top: -1px;    right: -65px;    border: 0;  }  #CON_right {    z-index: 10003;    border: 2px solid #303030;    background-color: #fff;    width: 300px;    height: 97px;    position: fixed;  }  #CON_right img {    position: absolute;    top: -1px;    right: -65px;  }  /* right side style */   #facebook_left {    z-index: 10005;    border: 2px solid #3c95d9;    background-color: #fff;    width: 235px;    height: 236px;    position: fixed;    right: -239px;  }  #facebook_left img {    position: absolute;    top: -2px;    left: -35px;  }  #facebook_left iframe {    border: 0px solid #3c95d9;    overflow: hidden;    position: static;    height: 236px;    left: -2px;    top: -3px;  }  #twitter_left {    z-index: 10004;    border: 2px solid #6CC5FF;    background-color: #6CC5FF;    width: 246px;    height: 240px;    position: fixed;    right: -254px;  }  #twitter_left_img {    position: absolute;    top: -2px;    left: -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-right: 2px solid #0056a0;    border-left: 2px solid #0056a0;    width: 290px;    height: 120px;    position: fixed;    right: -294px;  }  #google_plus_left_img {    position: absolute;    top: -2px;    left: -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-right: 2px solid #5b5b5b;    border-left: hidden;    width: 300px;    height: 97px;    position: fixed;    right: -304px;  }  #feedburner_left_img {    position: absolute;    top: -2px;    left: -33px;    border: 0;  }  #CON_left {    z-index: 10003;    border: 2px solid #303030;    background-color: #fff;    width: 300px;    height: 97px;    position: fixed;  }  #CON_left img {    position: absolute;    top: -2px;    left: -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: #FF8000;    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;  }  #youtube_right {    z-index: 10001;    background-color: #fefefe;    border:2px solid #ff0000;    border-top:2px solid #5b5b5b;    border-bottom: 2px solid #5b5b5b;    border-right:2px solid #5b5b5b;    border-left: hidden;    width:301px;    height: 106px;    position: fixed;    left: -304px;  }  #youtube_right_img {    position: absolute;    top: -1px;    right: -65px;    border:  </style>  <script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js"  type="text/javascript"></script>  <script type="text/javascript">  jQuery(document).ready(function ()  {    jQuery("#facebook_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#facebook_right").stop(          true,          false).animate(          {            left: -239          },          500);      });    jQuery("#twitter_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#twitter_right").stop(          true,          false).animate(          {            left: -254          },          500);      });    jQuery("#google_plus_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#google_plus_right").stop(          true,          false).animate(          {            left: -294          },          500);      });    jQuery("#feedburner_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#feedburner_right").stop(          true,          false).animate(          {            left: -304          },          500);      });    jQuery("#youtube_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            left: 0          },          500);      },      function ()      {        jQuery("#youtube_right").stop(          true,          false).animate(          {            left: -304          },          500);      });  });  </script>      <br />  <div id="on">    <div id="facebook_right" style="top: 8%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHA925rjSqa-86zJnEF3m9gwWzgdhjUGucYm1U7WVJXxhvLnqpRlAD3Iq4XUYHMd6z0Z9XpSAT_vpn5uT_gnfrpRtVF16TGuyuvaX6wUuSeEEgdtg7AKEflbTOe40JUbvksCbgYcoic1KI/w80-h102-no/fb.png"        />        <iframe allowtransparency="true" frameborder="0"        scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"        style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe>      </div>    </div>  </div>  <div id="on">    <div id="twitter_right" style="top: 24%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXXWKFKGV9DykotSHeolTQnk4EmC1hvUhTBB9n7jrSWnlpQrVgSCjSDFvUj5mtuUEMxr9zYsqm7it9sa1hMDQNugzwVnLrbyOuQ3iZXR09rsMAagmAm3AtsWV0PBIwF0iROmeVzomOIixI/w80-h103-no/twitter.png"        />        <div style="width:248px;font-size:8px;text-align:left;">          <script type="text/javascript">          document.write(unescape(            "%3Cscript  												src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699'  												type='text/javascript'%3E%3C/script%3E"          ));          </script>          <a href="http://NewBloggerTips.com"          target="_blank"></a>        </div>      </div>    </div>  </div>  <div id="on">    <div id="google_plus_right" style="top: 41%;">      <div id="google_plus_div">        <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dZXG5tUOvIeStxrVXkzigOnAueie7-nLsP-ScO977IZaI-0ZPakXWmjeio-NkDcHVh0qfutOXPQtaD3sxcLvETIUVr5Kn5G1eeDRagr2nfHOxVCSx3KRotqMT_Efr9joFT-xjffr9Mxh/w80-h103-no/google%252B1.png"        />        <div style="float: right; margin: 10px 10px 10px 0;">          <a href='http://newbloggertips.com'>            <img alt='Tips Tricks And Tutorials'            src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaQGatwM6Ye4GJyndRn695vwTOVkJ7V_rFse-WP4Rb-Bk_zQxZCaDt3a2GBx6fhpx_RnRzhO-cdJE3x7DFAplkYm8Myo30ABttx949tLJdMat5bBBjWiALylEmQtZNMzwZyJTj8aV5dKFy/s1600/best+blogger+tips.png'            />          </a>          <div class="g-plus" data-action="followers"          data-height="250" data-href="https://plus.google.com/+Condaianllkhir"          data-source="blogger:blog:followers"          data-width="270"></div>          <script type="text/javascript">          (function ()          {            window.___gcfg = {              'lang': 'en'            };            var            po =              document.createElement(                'script');            po.type =              'text/javascript';            po.async =              true;            po.src =              'https://apis.google.com/js/plusone.js';            var            s =              document.getElementsByTagName(                'script')[0];            s.parentNode.insertBefore(              po,              s);          })();          </script>        </div>      </div>    </div>    <div id="on">      <div id="feedburner_right" style="top: 75%;">        <div id="CONfeedburner_div">          <center>            <h4 style="color: #f66303;">تابع عبر البريد الإلكترونى:</h4>            <form action="http://feedburner.google.com/fb/a/mailverify"            method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=condaianllkhir/DrRO', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"            target="popupwindow">              <input class="enteryouremail" gtbfieldid="10"              name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}"              onfocus="if (this.value == 'Enter your email here...') {this.value = '';}"              type="text" value="Enter your email here..."              />              <input name="uri" type="hidden"              value="condaianllkhir/DrRO" />              <input class="submitbutton" type="submit"              value="Submit" />            </form>          </center>          <img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQfGRj7OYpR9iynoPy-grbXCVut__QwYzOGyyoQ6ouVLD-3EsCD55i7Xro9Xd96XrWTokiWvsLMHMJ4WH1o-ZtKrDDfcUUuq0YK8FPpwK8a71jg0qyCxqzDr5p7PsvyYcW-ngafg2HO1x/w80-h103-no/rss.png"          />          <div style="float: left; padding: 20px; margin: 0px;">	<span style="font-size:10px;">Widget by <a href="http://www.condaianllkhir.com/">condaianllkhir</a>  				</span>            <span style="font-size:8px;"></span>          </div>        </div>      </div>      <div id="on">        <div id="youtube_right" style="top:58%;">          <div id="youtube_div">            <img id="youtube_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2UH7ua9efgwiYoDr812q85pf1m-WdXK-wYvDsbU1htG3YrXAr4WFAjH-d5EEod8L0BGRXiY9RuqMI5Jdqo6Ioo_ICn0Za_EBow5gW2iXhafxVysTQvJURyMi6MTp23uwzY1H3B6q7eOZ6/w80-h103-no/youtube.png "            />            <div style="float:right;margin:1px 0px 0px 2px;">              <iframe src=http://www.youtube.com/subscribe_widget?p=designs9              style="height:105px;width:300px;border:0;"              scrolling="no" frameborder="0"></iframe>            </div>          </div>        </div>      </div></div></div>

للتعديل على الكود إستخدم البحث بالكيبورد Ctrl+F

إستبدل designsblog   بإسم المستخدم الخاص بصفحتك على الفيس بوك facebook fanpage username
إستبدل  DrRo2  بإسم المستخدم الخاص بحسابك على تويتر مع العلم بأنه مكرر أكثر من مرة  twitter username
إستبدل  +Condaianllkhir  بإسم المستخدم الخاص بحسابك على جوجل بلس 
إستبدل condaianllkhir/DrRO   بإسم المستخدم الخاص بخلاصات مدونتك مع العلم بأنه مكرر أكثر من مرة feedburner username
إستبدل  designs9 بإسم المستخدم الخاص بقاتك على اليوتيوب
منقول من الموقع الروعة كن داعيا للخير

كيفية اضافة إعلانات أدسنس بجانب شعار مدونة بلوجر


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

اذا لاضافة الاعلان اولا ابحث عن هذا الكود في مدونتك عن طريق

Html 
الكود: showaddelement=

بعدها ستجد بعد ال= كلمة no بهذا الشكل

showaddelement="yes"> لكن ستجد بدل ال no ~ yes
لذالك حولها من noالىyes ستجد الكود اكثر من مره حلوها كلها على yes

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

<script type="text/javascript"><!--
google_ad_client = "ca-pub-7335084491847666";
/* gekdevpro_crosscol-overflow_AdSense3_728x90_as */
google_ad_slot = "7220208438";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>


كما هو موضح لكن احذف يلي بالون الاحمر الان والخطوات الاخيره ابحث عن هذا الكود <div class='ads'>
الان ابحث عن
جيد الان بعد هذا الكود مباشرة ابحث عن كلمة </div>
بدون مربع البحث والان احذف كل شي بين الكلمتين (((((((مثال)))))))

showaddelement="yes">
<script type="text/javascript">
google_ad_client = "ca-pub-00000000006";
/* gekdevpro_crosscol-overflow_AdSense3_728x90_as */
google_ad_slot = "72200008438";
google_ad_width = 728;
google_ad_height = 90;
//
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

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

المصدر: محمد نجيب للمعلوميات
السبت، 30 أغسطس 2014

مجو

مجو مصر    #خبرة_بالفطرة
يتم التشغيل بواسطة Blogger.

انما الأعمال بالنيات

مجو