متلما اعتدنا على الجديد أقدم لكم قالب كان قد طلبه أحد أعضاء الصفحة منذ مدة و قد تم اليوم طرحه حسب التصويت
لقد طرحت الكتير من القوالب كذالك المدون السابق و الغرض هو أن أقوم أن أقوم بدورة تدريبية عن البلوجر لكن لن تبدأ الدورة و المحتوى العربي فارغ من القوالب عكس المحتوى الأجنبي
نعود إلى الموضوع
لمشاهدت المعاينة إنقر
هنا
للتحميل إنقر
هناالإضافة و الأدوات
إضافة الكاتب (بقلم) من هنا
إضافة المواقع الاجتماعية (غير ما بالأحمر إلى ما يناسبك)
<div>
<a href=”http://www.facebook.com/Dr.Help.officiel”>
<center>
<div></div>
<span>3000</span>
<p>معجب</p>
</center>
</a>
</div>
<div>
<a href=”http://tweeter.com/xxxxxxx”>
<center>
<div></div>
<span>00</span>
<p>متابع</p>
</center>
</a>
</div>
<div>
<a href=”http://www.youtube.com/user/drhelpofficiel”>
<center>
<div></div>
<span>100</span>
<p>مشترك</p>
</center>
</a>
</div>
<div>
<h3>تابعنا عبر البريد الالكتروني :</h3>
<div id=”sleek-subscribe”>
<form action=”http://feedburner.google.com/fb/a/ma...?uri=drhelp4u” method=”post” target=”_new”>
<input name=”email” onblur=”if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}” onfocus=”if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}” value=”ضع اميلك هنا ليصلك كل جديد” />
<input type=”submit” value=” ” />
</form>
</div>
</div>
<style>
.so {
width:100px;
height:119px;
float:left;
}
.so a{ text-decoration:none;}
.so span{ font:18px tahoma; color:#4a4a4a; }
.so p{ font:13px tahoma; color:#7b7b7b; margin:0;}
.so .face{ margin-bottom:10px; width:50px; height:50px; background:url(http://4.bp.blogspot.com/-plpsNFBI86Y/UPwGN5mfXCI/AAAAAAAAC8Y/9Q0ionCzS98/s1600/face1.png);}
.so .twt{ margin-bottom:10px; width:50px; height:50px; background:url(http://3.bp.blogspot.com/-YwXnI-FyUzU/UPwGQSKXm1I/AAAAAAAAC9A/v6xufDEwfKY/s1600/twt1.png);}
.so .you{ margin-bottom:10px; width:50px; height:50px; background:url(http://4.bp.blogspot.com/-If7rKI-zEj8/UPwGQ2Up7XI/AAAAAAAAC9k/TnLmpx4AxdM/s1600/you1.png);}
.so .face:hover{background:url(http://1.bp.blogspot.com/-s7EoqCGHEWY/UPwGOjKHxcI/AAAAAAAAC8w/QPKmrKwb5Pc/s1600/face2.png);}
.so .twt:hover{ background:url(http://4.bp.blogspot.com/-jnthPlF6mig/UPwGQYUDF0I/AAAAAAAAC9I/Jg-4mP2b6IE/s1600/twt2.png);}
.so .you:hover{background:url(http://2.bp.blogspot.com/-ngbS-RSMLak/UPwGRG1I8xI/AAAAAAAAC9U/BDXZoW2-6CA/s1600/you2.png);}
.sub{
width: 298px;
height: 109px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
float: left;
}
.sub .txt2 {
background: #f4f4f4;
border: none;
font: 12px Tahoma, Geneva, sans-serif;
color: #b8b8b8;
padding: 11px 7px 13px 7px;
float: right;
margin: 0;
text-align: right;
width: 220px;
}
.sub .btn2 {
background: url(http://2.bp.blogspot.com/rtAe0_GaUZY...1600/sub.png);
float: left;
border: none;
width: 64px;
height: 38px;
cursor: pointer;
}
.sub .btn2:hover {
background: url(http://1.bp.blogspot.com/CCW4Cd7GR1k...600/sub2.png);
}
.sub h3{
margin: 13px 0;
font: 13px droidkufi-bold;
color: #4a4a4a;
}
</style>
و لتغيير اللوجو غير هذا الرابط داخل HTML
http://im33.gulfup.com/iInYQ.png
لتشغيل ألسليدر إبحث بواسطة Ctrl + F عن “كل” و ضع مكانها القسم الذي تريد وضع مواضعيك فيه
أما لمن يسأل عن تغيير الأقسام فأبحث عن اسم القسم داخل HTML و ستجده و قم بتغييره
و أخيرا أتمنى أن لا يقف الموضوع عندكم و تشاركوه بين أصدقائكم أن أعجبكم القالب