آموزش قرار دادن دکمه Googel +1 در انجمن ویبولتین همراه با افکتی بسیار زیبا

[Mr.Mohammad]

مدت ها از شروع به کار پروژه گوگل + گذشته است و هر روز کارایی این سیستم بین وب مستران بیشتر میشه و افراد بیشتری از این سیستم برای بالا بردن اعتبار و آمار خود در گوگل استفاده میکنند .

برای استفاده از این سیستم هر روز افزونه ها و آموزش های زیادی برای قرار دادن دکمه گوگل + برای درج در مطالب در انواع سیستم های مدیریت محتوا و انجمن ساز ارائه میشه . و آموزشی که امروز قصد دارم آن را قرار دهم در انجمن ها و سایت های خارجی و ایرانی مانند وی بی اسکین ([برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]) قرارگرفته است و به نوعی تکراری میباشد اما من این آموزش را کامل تر کردم تا شما همراه با این آموزش ، جلوه ی زیبایی به دکمه گوگل + خود داده باشید .


برای این کار شما اول باید به قسمت وبمستر پلاس وان گوگل بروید تا دکمه را دریافت کنید ([برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید])

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

سپس سایز دکمه را انتخاب کنید و Advanced options را بزنید و در قسمت URL to +1 آدرس سایت خودتون رو تایپ کنید سپس از کدی که در باکس زیر گزینه Advanced options ساخته میشود کد زیر را جدا کنید :
حالا در ویرایش قالب خودتون در قسمت headinclude کد <!–/ CSS Stylesheet –> را پیدا کنید و بعدش کدی را که از سایت گوگل برداشته اید قرار دهید .
حالا برای نمایش این دکمه در تمام صفحات انجمن خود وارد header قالبتون شوید و کد زیر را آخر تمام کدها قرار دهید :

 <!-- Googel +1 Button By Ariyanet.NET -->
<style type="text/css">
.ariyanet {
background: rgb(169,210,254);
background: rgba(20,150,204,0.7);
background: -moz-linear-gradient(top, rgba(169,210,254,0.7), rgba(20,150,204,0.7));
    border:1px solid #d7dee3;
    color:#000000;
    font-size:11px;
    line-height:22px;
    padding-top: 3px;
    padding:5px 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;    
    text-align:center;
    text-shadow: 2px 2px 3px #ffffff;
}
</style>
<div class="ariyanet" style="position:fixed;left:2px;bottom:2px;z-index:1000;">
از مطالب سایت خوشم آمد :
<g:plusone></g:plusone>
</div>
<!-- /Googel +1 Button By Ariyanet.NET --> 
  

با این کد دکمه گوگل + شما در مرورگر فایرفاکس به شکل زیر خواهد شد

[برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]
و در مرور گرهایی که از Css به خوبی پشتیبانی نمی کنند مانند Internet Explorer به صورت زیر نمایش داده خواهد شد

[برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

توجه داشته باشید که اگر قصد دارید تا رنگ های پس زمینه را عوض کنید کافیست که در کد بالا برای مرور گر اینترنت اکسپلورر کد[CODE]

 background: rgb(169,210,254);
background: rgba(20,150,204,0.7); 
  

و برای مرورگر فایر فاکس کد

 background: -moz-linear-gradient(top, rgba(169,210,254,0.7), rgba(20,150,204,0.7)); 
  

را ویرایش کنید
در ضمن در کد های بالا برای معرفی رنگ از rgb استفاده شده است و شما برای مشخص کردن کد رنگ های میتوانید از سایت که کد رنگ ها را به شما میدهند استفاده کنید ([برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید])

دمو : [برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

منبع : [برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

[ajamee]

با سلام من نصبش كردم كار ميكنه اما وقتي +1 رو ميزنم يك سايت باز ميكنه كه مال گوگل هست و يراي سايت من كه مثلا بايد قسمت سفيد عدد اضافه كنه نميكنه

[STRONG]

دوست عزیز شما باید اکانت جیمیل داشته باشید تا +1 برای سایتتان ثبت شود

[ajamee]

پس اونایی که وارد سایت میشن اکانت gmail نداشته باشند باید چیکار کنن

[mr.bahram]

اين يه موردي هست كه مخصوص گوگل هست
اجباري توي اين كه انجام بشه يا نشه درش نيست

[topolkhan]

سلام
میشه راهنمایی کنین که من چیکار کنم گدهای بالا را طبق آموزش قرار دادم اما سایتم بالا نمیاد
آقا بهرام یه راهنمایی بکنین لطفا
اینم آدرس سایتمه [برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

[mr.bahram]

سلام
میشه راهنمایی کنین که من چیکار کنم گدهای بالا را طبق آموزش قرار دادم اما سایتم بالا نمیاد
آقا بهرام یه راهنمایی بکنین لطفا
اینم آدرس سایتمه [برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

آرش جان الان سايت شما كامل داره بالا مياد براي من و مشكلي نداره

[topolkhan]

آقا بهرام لطفا راهنمایی کنید
من سایتمو قالبشو عوض کردم و مراحل رو دوباره انجام دادم اما مشکلم اینه که خود دکمه امتیاز دادن را دیگه نشون نمیده
نمیدونم چیکارش کنم
لطفا راهنمایی کنید

[shahab_sat]

اینترنت و ips شما با لود خود گوگل مشکلی نداره ؟

[CMSKade]

آدرس وبمستر گوگل چيه ؟!

[mr.bahram]

[برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]