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

دسته‌بندی: آموزشگاه,کد ها و هک ها

۲ دیدگاه

نویسنده: علی باقری نیا

تاریخ: ۱۷,فروردین,۱۳۹۲

آخرین ویرایش: ۲۹ مهر ۱۳۹۷

۲ دیدگاه

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

امتیاز دهید :

(No Ratings Yet)

مشخصــات :

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

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

۱-این کد را قبل ار تگ <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>

پیشنمایش پارسی :

پیشنمـایش پـــارسـی

آنلاین خرید کنید :

برچسب‌ها: اموزش,اموزش اضافه کردن کد گوگل پلاس,اموزش اضافه کردن گوگل پلاس به سایت,اموزش گوگل پلاس,کد گوگل پلاس,کد گوگل پلاس برای سایت,گوگل,گوگل پلاس

امتیاز دهید :

مشخصــات :

لغو پاسخ

آموزشگاه