تركيب فوتر مدونة المحترف 2017 الأحترافى لمدونات بلوجر v2

إعلان أدسنس

آخر المواضيع

breaking/قوالب بلوجر/9
مقالات

الأربعاء، 23 أغسطس، 2017

أغسطس 23, 2017

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


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


شرح التركيب 

التركيب لموضوع اليوم سهل جدا ولن تجد به اى صعوبة لان الإضافة تحتوى فقط على كودين وسوف تجد الأمر سهل جدا فى وضعهما.
أولا قم بالبحث عن هذا الوسم ]]></b:skin> ثم قم بوضع الكود الأول هذا فوقه.



 .livesection{background:#fff;box-shadow:0 0 13px 0 rgba(0,0,0,0.14);text-

align:center;overflow:hidden;position:relative;padding:10px 0;padding-bottom:20px}
.livecenter p{font-size:15px;color:#484848;text-align:center;-moz-transform:scale(1.05,1);-webkit-transform:scale

(1.05,1);-ms-transform:scale(1.05,1);width:31%;margin:0 auto;line-height:28px}
.livetime{float:left;position:absolute;left:2%;top:10%}
.watchnow{text-align:center;display:block;margin-top:15px}
.watchnow a{background:#ff8400;color:#fff;padding:0 13px;display:inline-block;height:40px}
.livetime h3{font-size:30px;color:#ff8400;font-weight:700;height:50px}
.livetime p{width:auto;line-height:30px;margin-bottom:10px}
.livetime p{width:auto;line-height:30px;margin-bottom:10px}
.livetime span{padding:0 8px;font-size:15px}
.livetime span{padding:0 8px;font-size:15px}
.logoabout{width:55%;margin:5px auto;text-align:center;line-height:25px}
#logocolumn #Header2{margin-bottom:10px}
.logoabout span{color:#fff;font-size:15px}
.contactemail.mail-active{right:0}
.contactemail{background-color:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,0.129);position:absolute;right:-

230px;top:7%;color:#315270;text-align:center;line-height:40px;height:45px;font-

size:18px;cursor:pointer;transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: 

all .3s;}
.contactemail:hover{right:0}
.contactemail .mailto{right:0;top:7%;padding:0 7px;font-size:14px;width:auto;color:#315270}
.contactemail .contacticon{display:inline-block;padding:0 14px;height:45px;color:#315270}
.aboutsection{background:#315270;overflow:hidden;position:relative;padding:15px 0;box-shadow:-1px 0 20px 0 rgba

(0,0,0,0.35)}
.logoabout img{display:inline-block!important;text-align:center}
.copyrights{color:#ffffff;background:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,0.173);overflow:hidden;padding:15px}
.copyrights a{color:#ff8400}
.right-copy{float:right;color:#595959;margin-left:10px}
.left-copy {float: left;color: #595959;display: none;text-align: left;position: absolute;left: 10px;}
.left-copy:nth-child(1){display:block;}
.left-copy2 {color: #595959;position: absolute;left: 90px;}
.btnfooter{float:left;margin-right:10px;text-align:center}
.btnfooter a{color:#315270;margin-right:5px;border:1px solid #315270;padding:0 8px;font-size:15px;display:inline-

block;height:40px}
.btnfooter a:hover{color:#fff;background:#315270}


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



<div class='livesection'>
<div class='livecenter'>
<!-- Icon Live -->
<img alt='بث مباشر' src='https://1.bp.blogspot.com/-

S5NiWRK4cQg/WL2uGoZpBqI/AAAAAAAAAQ0/qlPaSzMYomQHjYdKGwIl76mYIlqJ_LVrgCLcB/s1600/live.png' title='بث مباشر'/>
<!-- Description Live -->
<p>
البث المباشرة مع رغيب أمين للإجابة على تساؤلاتكم 
التقنية من الإثنين إلى الخميس 
          </p>
<!-- Live Time -->
<div class='livetime'>
<h3>7<span>30</span></h3>
<p>بتوقيت غرينيتش</p>
<h3>22<span>30</span></h3>
<p>بتوقيت مكة المكرمة</p>
</div>
<!-- Button Watch Live -->
<div class='watchnow'>
<a href='/live'>شاهد الان</a>
</div>
</div>
</div>
<div class='clear'/>
<div class='aboutsection'>
<!-- Logo Section -->
<div class='logoabout'>

<a href='http://www.th3professional.com/' style='display: block'>
<img alt='المحترف: شروحات برامج مكتوبة ومصورة بالفيديو  | Almohtarif  ' height='56px; ' id='Header2_headerimg' 

src='http://4.bp.blogspot.com/-

sC5371NlZCM/WUBzQExpqkI/AAAAAAAAAW8/e5ska2TyIZ0nkGujwPILH0hV9KwezlGUACK4BGAYYCw/s1600/logo%2Bfooter.png' 

style='display: block' width='159px; '/>
</a>

<div class='widget Text'>

<span>المحترف عبارة عن مدونة ضخمة تضم عدد كبير من الفيديوهات المصورة عن طريق حلقات متسلسلة نتطرق فيها إلى مختلف المواضيع التقنية القريبة من الشباب العربي &#1548; بالإضافة إلى مقالات . مدونة المحترف تأسست سنة 2010 حيث تستقطب 

الآن عدد كبير من الزوار من كافة ربوع الوطن العربي &#1548; حيث ان مقرها الرئيسي بالمغرب و مديرها امين رغيب &#1548;حاصلة على جائزة افضل مدونة مغربية لسنة 2012 / 2013 ومصنفة ضمن افضل 10 مدونات عربية حسب المركز 

الدولي للصحفيين ICFJ سنة 2013 وحاصلة على الجائزة الفضية من يوتوب (اول قناة مغربية تحصل على هذه الجائزة من يوتوب ) سنة 2014 وتم تكريم مؤسسها من طرف حاكم دبي بجائزة رواد التواصل الإجتماعي عن فئة التكنولوجيا سنة 2015 وهو الموقع 

التقني الاول في المغرب والعالم العربي </span>
</div>
</div>
<!-- Contact Us -->
<div class='contactemail'>
<a class='mailto' href='mailto:contact@almohtarif.net'> للإتصال بنا: contact@almohtarif.net</a>
<a class='contacticon'><i class='fa fa-envelope'/></a>
</div>
</div>



الأن وبعد وضع الكودين فى مدونتك وسوف تقوم بتغيير العبارات فى الكود الثانى بما تريدها وما يناسب مدونتك وضع ذلك سوف تقوم بحفظ القالب ومبروك عليك الإضافة الجديده


هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

مقالات