اضافة صندوق انضم الى فريق العمل لمدونات بلوجر

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


خطوات تشغيل الاضافة :
توجه الى لوحت تحكم بلوجر
اختر تخطيط
اختر اضافة اداة جديدة
ثم اداة HTML/javascrript
و اضف الكود التالي :

<style> /* فريق العمل by www.tharabic.com */ .title7 {background: #fff;overflow: hidden;padding: 10px;} .pjoin { float: right; padding: 12px 0;width: 77%; } .join { float: left; padding: 12px; background: #ff6550; color: #fff;border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999;} #profil {background: #fff;} #profil img { margin: 5px;float:right; } #profil1,#profil2,#profil3 {width: 32%; overflow: hidden; float: right; border: solid 1px #eee; height: 70px;margin: 15px 3px; box-shadow: 1px 1px 5px #eee} .aboutme { font-size: 90%; padding-top: 10px; } @media screen and (max-width: 700px) { #profil1,#profil2,#profil3 {width:100%;} #relpost_img_sum li{width:100%;}} </style> <div class="title7"> <p style="border-bottom: solid 1px #eee; overflow: hidden; padding-bottom: 10px;"> <marquee align="middle" class="pjoin" direction="right">انضم الى فريق العمل و احصل على ميزات خاصة</marquee> <a class="join" href="url join">انضمام</a> </p> <div id="profil"> <div id="profil1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhREK5yHzWSXc-HEqRSLjbU7iKP7PXJ4rmZ6trQpKRGgefNu4HKrS0F7geiK9xJJdXKbwrWzJWH56oJcvFQvbYAoM8XSPZie-kDof85r4TKKCVp4ZGODwAr-BmPSlRfExTe4E-dUMb4SbnW/s1600/author+1.png" style=" width: 59px; height: 59px; float: right; "> <div class="aboutme"><a href="url facebook">اسم الكاتب هنا</a><p> مدون معلوماتي متخصص في امن و حماية </p></div></div> <div id="profil2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhREK5yHzWSXc-HEqRSLjbU7iKP7PXJ4rmZ6trQpKRGgefNu4HKrS0F7geiK9xJJdXKbwrWzJWH56oJcvFQvbYAoM8XSPZie-kDof85r4TKKCVp4ZGODwAr-BmPSlRfExTe4E-dUMb4SbnW/s1600/author+1.png" style=" width: 59px; height: 59px; float: right;"> <div class="aboutme"><a href="url facebook">اسم الكاتب هنا</a><p> معلومات عنك بعد انضمام الى فريق العمل </p></div></div> <div id="profil3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhREK5yHzWSXc-HEqRSLjbU7iKP7PXJ4rmZ6trQpKRGgefNu4HKrS0F7geiK9xJJdXKbwrWzJWH56oJcvFQvbYAoM8XSPZie-kDof85r4TKKCVp4ZGODwAr-BmPSlRfExTe4E-dUMb4SbnW/s1600/author+1.png" style=" width: 59px; height: 59px; float: right;"> <div class="aboutme"><a href="url facebook">اسم الكاتب هنا</a><p> معلومات عنك بعد انضمام الى فريق العمل </p></div></div> </div> </div>




تعديل على اضافة :

1. لتغير اسم الكاتب ابحث عن : ( اسمك الكاتب هنا ) و اضف اسمك بدلا منه.
2. لتغير رابط صفحة الكاتب ابحث عن كلمة : ( url facebook) و اضف عنوان بدلا منه.
3. لتغير رابط صفحة انضمام ابحث عن كلمة : ( url join) اضف عنوان بدلا منه.