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

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

امتیاز دهید :

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>
  • نویسنده
    علی باقری نیا
  • تعداد بازدید
    18 views
۲دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید

Time limit is exhausted. Please reload CAPTCHA.



logo-samandehi


نوشته‌های ویژه