السلام عليكم ورحمة الله وبركاتو؛؛؛؛
كود رائع يوضع في الهيدر او اي مكان يقبل الهتميل.

معاينه الكود

https://i.servimg.com/u/f83/15/90/68/93/22210.png


الكود

الكود:

<!-- Place this tag where you want the +1 button to render.
 --><div class="g-plusone" data-size="tall"
data-annotation="inline" data-width="300"></div>

<!-- Place this tag after the last +1 button tag. -->
<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';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>




<table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><style>
.warningg a:hover {
text-decoration: none !important;
}
.warningg {
margin: 10px 0px;
padding: 0px 0px 15px 380px;
background-repeat: no-repeat;
background-position: 810px center;
border-radius: 4px 4px 4px 4px;
font-weight: bold;
font-family: Tahoma;
font-size: 12px;
background-color: #ffeaa9;
        background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
        color: #9F6000;
        border: 1px solid #f9b516;
}
    .info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
margin: 10px 0px;
margin: 10px 0px;
        padding: 10px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 810 center;
        border-radius: 4px 4px 4px;
text-align: center;  
font-weight: bold;  font-family: Tahoma;  font-size: 12px;  }

    .info {
        background-color: #d1e4f3;
        background-image: url("http://cdn2.iconfinder.com/data/icons/august/PNG/Get%20Info.png");
        color: #00529B;
        border: 1px solid #4d8fcb;
    }

    .success {
        background-color: #effeb9;
        background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
        color: #4F8A10;
        border: 1px solid #9ac601;
    }
    .warning {
        background-color: #ffeaa9;
        background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
        color: #9F6000;
        border: 1px solid #f9b516;
    }
    .error {

        background-color: #fccac3;
        background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
        color: #D8000C;
        border: 1px solid #db3f23;
    }
.error a{
color: red;
}
.error a:hover {
color: red;
}
.error a:visited {
color: red;
}
    .mes {
        background-color: #F2F2F2;
        background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
        border: 1px solid #AAAAAA;
        color: #545454;
    }

    .tips {
        background-color: #FEEAC9;
        background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
        border: 1px solid #D38E49;
        color: #bb640c;
    }

    .chat {
        background-color: #daecfb;
        background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
        border: 1px solid #2078c9;
        color: #066ac4;
    }

</style><div class="mmm">
<center><div class="info">
<a
 href="http://www.as7se.com" title="وصف الموضوع"><center>اسم الموضوع 1</center></a></div><div class="tips">
<a
 href="http://www.as7se.com" title="وصف الموضوع"><center>اسم المووضوع2</center></a></div><div class="error">
<a href="http://www.as7se.com" title"وصف الموضوع"><center>اسم الموضوع3</center></a>
</div></center></div>



</td></tr></tbody></table>