أضافة صندوق جوجل بلس للبلوجر بشكل جميل

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

 طريقة تركيب الأضافة لمدونات بلوجر

1-قم بالتوجة الى لوحة التحكم في بلوجر وأختر منها "التخطيط"
2-قم بأضافة "أداة جديدة" وأنقر على أضافة HTML/Java Script
3-قم بنسخ الكود التالي ولصقة في HTML/Java Script
4-قم بتغيير رابط https://plus.google.com/u/0/117979148645812741922 الى رابطك الخاص بجوجل وقم بعملية الحفظ..

<style>  .NBT-gplusslide {      position: fixed;      z-index:9;      top: 100px;      left: 0;      -webkit-transition-duration: 1s;      -moz-transition-duration: 1s;      -o-transition-duration: 1s;      transition-duration: 1s;  }  .NBT-gpluscontainer {      height:270px;      width:291px;      border:2px solid #FF0000;      ;      border-radius:5px;      -moz-border-radius:5px;      -webkit-border-radius:5px;      background:#dcdcdc;      position: fixed;      z-index:9;      top: 100px;      left: -295px;      -webkit-transition-duration: 1s;      -moz-transition-duration: 1s;      -o-transition-duration: 1s;      transition-duration: 1s;  }  .NBT-gplusslide:hover {      left:295px;  }  .NBT-gplusslide:hover .NBT-gpluscontainer {      left: 0;  }  </style>  <div class="NBT-gplusslide">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5fnPRagDnVFBUYzIeeDsouRl2FzGvnOUbWr9XiYWolU1-ee4OQdq5TQi9CpfRhUPhd-s_prDvPZMPMq0p6iTtsslRfcyTRw_92STAhCivSfU1ME8kZm8h6iDFdKWNBaQ9dDQ9wlk2UPko/s1600/google+-ayudadeblogger.png" />    <div class="NBT-gpluscontainer">  <center><b><span style="background-color: red; color: white;">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;تأبعنا على جوجل بلس &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</span></b> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/u/0/117979148645812741922" data-source="blogger:blog:followers" data-width="270">  </div>  <script type="text/javascript">  document.write( unescape( '<div style="text-align: right;">
<span style="font-size: x-small;">&nbsp;</span></div>
' ) );        (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></center>    </div>  </div>

*يمكنك وضع الكود كذلك في تحرير HTML من خلال المظهر وقم بالبحث عن كود أو وسم <body/> وقم بنسخ ولصق الكود فوق <body/> وقم بعملية حفظ القالب وشاهد النتيجة,لاتنسى المشاركة والتعليق لكي تحفزنا أكثر ودمتم في حفظ الله.