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

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

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

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

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

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

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

#gplus {    background: url("آدرس تصویر مورد نظر") no-repeat scroll center top #F6F6F6;    border-radius: ۵px ۵px ۵px ۵px;    box-shadow: ۰ ۰ ۳px #۸۸۸۸۸۸;    color: #۰۰۰۰۰۰;    margin-bottom: ۹px;    margin-top: ۴px;    opacity: ۰.۴;    padding: ۰ ۷px ۷px;    text-align: right;    text-shadow: ۱px ۱px ۰ #FFFFFF;    transition: all ۰.۳s ease-in ۰s;    width: ۲۳۵px;}#gplus:hover {    background: url("آدرس تصویر مورد نظر") no-repeat scroll center top #EBEBEB;    box-shadow: ۰ ۰ ۳px #۸۸۸۸۸۸;    color: #۰۰۰۰۰۰;    opacity: ۱;    text-shadow: ۱px ۱px ۰ #FFFFFF;}  

۳- و حالا این کد را در فایل 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. سلام عزیز من هم مثل شما دارم از قالب ساهیفا استفاده میکنم
    مشکل من با قالب اینمه که پیوندی یکتا رو گذاشتم رو نام نوشته تا وقتی پست هارو میخوام بزنم صفحه ۲ یا سه یا هر صفحه دیگه ارور ۴۰۴ نده که درست هم شد مثل شما ولی تو این حالت نمیتونم از دکمه گوگل پلاس استفاده کنم
    شما چیکار کردید که میتونید از دکمه گوگل پلاس استفاده کنین؟؟

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

ارسال دیدگاه

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

*

x

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

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

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

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