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

با سلام خدمت کاربران عزیز و محترم آقای وردپرس

امروز یک آموزش دیگه براتون گذاشتم که امیدوارم ازش خوشتون بیاد.

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

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

و همچنین :

<!--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>

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

#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;}  

3- و حالا این کد را در فایل 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="https://www.mrwordpress.ir/wp-content/uploads/2012/10/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="https://www.wpland.ir/wp-content/uploads/2012/10/google_plus.gif"></a></div><div style="float:left;margin:10px 10px 0 10px"><g:plusone size="medium" href="<?php echo home_url(); ?>"></g:plusone></div></div>

موفق و سربلند باشید.
بدرود.

منتظر نظرات سازندتون هستم نظر یادتون نره!!!

آقای وردپرس

Sending
User Review
( votes)
بیشتر بخوانید :   وردپرس فارسی ۳٫۴ نگارش استاد «علی‌اکبر شکارچی»

5 نظر در “آموزش اضافه کردن دکمه گوگل پلاس”

  1. سلام بر شما.
    ببخشید بنده تو برخی از سایت ها دیدم که علاوه بر دگمه ی گوگل پلاس ۱+ چند تا دکمه ی دیگه مثل فیسبوک و لینکداین هم استفاده شده.
    من الان از کدی که دادید تو سایتم استفاده میکنم
    http://www.arize ir
    ولی نمیدونم دکمه ی فیسبوک ، لینکداین و توییتر رو چجوری بهش اضافه کنم
    ممنون میشم اگه راهنمایی بفرمایید و کد اونها رو هم بهم بدید.
    سپاس

  2. سلام عزیز من هم مثل شما دارم از قالب ساهیفا استفاده میکنم
    مشکل من با قالب اینمه که پیوندی یکتا رو گذاشتم رو نام نوشته تا وقتی پست هارو میخوام بزنم صفحه 2 یا سه یا هر صفحه دیگه ارور 404 نده که درست هم شد مثل شما ولی تو این حالت نمیتونم از دکمه گوگل پلاس استفاده کنم
    شما چیکار کردید که میتونید از دکمه گوگل پلاس استفاده کنین؟؟

پیام بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

20 − 17 =