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

مرحبا إليكم الإضافة جميلة لمدونة بلوجر و التي تمكنك من وضع رسالة في مدونتك

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

كيفية إضافتها إلى مدونتك.

أدخل إلى لوحة التحكم لمدونتك.

إذهب إلى التخطيط ثم إضافة أداة 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>





<center>

<form>

<input type="button" value="رسالة" class="btnLogin" onClick="alert('مرحبا بكم على مدونة ساعة لقاء ، نتمنا أن تكونوا في تمام الصحة و العافية'); return true">

</form>

</center>