إضافة اضهار رسالة منبتقة في مدونات بلوجر

الأحد، 30 يونيو 2013

إضافة اضهار رسالة منبتقة في مدونات بلوجر

هل تريد من القارئ قراءة رسالة خاصة. حسنا ادن عليك قراءة هذه المقالة بتمعن. إذا كنت تريد أن تظهر لبعض القراء رسالة منبثقة ، ادن فان هذا التطبيق سبساعدك بالتأكيد . في هذا المنصب سوف يكون الحديث عن تطبيق مصغر المدون والتي سوف تشمل زر وعندما يقوم القراء زيارة لهذا الزر، سوف تظهر نافدة منبثقة تعرض الرسالة، التي تريد إضافتها. قد رأيتم هذا النوع من القطعة في بعض المواقع أو المدونات، التي تظهر الرسالة البوب عند النقر على زر أو بعض النص. يمكنك استخدامه في رسالتك، وكذلك في الشريط الجانبي الخاص الحاجيات بالفوتر. الآن سوف تظهر لك هذا البرنامج التعليمي كيفية إظهار / عرض / إضافة المنبثقة في رسالة المدون. يمكنك استخدام القطعة في أي مكان على المدونة الخاصة بك.

-->

طريقة اضافة الاداة

- واجهة بلوجر>>التخطيط>>اضافة اداة

اختر HTML/Javascript

ارجو قبل التعديل حفظ نسخه من الملف ..

<span style="font-size: large;">معاينة حية لهده الاضافة</span></h3>
<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>


<br />
<center>
<form>
<input class="btnLogin" onclick="alert('هده الاضافة حصرية بمطور بلوجرmtwrblogger.blogspot.com'); return true" type="button" value="اضغط هنا" />
</form>
</center>

-->

-->

الأحد، 30 يونيو 2013