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

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

وجميعنا ندرك اهميه ذلك في نشر المدونه . ثم قام جوجل من بعد النجاح الذي حققه موقع التواصل الاجتماعي الناجح جوجل بلس باتاحة الفرصه لاصحاب المواقع والمدونات بعمل صفحات عليه تجمع متابعي المدونه على غرار الفيس بوك تماما . وقام بالتالي بتوفير اداه يتم وضعها في المدونه تساعد على نشرها وقد لا يعلم الكثيرين ان اداه جوجل بلس فائدتها اكبر بكثير جدا من اداة الفيس بوك لانها تقوي ارتباط مدونتك بجوجل وهذا ليس بكلامي بل هذا ما صرح به جوجل بلس . ولان كثير من المدونين اصابه الاحباط والملل . هل ستكون مدونتي مليئه بالادوات للمتابعين واحده خاصه بخدمة تواصل جوجل وهي اداة المتابعون القديمه والمعروفه للجميع وثانيه للفيس بوك وثالثه لجوجل بلس . دعوني اخبركم بامر ما واسال. كم مره دخلت علي رابط موضوع جديد تم نشره في مدونه انت تتابعها حين رايت رابط الموضوع في لوحة تحكم مدونتك . بالتاكيد نسبه قليله جدا من تهتم ناهيك عن ان اداة المتابعون التقليديه تلك معروفه بثقلها الشديد في التحميل ..
لذلك كى لا امحوها تماما من مدونتي وضعتها بشكل اخر لا يسبب اي صعوبه في تحميل الصفحه ستجدوه اسفل اداة معلومات عن كاتب المدونه ف القائمه الجانبيه لمدونتي علي شكل صوره صغيره تعبر عن الاداه . وكى لا نخرج عن اطار الموضوع الرئيسي للتدوينه منذ ايام خطرت لي فكره وهي هل يمكن الجمع بين اداة متابعي المدونه علي جوجل بلس وفيس بوك في آن واحد ؟ وجدت ان الامر في منتهى البساطه وقمت بالتطبيق الفوري له وتصميم الشريط الازرق الموجود في يسار الشاشه كما ترون بشكل بسيط وانيق في نفس الوقت . واحببت ان اشارككم تلك الاداه لمن يرغب في وضعها في مدونته فقط قم بتسجيل الدخول الي لوحة تحكم مدونتك وانشئ اداه جديده من نوع جافا سكربت وضع فيها الكود التالي :

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-270"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6n3ZriA-BRBo-AxIw98DBLq5TyMDAMOR7kCz6Q5xQLmLeRSlhefP_1AJQ4uqVJ6tebLEnz1q2DnVwLrpC3gtp3uO5V9h25eQwOlD2vfGG54z-Ny2ygjozD5QCZgY52n3w09Cdahsc_zg/s1600/plusbook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 3px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-270px;top:40%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><g:plus href="https://plus.google.com/102510956572643740745" width="260" height="131" theme="light"></g:plus><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fchareqa&amp;width=260&amp;colorscheme=light&amp;show_faces=false&amp;connections=9&amp;stream=false&amp;header=false&amp;height=140" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 140px; width: 260px;background:#fff;"></iframe></div></div>

لتخصيص الاداه بما يتناسب مع مدونتك قم بالبحث داخل الكود عن EgyMigrants  واستبدلها باسم صفحتك على الفيس بوك.
ثم قم بالبحث عن https://plus.google.com/102510956572643740745  واستبدله برابط صفحة مدونتك علي جوجل بلس.
ان اردت تصميم صوره للاداه يمكنك تصميمها ووضعها مكان الصوره الموجوده داخل الكود . قم بحفظ الاداه ولا تضع لها اسما ثم قم بحفظ الاعدادات .. واستمتع بالفرق . وللعلم تلك الطريقه تساعد بشكل كبير في تحميل اسرع للصفحه فاداة جوجل بلس بشكلها التقليدي تاخذ وقتا في الظهور مما يجعل مكانها الفارغ لحين ظهورها ذو شكل غير مستحب واداة اليوم تغنيك عن كل هذا . بالتوفيق للجميع . ولا تنسو متابعة صفحة مدونة تقارب علي فيس بوك وجوجل بلس .
ملحوظه: هذا الجزء خاص فقط لمن لم يقم بوضع اداة الفيس بوك من قبل . وهو ضروري كى تعمل الاداه بشكل سليم
قم بتسجيل الدخول الى لوحة تحكم بلوجر ثم تحرير HTML ثم ابحث عن </head> وضع قبلها الكود التالي :  

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

ولمن لم يضع اداه جوجل بلس من قبل عليه البحث عن نفس الكود ووضع قبله الكود الموجود بالاسفل 

<link href="https://plus.google.com/100010956572643740745" rel="publisher" /><script type="text/javascript">
window.___gcfg = {lang: 'ar'};
(function()
{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>

مع تغيير الرابط  https://plus.google.com/100010956572643740745 برابط صفحة مدونتك على جوجل بلس.
اما من قام بوضع الاداتين من قبل فعليه الاكتفاء فقط بكود اداة الجافا السكربت الموجود في اول الشرح والذي يتم وضعه من عناصر تصميم الصفحه .. انتهى ..

فيسبوك توتير جوجل + لينكدان بينتريست