کلیدستان

نسخه‌ی کامل: کدهای لازم برای قرار دادن دکمه گوگل پلاس (google plus) در سایت
شما در حال مشاهده نسخه آرشیو هستید. برای مشاهده نسخه کامل کلیک کنید.
سلام .
چناچه کدهای زیر رو در میان کدهای سایت خود قرار دهید ، آنگاه دکمه گوگل پلاس (google plus) در گوشه سمت راست صفحات شما نمایش داده میشه و مکان نمایش اون هم کاملا ثابت خواهد بود و چنانچه کاربر به پایین صفحه برود ، مکان دکمه تغییری نمی کند . دو دکمه نمایش داده می شود که یکی مربوط به امتیاز صفحه اصلی سایت شما و دیگری مربوط به صفحه فعلی که کاربر در حال خواندن آن است ، می باشد .

کد:
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">{lang: 'fa'}</script>
<div style="position:fixed; right:20px; bottom:30px; float:left; border:3px #ff0000 solid; padding:7px; background:#fff; width:100px; border-radius: 7px;">
<center>
<div style="font:8pt tahoma;direction:rtl;margin-bottom:5px;">
امتياز به سايت
</div>

<div class="g-plusone" id="my_plusone" data-size="medium"></div>
<script type="text/javascript">
  document.getElementById("my_plusone").setAttribute("data-href", "http://www.kelidestan.com");
</script>
<div style="font:8pt tahoma;direction:rtl;margin-bottom:5px;">
امتياز به مطلب
</div>
<div class="g-plusone" id="my_plusone" data-size="medium"></div>
<div style="height:5px;"></div>

</center>
</div>

فقط دقت کنید که باید در کدهای بالا ، آدرس http://www.kelidestan.com نوشته شده را به آدرس صفحه اصلی سایت خود تغییر بدهید .
توصیه می شود این کدها را قبل از تگ پایانی <body/> قرار بدهید تا ابتدا محتویات سایت نمایش داده شود و پس از آن دکمه گوگل پلاس ، زیرا گاهی زمان بارگذاری دکمه گوگل پلاس زیاد می شود و اگر قبل از آن ، محتویات صفحه نمایش داده نشده باشد ، به احتمال زیاد کاربر صفحه را خواهد بست و به سراغ سایت دیگری می رود .

منبع (البته تنها کدها ، نه توضیحات) : qalebfa.com/google-plus-web
سلام .
کدوم بخش از کدها باعث میشه که مکان دکمه تغییر نکنه و با جابجا کردن صفحه توسط کاربر همین طور یک گوشه نمایش داده بشه ؟
من فکر می کردم این کار باید خیلی پیچیده باشه ! Rolleyes
اگر در کدها دقت کنید ، در اصلی ترین تگ div ، مشخصه position به صورت زیر تعیین شده است :

کد:
position:fixed

که باعث میشه محتویات درون این تگ div به صورت ثابت ، در محلی که تعیین می کنیم نمایش داده بشن .