الثلاث اضافات 3X1 للشبكات الاجتماعية الجانبية فيس,تويتر,جوجل

Face-Tw-Google

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

اهلا بالاخوي الكرام.

اليوم هنسبت اضافة في غاية الاهمية.

اضافة الشبكات الاجتماعية الجانبية.

نيجي للشرح:-

نخش

تخطيط>اضافة اداة>Html/JavaScript

ونضع هذا الكود.

<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/AVvXsEgTbkdY5A5w4gaIqLXD1lzP-QJ-KiIF_tr-rAoIJgagPZCNkSmh3IWEWbuh7Hds4Xk6-suAS__nPnErsv4jq2lYCA9EhhRVDyBYc3ibCx08Oe59u8JZbqMoZoMoGXkw75KhIbULPN_p6Ag4/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%2FMagnosHackerMacker&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/AVvXsEjdnNQfdb2GVYnWgaK9HREoeCpeoQsDtyF4kqB0lfEMaX7AdrK_rBQzOWfwy1i0_hJihFEOSdFdCpX7LY209Lf_MbdYLYx_KDQlHSNSQnl4OkomBO8gc7zN9zj19Olj61-Mr83I5ykrDF1J/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=C_Magnos&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/AVvXsEiy1uANCqVu-teaIUalLdfi-nQD9EAGYFVYJVQAqQpbzc3zgB12whyphenhyphengkQeFy2T9nDX3aPljrZHT8PY_Ach3SuKr0spIWFKzuz9h9iX4bYUx2_JqVuGOQL44WQUnX3obBRpDUBVhC5BHtVE/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/AVvXsEj0e-qBjMhPhN3jgLaIMcCAPquip4NHR0KNeQqRWSEr9diKQ2dDCCD6W-YJYFM6p6pdAK4oEthm_XrpjUWj3gPg50SmVKm877QujZDkiq7LlzeYqzrUXa3ikQyo40DLU3k4wGiOkrIQlgGX/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/102816254713450104614" 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>

ونعدل علي دول:-
www.facebook.com/MagnosHackerMacker
www.Twitter.com/C_Magnos
plus.google.com/102816254713450104614

وسهل وبسيط جدا جدا.
الموضوع انتهي :)

اشوفكم بخير في الموضوع القادم...