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

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

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

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

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

<script src="http://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="http://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="http://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>

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

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

آقای وردپرس

دانلود فایل

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

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

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

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

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

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

5 دیدگاه

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

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

  3. ممنون تو دو تا از سايتام سايتم استفاده كردم
    http://www.janebiplus.com
    http://www.cnckaar.ir

پاسخ دهید

نیاز به مشاوره دارید ؟ با ما تماس بگیرید 09211881543 - 03133456187
دوره آموزش رایگان طراحی قالب وردپرس

دوره رایگان طراحی سایت از صفر تا صد

برای شرکت در دوره رایگان آموزش طراحی قالب وردپرس ( طراحی سایت ) ایمیل خود را وارد کنید

اشتراک شما با موفقیت انجام شد ( ایمیل خود را چک کنید)