اخیرا گوگل امکان جدیدی عرضه کرده بنام گوگل پلاس که رتبه سایت در جستجوها را افزایش می دهد . تقریبا شبیه به لایک کردن صفحه ، سایت ، مطلب و … است . در این پست آموزش قرار دادن این دکمه را در قالب سایت یا وبلاگ شما ذکر می کنیم . [...]
اگر کمی با کدنویسی HTML آشنا باشید این کار به آسانی خواهد بود . برای این کار کافیست که یک فایل را از طریق کد زیر در قالب خود فراخوانی کنید :
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'fa'}
</script>
* دقت کنید که این کد حتما باید بین دو تگ <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>با کلیک روی +۱ ما را در گوگل محبوب کنید</div>  <center><g:plusone size="tall"></g:plusone></a></center></div>
حال از دکمه خود لذت ببرید و سایت یا وبلاگ خود را در گوگل محبوب کنید .
برای تغییرات و اختصاصی کردن دکمه نیز کافیست که مقادیر ذکر شده زیر را در کد بالا تغییر دهید و مقادیر مورد نظر خود را قرار دهید :
float:left; سمت چپ بودن دکمه
border:1px #999
background:#bdeaff;
width:200px; عرض باکس
font-size:11px; سایز فونت
برای اینکه دکمه +۱ گوگل فقط در قسمتی از بلاگ شما مثل پست ، بلوک و ….. نمایش داده شود کافیست که ابتدا فایل جاوااسکریپت بالا را فراخوانی کنید سپس در مکان مورد نظر با قرار دادن کدهای زیر دکمه گوگل پلاس را قرار دهید .
<g:plusone size=”small”></g:plusone> کوچک
<g:plusone></g:plusone> استاندارد
<g:plusone size=”medium”></g:plusone> متوسط
<g:plusone size=”tall”></g:plusone> قدی
کافیست یکی از کدهای بالا را با توجه به اندازه هایشان قرار دهید .
برای وردپرس نیز دوست خوبم یه افزونه قرار داده که می توانید از اینجا دانلود کنید .
با تشکر
کیوان ا K1
دسته بندی : 
نویسنده : کیوان 
بابا خدا پدرتون رو بیامرز خب زود تر میگفتید بابا ما رو کشتید..ایول الله خدا خیرتون بده..منون..ایشا الله عروسیت خودم جبران میکنم…یا حق
ممنون
دستت درد نکنه
خواهش می کنم
آموزش هدر هم بزارین هدر وبلاگ عکس ممنون میشم.
آموزش تغییر هدر برای قالبهای مختلف فرق می کنه اما چشم در فرصتی آموزش جامعی می زارم که بتونید این کارو انجام بدید .
میتونیم ارتفاع شو ببریم بالا آخه چسبیده به آخر صفحه.ممنون میشم کمکم کنی.
برای تغییر ارتفاع می تونید کد زیر رو ویرایش کنید تو قسمت کدهاش و درصد اونو کمتر کنید .
top:83%;
میشه دکمه ی گوگلو ارتفاعی نباشه.
آره می تونید از دستورهای دیگه استاندارد گوگل استفاده کنید فقط کافیه جای کد زیر
tall ( در خط انتهایی )
بجاش از مقادیر زیر استفاده کنید .
small کوچک
استاندارد
medium متوسط
سلام.ببخشید من به کمکتون نیاز دارم.اگه میشه منو ادد کنید.چون چنتا سوال دارم کسی جوابگو نیست.منتظرم
سلام
این کدی که گذاشتی دکمش کار نمیکنه
یعنی دکمه رو نشون نمیده متنش رو مینویسه ولی از دکمه خبری نیست
دوست عزیز باید دکمه رو آپلود کنید و تو فایل جاوا اسکریپت جایگزاری کنید
سلام
میشه این کدو کنار مطالبی که توی وبلاگ میزاریم گذاشت لطف کن کمک کن.
آره میشه اما متاسفانه داخل نظرات نمیشه کدی نوشت که بهت بگم به همین علت آخر مطلب برات می زارم با توضیح کامل .
دوباره سلام آقا کیوان
میشه هر سری که خودمون توی وبلاگ میریم روی دکمه گوگل پلاس کلیک کنیم تا امتیاز بده یا فقط هر نفر یدونه میتونه کیلیک کنه .
آره میشه . اما هر نفر فقط می تونه روزی یکبار کلیک کنه .
مرسی عالی بود
خواهش می کنم برای من که از ورد پرس استفاده می کنم یه توضیح کامل به ایمیلم بفرستید با عرض تشکر فراوان
دوست عزیز کافیه شما در فایل header.php خود فایل جاوااسکریپت را بین دو تگ head فراخوانی کنید و کد ذکر شده در مطلب را در فایل footer.php خود بعد از تگ body/ قرار دهید .
سلام چطوری میشه کاری کرد این افزونه با صفحه بیاد پائین ؟؟؟؟
ممنون میشم اگه کمکم کنید . با تشکر
توی فایل استایل یا css بهش مقدار ثابت توی صفحه بدهید ..
سلام . من متوجه نشدم … میشه دقیقا بگید کدوم کد ها رو تغییر بدم .
کد های درون قسمت
در سایت جست جو کنید نمونه کد ها موجود می باشد …اگه می خواهید به شکل شیشه ای خیلی قشنگ در بیاد این تکه کد css رو تو استایل اضافه کنید.
opacity : 0.8;
شما میتونید مقدار شو بسته به میل خودتون از ۰ تا ۱ تنظیم کنید