لسلام عليكم ورحمة الله وبركاته
 قام موقع التواصل الاجتماعي الكبير جوجل بلس باطلاق زر جديد تحت اسم مشاركه وذلك لمشاركه تدويناتك من داخل المدونه ونشرها على جوجل بلس ياتي هذا التحديث اكمالا لزر جوجل+1 وبهذا تكون جوجل بلس تساوت مع موقع الفيس بوك من خلال ازار المشاركه . مع فارق الاهميه والفاعليه لمحركات البحث حيث ان موقع التواصل الاجتماعي جوجل بلس ذو فائده اكبر بكثير من الفيس بوك ان كان الهدف هو السعى نحو الاشهار وهو ما يبتغيه كل صاحب مدونه . في السطور التاليه سنستعرض معا جميع الاشكال والاحجام المتاحه لزر مشاركة جوجل بلس الجديد وطريقة وضعها في المدونه:
1 - زر المشاركه العادي بالحجم الصغير
<div class="g-plus" data-action="share" data-annotation="none" data-height="15"></div> 

2 - زرالمشاركه العادي بالحجم المتوسط
<div class="g-plus" data-action="share" data-annotation="none"></div> 

3 - زر المشاركه العادي بالحجم الكبير
<div class="g-plus" data-action="share" data-annotation="none" data-height="24"></div>

الشكل الافقي :
1- زر المشاركه بشكل افقي صغير
<div class="g-plus" data-action="share" data-annotation="bubble" data-height="15"></div> 

2 - زر المشاركه بشكل افقي متوسط
<div class="g-plus" data-action="share" data-annotation="bubble"></div> 

3 - زر المشاركه بشكل افقي كبير
<div class="g-plus" data-action="share" data-annotation="bubble" data-height="24"></div>

الشكل العامودي: متاح منه حجم واحد فقط .
<div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div>

واخيرا زر المشاركه مع عدد مرات المشاركه
1 - الحجم الصغير
<div class="g-plus" data-action="share" data-height="15"></div>

2 - الحجم المتوسط
<div class="g-plus" data-action="share"></div>

3 - الحجم الكبير
<div class="g-plus" data-action="share" data-height="24"></div>
 ::::::::::::::::::::::::::::::
الان ناتي لطريقة اضافة زر مشاركة جوجل بلس الجديد الى مدونتك , اولا يجب عليك الذهاب الى لوحة تحكم بلوجر ثم الى القالب وبعدها تحرير HTML ثم نبحث عن هذا الوسم </head> ونضع قبله الكود الموجود بالاسفل
<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>
بعد ذلك قم باختيار اي حجم يناسبك من الموجوده بجانب كل صوره وضعها في اى مكان تريدها الظهور فيه .
ان اردتها في نهاية التدوينه قم بالبحث داخل القالب عن <data:post.body/> وضعها بعده اما ان اردتها تظهر في بداية التدوينه ضعها قبله ..
حل سريع لمن يريد افضل واقوى ازار المشاركه الاكثر فاعليه وهي تويتر وفيس بوك وزر المشاركه عليه بالبحث عن <data:post.body/> وضع بعده مباشرة الكود التالي وهو الذي استخدمه في مدونتي ويظهر في اخر كل تدوينه :
<!-- Scripts Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Twitter -->
<div style='float:right;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:right;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<div class='g-plus' data-action='share' data-annotation='bubble'/>
<!-- Facebook Like+Send -->
<div style='float:right;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
</div>
<div style='clear: both;'/>
<!-- Horizontal social buttons End -->
ثم قم بحفظ القالب . ومن يريد تغيير الشكل الذي استخدمه في مدونتي تقارب الى شكل اخر من المعروضين في بداية الموضوع عليه بالبحث داخل الكود السابق عن هذا السطر
<div class='g-plus' data-action='share' data-annotation='bubble'/>
ثم استبداله باي كود اخر يناسب مدونتك من الاشكال التي طرحتها . ثم قم بحفظ القالب .. بالتوفيق للجميع .
لاتنسو زيارة صفحتنا على الفيسبوك والاشتراك عبر البريدالالكتروني للتوصل باخرالمستجدات كان معكم اخوكم ابراهيم اوليلي