گوگل پلاس شناور برای سایت

1

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

دلیل استفاده از گوگل پلاس شناور در سایت چیست ؟

به طورکلی یکی از سرویس های گوگل ، گوگل پلاس می باشد  می توان گفت که یکی از نیازهای مهم سایت ها امروزه گوگل پلاس است

از طرفی گوگل پلاس به صورت شبکه های اجتماعی فعال می باشد و همه ما می دانیم که شبکه های اجتماعی چه تاثیراتی برای رشد سریع تر سایت دارند

نحوه قرار دادن گوگل پلاس به صورت شناور در سایت

2

چگونه از گوگل پلاس شناور در سایت خود استفاده کنیم

اینکه چگونه می توان از گوگل پلاس شناور در سایت استفاده نمود بسیار روش های متفاوت وجود دارد

ولی ما در این مقاله به این موضوع می پردازیم که کاربران بتوانند از طریق گوگل پلاس به مطالب و سایت ما ۱+ بدهند تا به این وسیله هم افراد دیگر مطالب را ببیند  هم مطالب در گوگل پلاس به استراک گذاشته شود

 

افزودن دکمه گوگل پلاس شناور و ثابت کنار سایت

3

اولین کاری که باید انجام بدهید این است که کدی که در زیر قرار دارد را در پایین سایت خودتان و قبل از تگ</body>  قرار دهید

اگر شما دارای سایت وردپرسی می باشد باید این کد را داخل فایل footer.php قرار دهید

۱

۲

۳

۴

۵

۶

۷

۸

۹

۱۰

&lt;div class=&quot;g-plus&quot;&gt;

&lt;p style=&quot;text-align:center&quot;&gt;

دنبال کردن

&lt;/p&gt;&lt;br /&gt;

&lt;g:plusone&gt;&lt;/g:plusone&gt;

&lt;!– address –&gt;

&lt;g:plusone href=&quot;https://plus.google.com/u/0/+bigthemeir/posts&quot;&gt;&lt;/g:plusone&gt;

&lt;!– include the JS file –&gt;

&lt;/div&gt;

&lt;script src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;

حالا باید در داخل کد به جای Google plus page url ، آدرس صفحه خود در گوگل پلاس را قرار دهید

حال در قدمی باید شروع به نوشتن استایل برای این بخش کنید

حال اگر بخواهیم استایل به صورت شناور باشد باید کد زیر را داخل فایل های css  قرار دهید ولی اگر سایت شما وردپرسی می باشد باید در داخل فایل style.css کد زیر را قرار دهید

۱

۲

۳

۴

۵

۶

۷

۸

۹

۱۰

۱۱

.g-plus {

    background: #000 none repeat scroll 0 0;

    border-radius: 4px;

    bottom: 250px;

    color: #fff;

    left: 5px;

    opacity: 0.7;

    padding: 3px;

    position: fixed;

    width: 98px;

}

به همین راحتی شما می توانید باکس اشتراک گذاری را و همچنین امتیازدهی به سایتتان در گوگل پلاس را به سایت خود اضافه نمایید