أدة الملاحظات مثل الموجودة فى معهد ترانديت متاحة الان لمدونات بلوجر

السلام عليكم ورحمة الله وبركاتة
اهلا ومرحبا بكم تقدم لكم اليوم مدونة عالم احتراف الحاسوب اضافة الملاحظات بشكل جميل جدا اتمنى ان تنال اعجابكم كثرت اشكال الملاحظات على الانترنت لكن اليوم اليكم شكل جديد وانفرادى للاضافة. اليكم صورة للاضافة

ويمكنك مشاهدة مثال حى على الاضافة من الرابط التالى :
عالم احتراف الحاسوب
لاضافة الاداة فى مدونتك اتبع الخطوات الاتية
قم بالدخول الى إعدادات المدونة ثم >>التخطيط >> ثم اضافة اداة جديدة
ثم اضغط على HTML/JavaScript كما هو موضح فى الصورة التالية :


اضف الكود التالى الى الصندوق

رمز Code:

<div dir="rtl" style="text-align: right;" trbidi="on">
<form action="profile.php?do=dismissnotice" id="notices" method="post">
<input name="do" type="hidden" value="dismissnotice" /> <input name="securitytoken" type="hidden" value="1412335892-b1f0e5334e575d0963fb72356d1596a68e9e4c6a" /> <input id="dismiss_notice_hidden" name="dismiss_noticeid" type="hidden" value="" /> <input name="url" type="hidden" value="/vb/newthread.php?do=newthread&amp;f=132" /> <br />
<div class="NoticesForTopTr">
الملاحظات</div>
<div class="NoticesForTopTrViw">
<div class="navbar_notice" id="navbar_notice_2">
<div class="EidHajj">
</div>
<div class="EidReedH">
<div class="EidReedHF">
<a href="www.4hsoub.com">اضف هنا عنوان الملاحظة
</a> </div>
<div class="EidReedHS">اضف هنا تفاصيل الملاحظة</div>
<div class="EidReedHS">
</div>
</div>
</div>
</div>
</form>
<style>
form {
    margin: 0px;
}
element {
    text-align: right;
}
.page {
    color: #000;
}
.NoticesForTopTr {
    background-color: #FFE9D8;
    background-image: url('http://3.bp.blogspot.com/-Sy0fB45EaBo/VC6PgdJo68I/AAAAAAAACyw/p11tAV8sqr8/s1600/category-23px-light.png');
    background-repeat: repeat-x;
    border: 1px solid #FFDBBF;
    padding: 6px;
    margin-top: 4px;
    margin-right: 4px;
    margin-left: 4px;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #E29505;
    border-radius: 5px 5px 0px 0px;
}
.EidHajj {
    background-image: url(http://2.bp.blogspot.com/-PgsA-19aoG...724.png');
    background-repeat: no-repeat;
    width: 67px;
    height: 58px;
    float: right;
}
.EidReedH {
    margin-right: 72px;
}
.EidReedHF {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
.NoticesForTopTrViw a {
    color: #666;
}
.EidReedHS {
    font-family: tahoma;
    font-size: 12px;
    font-weight: lighter;
    text-align: right;
}
.NoticesForTopTrViw {
    padding: 8px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    background-color: #FBFBFB;
    border-style: solid;
    border-width: 1px;
    border-color: #FFF #E5E5E5 #E5E5E5;
    overflow: hidden;
    background-image: url('http://www.traidnt.net/vb/AGT04-b/category-23px-light.png');
    background-repeat: repeat-x;
    font-family: tahoma;
    font-size: 11px;
    font-weight: lighter;
    border-radius: 0px 0px 5px 5px;
    color: #666;
    line-height: 25px;
}
</style>

غير الرابط التالى برابط الذهاب الى موضوع الملاحظة
عالم احتراف الحاسوب
غير الرابط التالى بصورة للملاحظة
http://2.bp.blogspot.com/-PgsA-19aoG...0/Xoq76724.png
كما يمكنك تغيير وصف الملاحظة واعنوان الملاحظة اضغط على حفظ وبكدة تكوان حصلت على الاداة
فى النهاية اتمنى ان الموضوع قد نال اعجابكم القاكم فى موضوع أخر والسلام عليكم ورحمة الله وبركاتة
اتمنى تثبيت الموضوع