نویسنده: علی باقری نیا
تاریخ: ۱۷,فروردین,۱۳۹۲
آخرین ویرایش: ۰۴ مرداد ۱۳۹۶
۲ دیدگاه
1409 بازديد

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

خب بریم سراغ آموزش : ۱-این کد را قبل ار تگ ...

امتیاز دهید :

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

  • 259

    امروز با آموزش اضافه کردن گوگل پلاس باشما هستیم.برای دریافت کد + آموزش به ادامه مطلب مراجعه نمایید

    خب بریم سراغ آموزش :

    ۱-این کد را قبل ار تگ <head/> در فایل header.php قرار دهید

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

    و همچنین

    ۰۱
    ۰۲
    ۰۳
    ۰۴
    ۰۵
    ۰۶
    ۰۷
    ۰۸
    ۰۹
    ۱۰
    ۱۱
    ۱۲
    ۱۳
    ۱۴
    <script type="text/javascript" language="JavaScript">
    <!--
    function toggleDiv(element){
    if(document.getElementById(element).style.display = 'block')
    {
    document.getElementById(element).style.display = 'none';
    }
    else if(document.getElementById(element).style.display = 'none')
    {
    document.getElementById(element).style.display = 'block';
    }
    }
    //-->
    </script>
    ۰۱
    ۰۲
    ۰۳
    ۰۴
    ۰۵
    ۰۶
    ۰۷
    ۰۸
    ۰۹
    ۱۰
    ۱۱
    ۱۲
    ۱۳
    ۱۴
    ۱۵
    ۱۶
    ۱۷
    ۱۸
    ۱۹
    ۲۰
    ۲۱
    #gplus {
        background: url("آدرس عکس گوگل پلاس شما ") no-repeat scroll center top #F6F6F6;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 0 3px #888888;
        color: #000000;
        margin-bottom: 9px;
        margin-top: 4px;
        opacity: 0.4;
        padding: 0 7px 7px;
        text-align: right;
        text-shadow: 1px 1px 0 #FFFFFF;
        transition: all 0.3s ease-in 0s;
        width: 235px;
    }
    #gplus:hover {
        background: url("آدرس عکس گوگل پلاس شما") no-repeat scroll center top #EBEBEB;
        box-shadow: 0 0 3px #888888;
        color: #000000;
        opacity: 1;
        text-shadow: 1px 1px 0 #FFFFFF;
    }

    ۲- و حالا این کد را در فایل style.css قرار دهید

    ۳- و حالا این کد را در فایل footer.php قرار دهید
    ۰۱
    ۰۲
    ۰۳
    ۰۴
    ۰۵
    ۰۶
    ۰۷
    ۰۸
    ۰۹
    ۱۰
    ۱۱
    ۱۲
    ۱۳
    ۱۴
    ۱۵
    <div id="gplus" style="position:fixed;left:10px;bottom:2px;z-index:1000;">
    <div onClick="toggleDiv('gplus');" style="float:right;margin:7px 0 0 0;cursor:pointer;">
    <img src="آدرس عکس بسته شدن پنجره/close.png"></div>
    <div style="float:right;margin:10px 5px 0 0">
    <font face="Tahoma" size="1" color="#001c3f">
    با کلیک بر روی +۱ ما را در گوگل محبوب کنید.
    </font>
    </div>
    <div style="float:right;margin:5px 5px 0 10px">
    <a><img src="آدرس عکس گوگل پلاش شما "></a>
    </div>
    <div style="float:left;margin:10px 10px 0 10px">
    <g:plusone size="medium" href="<?php echo home_url(); ?>"></g:plusone>
    </div>
    </div>
    • تازه های وردپرس رو از کانال تلگرام خانه وردپرس دنبال کنید