<style>
#gplus {
background : url(http://4blogers.com/wp-content/uploads/2012/12/gplus.gif) center top no-repeat #f6f6f6; opacity :0.8; center down no-repeat #5c5c5c; box-shadow: 0px 0px 3px #888; border-radius : 5px; padding : 7px; padding-top : 0; color : #000000; text-shadow : #fff 1px 1px 0; width : 235px; margin-bottom : 9px; margin-top : 4px; text-align : right; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;
}
#gplus:hover { background : url(http://4blogers.com/wp-content/uploads/2012/12/gplus.gif) center top no-repeat #ebebeb; opacity :1.0; box-shadow: 0px 0px 3px #888; color : #000000; text-shadow : #fff 1px 1px 0; }
</style>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<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://4blogers.com/wp-content/uploads/2012/12/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">
<img src="http://4blogers.com/wp-content/uploads/2012/12/google_plus.gif">
</div>
<div style="float:left;margin:10px 10px 0 10px">
<g:plusone size="medium"></g:plusone>
</div>