گوگل پلاس:با کلیک بر روی 1+ ما را در گوگل محبوب کنید

حتما شما هم این جمله بر روی صفحات سایتها دیده اید

منظورم همان باکس ثابتی است که با تغییر صفحه و اسکرول دادن صفحه هم از جایش تکان می خورد

آیا دوست دارید کد html و اسکریپت آن را برای قرار دادن در قالب سایت خودتان داشته باشید

 مانند تصویر زیر می شود

 قبل از تگ BODY کپی کنید مانند تصویر زیر

کد های زیر مدل های مختلفی از گوگل پلاس در گوشه ی صفحه می باشد

به ویرایش قالب خود بروید و یکی از کد های زیر را مانند تصویر بالا در قالب خود بریزید

برای کپی کردن کد ها از ctrl+c استفده کنید

<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <div style="position:fixed;right:15px;bottom:15px;z-index:300; border: 1px solid #269AAE; border-bottom-color: #54CBE0; color: white; padding: 4px 7px; text-shadow: 0 -1px 0 rgba(0,0,0,.3); text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; khtml-border-radius: 4px; border-radius: 4px; background: #269AAE; background: -webkit-gradient(linear, right top, right bottom, color-stop(.2, #269AAE), color-stop(1, #28BBD5)); background: -moz-linear-gradient(center top, #269AAE 0%, #28BBD5 100%); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29);opacity:0.85;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in; "> <p> <p>ما را در گوگل محبوب کنيد</p> <g:plusone size="Standard"></g:plusone>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <div style="position:fixed;left:2px; bottom:10px;z-index:1000;"> <div style="background:#b3def2;font: normal 11px Tahoma; border:1px solid #00aeff; color:#107df6; line-height:20px;padding:5px 14px;"> <div align="center"> <g:plusone size="Standard"></g:plusone> </div> با کلیک بر روی 1+ ما را در گوگل محبوب کنید </div> </div>

<script type="text/javascript"><!-- var _gaq = _gaq || []; _gaq.push( ['_setAccount', 'UA-16343527-3'], ['_trackPageview'] ); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //--> </script> <center> <div style="background:url(https://rozblog.com/temp/skin/graphicsara/images/plus-b.png);border:1px solid #e05012;color:red;line-height:20px;padding:10px;-moz-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border-radius:8px;position:fixed;left:30px;bottom:30px;z-index:1000;"> <!-- Place this tag in your head or just before your close body tag --> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'fa'} </script> <!-- Place this tag where you want the +1 button to render --> <g:plusone size="Standard"></g:plusone>