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

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

امتیاز دهید :

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

Time limit is exhausted. Please reload CAPTCHA.

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

با عضویت در خبرنامه، تازه‌ترین نوشته‌های وبلاگ را در ایمیل‌تان دریافت کنید.
برای عضویت نشانی ایمیل خود را وارد کرده و بر روی دکمه عضویت کلیک نمایید.