با سلام به همه ی کاربران عزیز وردپرس پارسی
امروز با آموزش اضافه کردن گوگل پلاس باشما هستیم
خب بریم سراغ آموزش :
۱-این کد را قبل ار تگ <head/> در فایل header.php قرار دهید
<script src="http://apis.google.com/js/plusone.js" type="text/javascript" gapi_processed="true"></script>
و همچنین
<script type="text/javascript" language="JavaScript"> <!-- 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>
#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; }
2- و حالا این کد را در فایل style.css قرار دهید
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="آدرس عکس بسته شدن پنجره/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="آدرس عکس گوگل پلاش شما "></a> </div> <div style="float:left;margin:10px 10px 0 10px"> <g:plusone size="medium" href="<?php echo home_url(); ?>"></g:plusone> </div> </div>
در قسمت نظرات منتظر شما هستیم ..موفق باشید
بفرمایید
http://jonathanbjorkskog.com/wp-content/uploads/2011/06/add-google-plus-one-button-to-website.jpg