دسته بندی : کد زیباساز وب،
اخیرا گوگل امکان جدیدی عرضه کرده بنام گوگل پلاس که رتبه سایت در جستجوها را افزایش می دهد . تقریبا شبیه به لایک کردن صفحه ، سایت ، مطلب و … است . در این پست آموزش قرار دادن این دکمه را در قالب سایت یا وبلاگ شما ذکر می کنیم . [...]
اگر کمی با کدنویسی HTML آشنا باشید این کار به آسانی خواهد بود . برای این کار کافیست که یک فایل را از طریق کد زیر در قالب خود فراخوانی کنید :
< type="text/java" src="https://apis.google.com/js/plusone.js">
{lang: "fa"}
< />
* دقت کنید که این کد حتما باید بین دو تگ <head> و <head/> قرار بگیرد .
سپس لازم است که کد زیر را بد از تگ <body/> در قالب خود ( در خط های آخری قالب خود ) قرار دهید .
<div style="position:fixed; right:77%; top:83%; float:left; border:1px #999 solid; padding:7px; background:#bdeaff; width:200px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>با کلیک روی +1 ما را در گوگل محبوب کنید</div> & nbsp<center><g:plusone size="tall"></g:plusone></a></center></div>
حال از دکمه خود لذت ببرید و سایت یا وبلاگ خود را در گوگل محبوب کنید .
برای تغییرات و اختصاصی کردن دکمه نیز کافیست که مقادیر ذکر شده زیر را در کد بالا تغییر دهید و مقادیر مورد نظر خود را قرار دهید :
float:left; سمت چپ بودن دکمه
border:1px #999
background:#bdeaff;
width:200px; عرض باکس
font-size:11px; سایز فونت
برای اینکه دکمه +1 گوگل فقط در قسمتی از بلاگ شما مثل پست ، بلوک و ….. نمایش داده شود کافیست که ابتدا فایل جاوااسکریپت بالا را فراخوانی کنید سپس در مکان مورد نظر با قرار دادن کدهای زیر دکمه گوگل پلاس را قرار دهید .
<g:plusone size=”small”></g:plusone> کوچک
<g:plusone></g:plusone> استاندارد
<g:plusone size=”medium”></g:plusone> متوسط
<g:plusone size=”tall”></g:plusone> قدی
کافیست یکی از کدهای بالا را با توجه به اندازه هایشان قرار دهید
یا بهتر است به سایت http://www.google.com/webmasters/+1/button/#customize-snippet
