طريقه اضافه ايقونات التواصل الاجتماعي لمدونات بلوجر

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

تابع الشرح 

======================
الكود 
===============================
<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/AVvXsEiJ04kkO4t1tpwFFEukU3y9y4FtzpJj8a6tCBUTzfTgmNGp8j8-5r6JPsMhpdfgNtfvbBAl5L0hLbvGJc9xTkPk0ekek1oWRPM7-MeYvdtfzjSwN0zaBlp2xzJfKPeVVzpemYXHmaj8d0iz/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%2Fadditions.blogger&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&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/AVvXsEgAisrs2hOCM7KINVBsKc2cgIhrmFXnL6hrF99MJQulnpxv8x30iQPZfBfn0EmV51m-_WxepXOqcIxTDsH_rVxjN6KkjK9TDhx-niw1ZKcbP9B8ohY3-RYmI-NtH1aQVdG-1OHLiyhGknl4/s1600/NBTtwitter_right.png" />  <div style="width:248px;font-size:8px;text-align:right;">
<script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=add_blogger&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://add-b.blogspot.com" target="_blank"></a></div>
</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/AVvXsEjLD9guqNbMjVFNBGAq6Hhy8gFwuKW9LmXpAtsqJvb2OirsHt8AhUBemTILD-XVb2utcOv0jLD-KWHRPbYvUQyv_AoBTjpnG5KZ-hVpL6Y84fawxcwKeqyWyZyDi_MAahoAY_8lgIAffyA/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">
<a href='http://add-b.blogspot.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh64scTlv7HIMyJan5C1JDGDuT_UWaEVGFhi2MzZWfgRW3tnatAjf5jMyCtPw9aeP6q0ScGlZH0k-o7yAuavkegh6K_jS-1zVc3rXVebW2oMyYTachl9IdDfmfBchaUh-DGETi00kbjPmYc/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/108902431338077770336" 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>

==================================================================

وفي امان الله 

لايجوز النشر او المشاركه بدون ذكر المصدر