اضافه کردن گوگل پلاس به سایت به روش خانه وردپرس

امتیاز دهید :
امروز با آموزش اضافه کردن گوگل پلاس باشما هستیم.برای دریافت کد + آموزش به ادامه مطلب مراجعه نمایید
خب بریم سراغ آموزش :
۱-این کد را قبل ار تگ <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.3 s ease-in 0 s; 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 ; } |
۲- و حالا این کد را در فایل style.css قرار دهید
۰۱
۰۲
۰۳
۰۴
۰۵
۰۶
۰۷
۰۸
۰۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
|
<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> |
مرسی. مطلب خوبی بود.
ممنون از سایت خوبتون