در این پست قصد دارم روش افزودن ابزار دکمه گوگل پلاس (Google Plus button) را به وبلاگ بلاگ اسکای توضیح دهم. اگر از سیستم وبلاگدهی Blogsky استفاده میکنید و این دکمه را بر روی قالب خود نصب نکردهاید، حتمن از این مطلب بهره ببرید.
توجه: چنانچه سرعت لود شدن (بارگذاری) وبلاگ برایتان مهم است، به جای کد بالا، از کد زیر استفاده کنید.
توجه کنید که محل چسباندن آن را دقیق انتخاب نمایید
برای نمونه:
<!DOCTYPE html>
<html>
<head>
<header />
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js?onload=onLoadCallback';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<style>
.......
مرحله دوم: کد پایین را در جای مناسب وبلاگ خود وارد کنید. قسمت پایین کدها میتواند جای مناسبی باشد.
برای نمونه:
<div class="footer">
</div>
</div>
<div style=" text-align: center; border-radius: 8px; z-index: 500; line-height:24px; padding:5px; font-size:12pt; position:fixed; right:10px; bottom:2px; background-color:#FFFF99; background-repeat:repeat; font-family:B Shadi" dir="rtl"><strong>امتیاز<br>دهید!</strong><br><g:plusone size="tall" href="@BlogUrl"></g:plusone><br/><g:plusone annotation="bubble" size="tall"></g:plusone><br/><div style="text-align: center;"><font size="5"><a href="http://ali-hort.blogsky.com/1392/10/27/post-1063/add-google-plus-to-your-web-log" target="_blank" title="افزودن دکمه گوگل پلاس؟"><strong>?</strong></a></font></div>
</body>
</html>
توجه: چنانچه به هر دلیلی نتوانستید به درستی دکمه گوگل پلاس را به وبلاگتان اضافه کنید، قالب وبلاگتان را برایم ایمیل کنید (یا آن را آپلود کنید و لینک دانلود را در بخش «تماس با من» بفرستید). در کمتر از 4، 5 ساعت، قالب خود را همراه با دکمه گوگل پلاس تحویل بگیرید.