أضف أداة المعجبين على google plus و facebook عائمة ومنزلقة في اداة واحدة لمدونات بلوجر

السلام عليكم زوار مدونة شامل كول ,سأضع بين أيديكم هده الاداة الجميلى والرائعة التي  تجمع بين معجبيك على جوجل بلس وعلى الفيسبوك ,الاداة جربتها وهي سريعة في الاشتغال عند التاشير عليها  ولا تأخد مساحة يعني الأداة جميلة وخفيفة ,ولمن يهمه الامر فقد وضعت في موضوع سابق  اضافة أداة المتابعة على المواقع الاجتماعية facebook-google +1-twitter عائمة ومنزلقة لمدونات بلوجرهده الاداة جميلة  تحتوي على ثلات أدوات في أداة واحدة

                                                           

طريقة التركيب :

بلنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                                                        لاتنسى اخد نسخة احتياطية للقالب 

1.لوحة التحكم                                                                                   1 -.لوحة التحكم
2.القالب                                                                                            2  - .تخطيط أوتصميم  
3. ثم تحريرhtml;.                                                                        ثم 3 - تحريرhtml.    
 4.متابعة                                                                                          4-.توسيع القالب 
5.توسيع القالب                                                       
                          ثم ابحث عن الكود التالي :بالضغط على      alt+f

</head>

ثم ضع فوقه الكود التالي

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

ادا كنت ركب هدا الكود من قبل فقط تجاوز هده المرحلة

ثانيا :

  ضع الكود التالي فوق  </head>  مباشرة    :

<link href="https://plus.google.com/102510956572643740745" 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>

مع تغير   102510956572643740745    بالأرقام الموجودة   في  رابط صفحتك على جوجل

تالثا   الكود التاني: 

طريقة التركيب

.1 اذهب للوحة التحكم 

2. تخطيط 

3.عناصر الصفحة

4. اضف اداة

6.اختار  Html/Javascript

 هدا هو الكود 

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".ccslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-270"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.ccslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkr4SSMoeSZOSDDUtiXiD3MCefOj98iUf0agEfyfDnK0UfYl16whbUpjeQyv8BNKXn59OwuUtvPJRUUxL7REAGicqw95MgrRpcj1d14GipcAquzGBQqWn4FtRl3K6Wb6eRnQij8I_NsZk/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%;}

.ccslikebox div{border:none;position:relative;display:block;}

.ccslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.ccslikebox span a{color: #808080;text-decoration:none;}

.ccslikebox span a:hover{text-decoration:underline;}

</style><div class="ccslikebox" 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%2Fchamelcomblogger&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>

ملاحضة :
 قم بتغير   chamelcomblogger    باسم صفحتك على الفيسبوك أما دا كان اسم صفحتك طويل وعبارة عن أصفار فقم بالدخول على هدا الرابط ثم ضع اسم مختصرا لصفحتك  Facebook.com/username

ثم غير  105111763875634408359   بالارقام التي ستجدها في  الرابط في صفحتك على جوجل بلس

7-ثم احفض الأدة 

ومبروك الاضافة