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

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

توجه الى لوحت تحكم بلوجر

اختر تخطيط

اختر اضافة اداة جديدة

ثم اداة 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/AVvXsEjm1tWqCgaOmycuOa-ZeKWGTjfI26DJP4KnO2W0ulMhUIwxj_MCo1K4Pzl_mieh5ridGEzS7KiCSxOeWssx-R0KokKoE7nQnhdTTly_D27eqYJyHVLZQndVtGZHx4awCoqfMz53e4atS3VH/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/AVvXsEjm1tWqCgaOmycuOa-ZeKWGTjfI26DJP4KnO2W0ulMhUIwxj_MCo1K4Pzl_mieh5ridGEzS7KiCSxOeWssx-R0KokKoE7nQnhdTTly_D27eqYJyHVLZQndVtGZHx4awCoqfMz53e4atS3VH/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/AVvXsEjm1tWqCgaOmycuOa-ZeKWGTjfI26DJP4KnO2W0ulMhUIwxj_MCo1K4Pzl_mieh5ridGEzS7KiCSxOeWssx-R0KokKoE7nQnhdTTly_D27eqYJyHVLZQndVtGZHx4awCoqfMz53e4atS3VH/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>