رفتن به مطلب

پست های پیشنهاد شده

در این پست کد گوگل پلاس (1+) با طراحی زیبا و فلت دیزاین را برای شما آماده ساخته ام که امیدوارم از آن استفاده کرده و راضی کننده باشد . با قرار دادن چند خط کد که در ادامه توضیح خواهم داد , شما به راحتی میتوانید صفحات خود را توسط کاربران , در گوگل پلاسشان Share نمایید و با این کار هم به رتبه ی خود در سئو کمک کنید و هم بازدید وب سایت خود را ارتقا بخشید .

 

google-plus1.png.609a429b726d409122de54f2cd59a3e5.png

 

و اما آموزش :

در ابتدا کد های زیر را به css خود اضافه نمایید :

 

.google-plus{
    background:url(http://up.20script.ir/file/9e14-google-plus.png) no-repeat 95% center;
    width:300px;
    height:40px;
    background-color:#e74c3c;
    border-radius:5px;
    border-bottom:3px solid #da2c1a;
    display:flex;
    align-items:center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    position:fixed;
    left:5px;
    bottom:5px;
    z-index:1000;
    font-size: 12px;
    font-family:Tahoma;
    color:#fff;
    text-align: center;
}
.goggle-plus-button{
    width: 33%;
    display:flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 10px 0 0;
}

 

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

 
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div class="google-plus">
  <p>با يک کليک از ما حمايت کنيد</p>
  <div class="goggle-plus-button">
  <g:plusone size="large" href="http://www.name.ir"></g:plusone>
  </div>
</div>

 

نکته مهم : در کد بالا به جای لینک ها تنها برای اعضای سایت قابل نمایش است.  باید نام وب سایت خود را بنویسید .

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

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

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...