طريقة اضافة ازرار ( ايقونات ) الشبكات الاجتماعية الجانبية العائمة التى يطلبها كل مدون

بسم الله الرحمن الرحيم

من الاضافات الجميلة التى يحتاجها كل مدون هذه الازرار الجانبية للشبكات الاجتماعية وايضا كنا تحدثنا عن الشاحنة المتحركة فى اسفل المدونة التى تزيد ايضا عدد عجبيك على الفيسبوك

صورة الاضافة :

خطوات الاضافة :

 لوحة التحكم بلوجر >عناصر الصفحة > إضافة أداة > HTML/JavaScript ضع الكود ادناااه

<!-- http://eblogerhelp.blogspot.com --> <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/AVvXsEgXi9nbH_5TdXcdr4BcTkaNZICJhfyzlaHAMYDRhkgi6A0bnNDYumeYANcYCYv66T-XDmuca0-dPzHXm4bm-maTqAKKX8bqVaaoDLLoEVwVl2ru9EwJC10c_Fb08EkuLCSZfokGaEpRZCk/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ersmha&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/AVvXsEgxarxiDG8oMh7UtSoOSWFgn2RnoFRjqKA6D2SAYnUPVufGtJCTRLbFa4d-Z6JVkog8RMtKW1thwJRt9_Btm-XqJD3s0Kv7sSA53eYayEyW7i3Oj7FFPs8eUFXN-Nmz-ATMAsiXEmgHLnY/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=MHShoman&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://eblogerhelp.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/AVvXsEiqdN8Us2By46Z-KI5zpapFA8eQFtUT1PY84502Z3nmp51hLbWv8Inf5Cg0l8dUsKhYlnVtnLaHaNXOgnv4COdOH3FLhzLBNVA9SLpx1elRcymAr65EDUrm4An4rkV18dEiHSCJlUi9eQ/s1600/NBTgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"> <a href='http://eblogerhelp.blogspot.com/'> <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFdcoPNFCoE-0M1TJA8g8-IlHHzLyMzEpGnWYbusntC2a4A8BwUtyerT_CK75XFDunKauts-6ReXsvTvDINdrCALhyXsNqIMM8zZQ9s-Hudhtn7kiwxjKm0tH0MwJsn-IyxUWx5pPiweU/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/u/0/+KoraPedia" 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>

قم بتغيير التالي :

1- https://www.facebook.com/ersmha

2- https://twitter.com/mhshoman

 3- https://plus.google.com/u/0/+KoraPedia

احفظ واذهب لمدونتك واستمتع بالاضافة 

من مكان ما على كوكب الارض تم كتابة هذه المقالة 

ياااااارب اكون وفيت الشرح وقصرتش معاكم