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

۲ دیدگاه
نویسنده: علی باقری نیا
تاریخ: ۱۷,فروردین,۱۳۹۲
آخرین ویرایش: ۰۳ خرداد ۱۳۹۸
۲ دیدگاه
خب بریم سراغ آموزش : ۱-این کد را قبل ار تگ ...

امتیاز دهید :

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

259

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

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

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

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

و همچنین

01
02
03
04
05
06
07
08
09
10
11
12
13
14
<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>
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
#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;
}

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

۳- و حالا این کد را در فایل footer.php قرار دهید
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
<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>
  • نویسنده
    علی باقری نیا
  • تعداد بازدید
    248 views
۲دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید

Time limit is exhausted. Please reload CAPTCHA.

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