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

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

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

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

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

<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

پاسخ دهید

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

اشتراک در خبرنامه ایمیلی آقای وردپرس

با اشتراک در خبرنامه از آخرین اخبار وبسایت آقای وردپرس با خبر شوید

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