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

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

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

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

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

<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.janebiplus.com
    http://www.cnckaar.ir

  2. سلام عزیز من هم مثل شما دارم از قالب ساهیفا استفاده میکنم
    مشکل من با قالب اینمه که پیوندی یکتا رو گذاشتم رو نام نوشته تا وقتی پست هارو میخوام بزنم صفحه ۲ یا سه یا هر صفحه دیگه ارور ۴۰۴ نده که درست هم شد مثل شما ولی تو این حالت نمیتونم از دکمه گوگل پلاس استفاده کنم
    شما چیکار کردید که میتونید از دکمه گوگل پلاس استفاده کنین؟؟

  3. سلام بر شما.
    ببخشید بنده تو برخی از سایت ها دیدم که علاوه بر دگمه ی گوگل پلاس ۱+ چند تا دکمه ی دیگه مثل فیسبوک و لینکداین هم استفاده شده.
    من الان از کدی که دادید تو سایتم استفاده میکنم
    http://www.arize ir
    ولی نمیدونم دکمه ی فیسبوک ، لینکداین و توییتر رو چجوری بهش اضافه کنم
    ممنون میشم اگه راهنمایی بفرمایید و کد اونها رو هم بهم بدید.
    سپاس

پاسخ دهید

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

دوره رایگان طراحی سایت از صفر تا صد

دوره رایگان طراحی سایت از صفر تا صد

برای شرکت در دوره رایگان آموزش طراحی قالب وردپرس ( طراحی سایت ) ایمیل خود را وارد کنید

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