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

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

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

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

<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="https://mrwp.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>

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

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

آقای وردپرس

تیم آقای وردپرس

تیم تولید محتوا و پشتیبانی سایت آقای وردپرس

این پست دارای 2 نظر است

دیدگاهتان را بنویسید