آموزش وردپرسمقالههک ها

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

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

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

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

<script src="https://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 0s;    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="https://www.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="https://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>

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

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

آقای وردپرس

در حال ارسال
نقد کاربر
۰ (۰ رای)
امتیازات نظرات ۰ (۰ بررسی ها)
بیشتر بخوانید :   چگونه آخرین نوشته ها از یک دسته خاص وردپرس را نمایش دهیم ؟
دریافت فایل
برچسب ها
نمایش بیشتر

سید حامد حسینی

بنده سید حامد حسینی هستم ، میدیریت سایت آقای وردپرس و ووکامرس فارسی ، دوست وردپرسی شما ، تیم آقای وردپرس

نوشته های مشابه

‫۲ نظرها

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

در حال ارسال

دکمه بازگشت به بالا
بستن
بستن