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

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

   

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

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

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

اختر تخطيط 

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

ثم اداة 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://4.bp.blogspot.com/-UgEvF6gS0gU/W2hIcOppMXI/AAAAAAAAGTo/zPz0QhwCqSkKWmknOTWdBpyfgngKg361gCK4BGAYYCw/s1600/author%2B1.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://4.bp.blogspot.com/-UgEvF6gS0gU/W2hIcOppMXI/AAAAAAAAGTo/zPz0QhwCqSkKWmknOTWdBpyfgngKg361gCK4BGAYYCw/s1600/author%2B1.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://4.bp.blogspot.com/-UgEvF6gS0gU/W2hIcOppMXI/AAAAAAAAGTo/zPz0QhwCqSkKWmknOTWdBpyfgngKg361gCK4BGAYYCw/s1600/author%2B1.png" style=" width: 59px; height: 59px; float: right;">
<div class="aboutme"><a href="url facebook">اسم الكاتب هنا</a><p> معلومات عنك بعد انضمام الى فريق العمل </p></div></div>
</div>
</div>

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

لتغير اسم الكاتب ابحث عن : ( اسمك الكاتب هنا ) و اضف اسمك بدلا منه.

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

wesam developer

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا