إضافة 3 في 1 المتابعه عبر الشبكات الاجتماعية

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

 

كيف حالكم احبتي واصدقائي 

اليوم لدي لكم اضافة يبحث عنها الكثير من المدونين لانها مميزة برأيي

وانا شخصياً استعملها في مدونتي لانها متحركة عائمة ممتازة

انها مثلها تماماً .. في اضافات بلوجر فقط كل حصري ومفيد

تابعونا عبر الشبكات الاجتماعية لتكونو الاول من يحصل على الاضافات الحصريه 

الصورة

طريقه التركيب 1

اولاً تعرف كيف تضيف اكواد الـ HTML/JavaScript

طريقه اضافه اكواد Html الى المدونه

أذا كنت تعرف لا حاجة للشرح المصور

لوحة التحكم بلوجر >عناصر الصفحة > إضافة أداة > 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/AVvXsEhYISooB0hSKu53UvehtywsWLDW-VlmJo-Qh_DK9QhGReg_t3DMb3zWcKrIXKcMKAZ1GqxskU8eNrPemmtKT0v7fr4sJu70pka4VifS-D5H2HHWtgsat0KetzNd5EBNACimpCc07AH1Cxk_/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/AVvXsEjVezkFuFD3_4URWsi6zw5DPqa54fTCaSNpu40YI_KRWlbaWrLTHU3TX6ALUTYm3aXVjiebrblE3oj2IOOHpPdKxpTgU0kcTO9oAb7ZG_Jq3tnEntKWJ-suyqGpJfHT8-BbJW5T5DaGfvft/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/AVvXsEj4Me-nKJRcGoGxYOA9i9AKVAFyTbsrvhhnEmvZ_kkkLQ0xa5d-NynWXiRPHQ6FTcdOy9XsHZANuEUkxJEkfrDwl7fgeNE83dpKkJV06LUrSgJl2nbZDpiLMjMXxp74Yp9dsrLoghN8jQQ/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/AVvXsEg6iBNTD4BK7k_VEf7ZE1zztJ7bJJJoR-QmS85HA4AslTyM563Rdy_0fPJ4zaPJ9XjgdSEIqEZ2MnndCp2Ihyphenhyphend-3U9blfIUfxDRdmfbz8Pv3LEUHVoULgmu1sYRU_P6QGgdvqyEIGfhXcaJ/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>

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

1- 

https://www.facebook.com/additions.blogger

2-
https://twitter.com/add_blogger

3-
https://plus.google.com/108902431338077770336



والف مبروك .. بكل سهولة تم التركيب 
اتمنى انني لم اقصر بالشرح ..
تابعو كل جديدي عبر التسجيل بالبريد الالكتروني 
دمتم بصحة وعافية

مع تحيات اخوكم توين  -_-

 

هل أعجبك الموضوع ؟