پلاگين گوگل پلاس

[Reza Ganji]

آموزش ایجاد دکمه گوگل پلاس در سایت پارس جوم منتشر شده و بیس کار توضیح داده شده است !

ابتدا در برچسب head فایل ایندکس قالب کد زیر رو اضافه کنید :

کد: (انتخاب همه)

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

شما یک موقعیت جدید ایجاد کنید و سپس داخل دایوی که برای نمایش گوگل پلاس ایجاد کردید متن دلخواه رو بنویسید مانند زیر :

کد: (انتخاب همه)

<div id="google plus"> برای حمایت از پارس جوم کلیک کنید.</div>

سپس تگ زیر رو هم در انتهای دایو اضافه کنید :

کد: (انتخاب همه)

<g:plusone></g:plusone>

حالا در سی اس اس قالب این دایو رو استایل دهی کنید و اگر میخواهید تقریبا شبیه همین سایت باشه از تگ های زیر استفاده کنید :

کد: (انتخاب همه)

#googleplus {
    background-color: #E3F5FD;
    border: 1px solid #006699;
    border-radius: 8px 8px 8px 8px;
    bottom: 5px;
    color: #990000;
    height: 30px;
    padding-right: 5px;
    padding-top: 5px;
    position: fixed;
    right: 15px;
    width: 340px;
}

اگر سورس همون صفحه رو هم ببینید همینگونه عمل شده و اگر مشگلی بود باز مطرح کنید !