انجمن سایت کلیدستان


رتبه موضوع:
  • 1 رای - 3 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
کدهای لازم برای قرار دادن دکمه گوگل پلاس (google plus) در سایت

کدهای لازم برای قرار دادن دکمه گوگل پلاس (google plus) در سایت

#1
سلام .
چناچه کدهای زیر رو در میان کدهای سایت خود قرار دهید ، آنگاه دکمه گوگل پلاس (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
bookbook 
لطفا برای درج کد، از دکمه مخصوص درج کد در ادیتور انجمن استفاده کنید.
در مورد برنامه نویسی، مدیران تنها راهنمایی می کنند و نوشتن برنامه نهایی، به عهده کاربران می باشد (اینجا محلی برای یادگیری است، نه سفارش کدنویسی).
کاربران باید ابتدا خود به خطایابی برنامه بپردازند، نه اینکه به محض دیدن خطا، کدها را در انجمن، copy و paste کرده و از مدیران انتظار بررسی داشته باشند.
پاسخ
 سپاس شده توسط ali

کدهای لازم برای قرار دادن دکمه گوگل پلاس (google plus) در سایت

#2
سلام .
کدوم بخش از کدها باعث میشه که مکان دکمه تغییر نکنه و با جابجا کردن صفحه توسط کاربر همین طور یک گوشه نمایش داده بشه ؟
من فکر می کردم این کار باید خیلی پیچیده باشه ! Rolleyes
نیروی من به اندازه نیروی 10 تن است زیرا قلبی پاک دارم.
    
پاسخ

کدهای لازم برای قرار دادن دکمه گوگل پلاس (google plus) در سایت

#3
اگر در کدها دقت کنید ، در اصلی ترین تگ div ، مشخصه position به صورت زیر تعیین شده است :

کد:
position:fixed

که باعث میشه محتویات درون این تگ div به صورت ثابت ، در محلی که تعیین می کنیم نمایش داده بشن .
bookbook 
لطفا برای درج کد، از دکمه مخصوص درج کد در ادیتور انجمن استفاده کنید.
در مورد برنامه نویسی، مدیران تنها راهنمایی می کنند و نوشتن برنامه نهایی، به عهده کاربران می باشد (اینجا محلی برای یادگیری است، نه سفارش کدنویسی).
کاربران باید ابتدا خود به خطایابی برنامه بپردازند، نه اینکه به محض دیدن خطا، کدها را در انجمن، copy و paste کرده و از مدیران انتظار بررسی داشته باشند.
پاسخ
 سپاس شده توسط شماره مجازی امارات ، تلگرام ضد فیلتر 2023


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان