اضافة أزرار التواصل الاجتماعي جانب المدونة

السلام عليكم ورحمة الله وبركاته

مرحبا بكم زوار المدونة التلميذ المعلوميات درسنا اليوم يتعلق ببلوجر وهو: 

اضافة ثلاث ازرار للشبكات الاجتماعية في قمة الجمال ،الاضافة بها ثلاث ازرار وهم زر الفيس بوك ،زر تويتر ،زر جوجل+،والاضافة تزيد من مع جبينك علي الشبكات الاجتماعية واضافة خفيفة جدا ومختصرة جدا،الازرار منبثقة عند مرور المؤس علي الا زرار تنبثق

صورة من الاضافة 

     الخطوة 1: اذهب إلى لوحة تحكم مدونتك واضغط علي التخطيط  
     الخطوة 2: انقر على "إضافة أداة"
     الخطوة 3: من النافذة المنبثقة، اختر JavaScript
     الخطوة 4: نسخ والصق الكود في المربع 

<script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiof1VwFL7vK2arPjanVDvTQ1mIEX4wag8P5ecSrlmuu9PnYMkCa1Tzmy8cwKL-LyUXawpnIRfjIMM6s8J68yWo-iYM1WVYnf5mEeiHDE2d391HV-0nt3ZY-i0VXWAxYWvY4jLvMQlIKJJL/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fhh5050?ref=hl&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"        style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe>      </div>    </div>  </div>  <div id="on">    <div id="twitter_right" style="top: 28%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8EisQT_Nv9xiFVia3zoyyGQaiY7TPr2mQUK4EfWMk1-8l1v4tlnBmmVyel-WBBseWYbiuic4T9i97K9v2RZVZJdjd8vIFehL8X0AQejumKgShTFs77OUfVvUyC2SEMTTw2kKrFgqK3H9y/s1600/NBTtwitter_right.png" />        <script type='text/javascript'>        function fanbox_init(screen_name) {          document.getElementById('twitterfanbox').innerHTML = '<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=' + screen_name + '" class="FB_SERVER_IFRAME" scrolling="no" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>';        }        </script>        <div id="twitterfanbox">          <script type="text/javascript">          fanbox_init("awsa9090");          </script>        </div>      </div>    </div>    <div id="on">      <div id="google_plus_right" style="top: 45%;">        <div id="google_plus_div">          <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9GhPH1QdsfF-GlDFY0B1RweLBt1s2WR_QdyPo0e982MMZ77VYvU31ck_66uTHEoekrQWeCVHbYYQSZYb0i4_owb-tbG8z-wZcJ6YSSxB342KEMkxmpUYPc-7jCGY4EwwvDd2UxqGmzQ/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://newbloggertips.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRVe8Wxy8KiqaKzBaOmLfQLbJ3yxR5Gocg6UoxJY-lRTRCQy_GCZisadmII0KmpA6912kxCAdd22FBh8D4deFj3yFeDr-oYmiaVn5BtFhwoBgE-uOvFfw27HqJ5GVINkBXxk3R8__obre/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/112612855559836530379" 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></div>

ملاحظة غير مابلون الاحمر الي الروابط الخاصة بك 

غير الرابط الي رابط الفيس بوك الخاص بك  hh5050?ref=hl
 وغير الرابط الي رابط تويتر الخاص بك awsa9090 وغير الرقم الي الرقم الخاص بك في جوجل+112612855559836530379
ثم اضغط علي حفط