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

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

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

توجه الى لوحت تحكم بلوجر 
اختر تخطيط 
اختر اضافة اداة جديدة 
ثم اداة 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)  اضف عنوان  بدلا منه.

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

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

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

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

توجه الى لوحت تحكم بلوجر 
اختر تخطيط 
اختر اضافة اداة جديدة 
ثم اداة 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)  اضف عنوان  بدلا منه.
فتح التعليقات

اشتراك في القائمة البريدية

الاشعارات

Disqus Logo