http://www.traidnt.net/vb/images/img...014/04/739.png

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

هده الإضافة مقدمة من طرف مدونة برو أيوب
وهي من تطوير وتعريب أيوب بولعيش

طريقة الإضافة :

1- إذهب إلى لوحة التحكم ثم إلى القالب ثم إلى تحرير html .
2- ابحث عن الكود التالي

رمز Code:

بعد إيجاده أضف قبله الكود التالي :
رمز Code:





اشترك معنا وتوصل بأخر المستجدات !













تابعنا على مواقع التواصل الأجتماعي!

• 
  
  http://3.bp.blogspot.com/-fTm8V4c7I4...acebook_64.png
  
  
• 
  
  http://2.bp.blogspot.com/-jJM83OvIJK...twitter_64.png
  
  
• 
  
  http://2.bp.blogspot.com/-2lVQmyWbF5...le-plus_64.png
  
  
• 
  
  http://2.bp.blogspot.com/-VmxHGYvYk4...600/rss_64.png
  
  
• 
  
  https://encrypted-tbn2.gstatic.com/i...ChvKZ0pkEzdBOo
  
  

3- التعديلات :
غير pro-ayoub باسم المستخدم في خلاصتك في feedburner .
غير BlogProAyoub باسم المستخدم الخاص بك في فيس بوك .
غير BlogProAyoub باسم المستخدم الخاص بك في تويتر .
غير BlogProAyoub باسم المستخدم الخاص بك في يوتيوب .
غير +ayoubboulaich باسم المستخدم الخاص بك في جوجل + .
غير pro-ayoub باسم المستخدم الخاص بك في الخلاصات .

4- بعد التعديلات ابحث عن الكود التالي :
رمز Code:
]]>
رمز Code:

#navhead{
margin-top: 10px;
margin-bottom: -10px;
}
#byard-topsubsbox {background: #fff;
background: #fff;
width: 961px!important;
height: 90px!important;
margin-top: 20px;
padding: 10px;
border: 1px solid #ddd;
overflow: hidden;
margin: 0 auto;}
#subscriptionsection {float: right;
border-left: 1px solid rgb(168, 168, 168);
padding-left: 56px;
margin-top: -3px;
padding-top: 9px;}
.subsbox-heading {font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.topsubsboxname {background:#fff url(http://2.bp.blogspot.com/-bNZePDihTP.../s320/name.png) no-repeat 7px 8px;border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold;color:hsla(0,0%,27%,0.69); width:150px; margin-top:10px; height:24px; padding:5px 28px 5px 15px; vertical-align:top; display:inline-block;margin-right:15px;}
.topsubsboxemail {background:#fff url(http://3.bp.blogspot.com/-Wf_IBW4cEt...s320/email.png) no-repeat 7px 10px; border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold; color:hsla(0,0%,27%,0.69); width:150px; height:24px; margin-right:5px; margin-top:10px; padding:5px 28px 5px 15px;vertical-align:top; display:inline-block;}
.topsubsboxname:hover,.topsubsboxemail:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}



.topsubsboxbutton {-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #00B3FF), color-stop(1, #349ECB) );background:-moz-linear-gradient( center top, #00B3FF 5%, #349ECB 100% ); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B3FF', endColorstr='#349ECB');background-color:#00B3FF; margin-top:10px; margin-right:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #84bbf3;display:inline-block;color:#ffffff;font-family:droidkufi-bold;font-size:13px;font-weight:bold;padding:5px 10px;text-decoration:none;text-shadow:1px 1px 0px #528ecc;}.topsubsboxbutton:hover {background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #349ECB), color-stop(1, #00B3FF) );background:-moz-linear-gradient( center top, #349ECB 5%, #00B3FF 100% );filter:progid:DXImageTransform.Microsoft.gradien t(startColorstr='#349ECB', endColorstr='#00B3FF');background-color:#349ECB;}.topsubsboxbutton:active {position:relative;top:1px;}
#socialsection {float:right;margin-top:20px;}
.socialheading{font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.socialicons ul {list-style: none;
display: inline;
float: left;
margin-top: 10px;
margin-left: 38px;}
.socialicons li {opacity: 1;float:right;padding:0px 0px 0px 10px;}
.socialicons li:nth-child(6) {padding: 0;}
.socialicons li a img{height:49px;width:49px}

الأن احفظ القالب ومبروك عليك الإضافة .

المصدر: مدونة برو أيوب