إضافة أداة المتابعة العائمة عبر شبكات التواصل الإجتماعي 3 في 1

في البداية وقبل حديثنا عن هذه الأداة ..من الواجب علينا معرفة ولو جزء يسير من المعلومات عن مدونات بلوجر ، متى وكيف تأسست ، ورد الجميل هنا واجب ،حيث أن الفضل لله أولاً ، ثم لهؤلاء ، أُطلق بلوغر لأول مرة في أغسطس عام 1999 بواسطة شركة بايرا لابز (Pyra Labs)، ويعد بذلك واحدا من أوائل نظم نشر المدونات في تاريخ إنترنت. في فبراير 2003 بيعت شركة بايرا لابز لشركة جوجل تحت شروط غير معلنة، وبشراء بلوغر قامت جوجل بإتاحة مميزات حصرية مدفوعة والتي أعدتها بايرا لابز لتكون مجانية. بعد حوالي عام كان إيفان ويليامز العضو المؤسس لشركة بايرا قد ترك جوجل.
في عام 2004 أصدرت جوجل برنامج Picasa وقامت بإدراجه هو وخاصية مشاركة الصور Hello لموقع بلوغر ليسمح للمستخدمين بإضافة الصور لمحتويات مدوناتهم.  في 9 مايو 2004 طرحت بلوقر تصميم جديد وأضافت بعض الخصائص الجديدة كإمكانية التعديل في القوالب وصفحات أرشيف فردية للموضوعات والتعليقات، وخاصية التدوين بواسطة البريد الإلكتروني. جاء دور الإضافة...

إضافة أداة المتابعة  العائمة عبر شبكات التواصل الإجتماعي   3  في  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/AVvXsEiiJzUFgk31-k79kEcSsg9V9RRd8dcTMmy4VhT-oI66O3yrn83_FtUQBkgABeA-HNZnjHARroj6OecHF_0c0WErHF72SJIHlkk9AomdIFUDwMkAyD8qy7w-kBTAMBtbkeX9kg3HPgEDh74h/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%2Fkinzalmarfa&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/AVvXsEjNSPYpK71W4d76dnwczDOKiSiOoEBHfSIv9iJMB6vrAwUhsrmqjMdWAp0b1I7L4O_tI6cOXKcbOERaxD8Jy7ozjFxgkQVbEwqPeaeypcUiLmHAixPx8YKkZy4wWBy8WjCodL35qTXe_z0J/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=kinzalm3refa&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/AVvXsEgaud8WWYxfFqRWCCwwVm0FysSe7SF2vIbCKvuYGjksiHkFmoLtydmzJSgCSrc3GAtCJu0AOFcEC1QS24iffEyUBhZvBGVZFx8Y2Oz4id_CxAskLpHFtu37Sl0cSddV7qUGpvSKwu_STsA/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/AVvXsEhXlNU0zg97J6cUrII6YSTK69_98iBhwUgG1GZEQFb9hgoAo7PV_2b1dGFfg5_q8UsuKmc3fkuP-0hkFWK5_aYTQQU5HM_huifhP5T2GnFMkhg7R4sQMWSDjomwU-ZE1CeYSbm7p_sKwHbq/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/111889793448653018040" 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/kinzalmarfa

2-
https://twitter.com/kinzalm3refa

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