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

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

با سلام به همه ی کاربران عزیز وردپرس پارسی

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

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

۱-این کد را قبل ار تگ <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>
در قسمت نظرات منتظر شما هستیم ..موفق باشید
دانلود فایل

درباره سید حامد حسینی

آقای وردپرس رو با دنیا عوض نمیکنم !

2 دیدگاه

  1. تشکر

    کاش یه نمونه شات هم میزاشتی 🙂

ارسال دیدگاه

ایمیل شما منتشر نخواهد شد فیلد های الزامی مشخص شده اند *

*

x

بیشتر بخوانید

نکاتی در راستای سئو مطالب سایت

نکاتی در راستای سئو مطالب سایت

امروزه بهینه سازی مطالب سایت یکی از دغدغه های مدیران هر سایت شده ، برای ...