أضف زر به رسالة إلى مدونتك


مرحبا إليكم الإضافة جميلة لمدونة بلوجر و التي تمكنك من وضع رسالة في مدونتك ليقرأها الزوار عبر النقر عليها لتظهر الرسالة ، لكي لاأطيل عليكم أدعكم مع الشرح.

كيفية إضافتها إلى مدونتك.
أدخل إلى لوحة التحكم لمدونتك.
إذهب إلى التخطيط ثم إضافة أداة HTML/JavaScript .
ضع الكود الذي في الأسفل في خانة الأداة .


<style type="text/css">
.btnLogin{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:15px;
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #badff3, #7acbed);
    background:-webkit-gradient(linear, center top, center bottom, from(#badff3), to(#7acbed));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#badff3', EndColorStr='#7acbed')";
    border:1px solid #7db0cc !important;
    cursor: pointer;
    padding:11px 16px;
    font:bold 11px/14px Verdana, Tahomma, Geneva;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0px;
    color:#fff;
    -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    margin-center:12px;
    float:center;
    padding:7px 21px;
}
.btnLogin  : hover,
.btnLogin::focus,
.btnLogin : active{
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #7acbed, #badff3);
    background:-webkit-gradient(linear, center top, center bottom, from(#7acbed), to(#badff3));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7acbed', EndColorStr='#badff3')";
}
.btnLogin:active{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px;
}
</style>
<!-- Start of Message Alert -->
<!-- Use this button in a form to pop-up a message when the user clicks it -->
<center>
<form>
<input type="button" value="رسالة" class="btnLogin" onClick="alert('مرحبا بكم على مدونة الموجه ، نتمنا أن تكونوا في تمام الصحة و العافية'); return true">
</form>
</center>
<!-- End of Message Alert -->

هنا المثال




ليست هناك تعليقات:

إرسال تعليق


جميع الحقوق محفوظة Almowajih ©2013-2014 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لدى ناشريها ، نقل بدون تصريح ممنوع . Privacy-Policy| اتفاقية الاستخدام