آموزش کامل دکمه گوگل پلاس1+

در این آموزش قصد داریم به شما وبمستران عزیز به طور کامل و حرفه ای آموزش های مربوط به دکمه گوگل پلاس ۱+ را بدهیم با ما همراه باشید.

سایت گوگل برای بهتر کردن جستجوی خود و همچنین رقابت با دکمه لایک فیسبوک ، دکمه ۱+ را به وبمستران ارائه کرده است
به گفته گوگل هر کاربری که بر روی دکمه سایتی کلیک کرده و به آن امتیاز بدهد در جستجوی گوگل همان فرد موضوع جستجو شده اگر با سایت مرتبط باشد سایت مورد نظر در جایگاه بالاتری قرار خواهد.
حال چطوری می توان این دکمه را به سایت یا و وبلاگ اضافه نمود؟

برای اضافه کردن این دکمه به سایت و وبلاگتان ابتدا کد زیر را در بخش head قالب خود قرار دهید این بخش در ابتدای کد های قالبتان موجود است

حال نصف کار را انجام داده اید برای نمایش دکمه کدی وجود دارد که تنها با قرار دادن آن در بخش مورد نظر دکمه نمایش داده می شود

<g:plusone count="true"></g:plusone>

کد بالا را هر کجا بگذارید دکمه ۱+ نمایش داده می شود این کد به صورت اتوماتیک بوده و در هر صفحه امتیاز همان صفحه را نشان می دهد.
برای سفارشی کردن دکمه راه هایی وجود دارد

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

<g:plusone "href="http://4abzar.ir"></g:plusone>

برای تغییر شکل دکمه نیز می توانید مانند زیر عمل کنید

<g:plusone size="small" href="http://4abzar.ir"></g:plusone>

برای تغییر شکل به جای کلمه small می توانید tall را نیز وارد کنید ولی اگر می خواهید به شکل اصلی خود باشد از کد همان کد قبلی استفاده کنید.

این هم برای کاربران رزبلاگ : کاربران سایت رزبلاگ می توانند این کد را در بخش مطلب خود در قالب قرار دهند تا برای هر مطلب دکمه گوگل پلاس قرار دهند

<g:plusone " href="[cb:post_href]"="false"></g:plusone>

خب حالا چند تا کد دارم برای قرار دکمه در باکس های مختلف که با بالا و پایین رفتن در سایت و وبلاگ شما حرکت می کنند

<br /> .kadr2{ background:url(http://im.perfo.ir/forum/Green.png); border:1px solid #00aeff; color:#000099; font-size:11px; line-height:20px; padding:4px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-align:center } <div class="kadr2" style="position:fixed;left:2px;bottom:2px;z-index:1000;"> با کلیک بر روی ۱+ ما را در گوگل محبوب کنید<br /> <g:plusone count="true"></g:plusone> </div> <p> <div style="display:none"> <h1><a href="http://4abzar.ir">google+1</a></h1> </div> <p>

<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 count="true"></g:plusone> </div> <p> با کلیک بر روی ۱+ ما را در گوگل محبوب کنید </p></div> </p></div> <div style="display:none"> <h1><a href="http://4abzar.ir">google+1</a></h1> </div> <p>

<div style="border:1px solid #FF66CC; z-index: 500;color:#333;font-size:11px;line-height:20px;padding:5px;border-top-right-radius:8px;border-top-left-radius:8px;text-align:center;font-size:8pt;position:fixed;left:10px;bottom:10px;background-color:#FFE5F7;background-repeat:repeat; font-family:tahoma" dir="rtl"> با کلیک بر روی ۱+ ما را در گوگل محبوب کنید <br /> <g:plusone count="true"></g:plusone></p> <div style="display:none"> <h1><a href="http://4abzar.ir">google+1</a></h1> </div> <p>

اگر سوال یا مشکلی در این باره دارید در بخش نظرات همین مطلب بیان کنید.