عدد مشاهدات الموضوع:
مرحبا زوار مدونة أبو إياد، أقدم لكم اليوم قالب مدونة الويب التقنية القديم بعد تغييره بقالب جديد، القالب يتميز بلونين البرتقالي والأسود بعمودين. اقدم لكم رابط تحميل القالب والذي يحتوي على قالبين، القالب باللغة العربية والقالب باللغة الإسبانية.
يمكنك معاينة القالب الإسباني مباشرة من هنا.
صورة للقالب |
قم بإتباع هذا الرابط: Template-rabitweb.zip لتحميل الملف المضغوط الذي يحتوي على القالبين، قم بفك الضغط إختر النسخة التي تريد رفعها العربية أم الإسبانية ثم إتجه نحو المدونة القالب ثم إضغط على رفع أو إستراد القالب قم بتركيبه.
مبروك عليك القالب فقط يتوجب عليك بعض التعديلات البسيطة.
1-لتغيير اللوجو سنقوم بالبحث عن /* Header-- بالضغط على Contr+F ثم نقوم بالتعديلات التالية:
/* Header-----------------------------------------------*/
#header-wrapper{width:950px;margin:0 auto 0;}
#header-inner{background-position:center;margin-right:auto;margin-left:auto}
#header{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-VJUTLdQNI3iIVVm8heYhInssMEDEpWrrHSpGpuTvPRppgSl-f7jADq-udcobTqOk9bDlR9MXb_aqKZQd42bFkxzsZQpBs03cgZl1lWztYZt4sRgrLixmmOpzcfeK3XsVkmm_LiLnyMrp/s950/logo-img-ES2.png) no-repeat scroll center top ;
float: left;
height: 230px;
margin: 35px 35px 0px 0px;
overflow: hidden;
width: 950px;
}
سنقوم بتغيير الرابط الملون بالأحمر برابط اللوجو الخاص بنا.
2- لتغيير روابط القائمة الأفقية الثابتة نبحث عن <div id='nav'> ونقوم بتغيير الروابط الازمة.
3- للإضافة الإحصائيات نقوم بإنشاء أداة Html/JavaScript ونقوم بإضافة الكود التالي فيها مع تعديل الازم:
<div class='widget-content'>
<script style="text/javascript">
function numberOfPosts(json) {
document.write('Mensajes : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Comentarios : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<ul><li><script src="http://rabitwt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://rabitwt.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<span style="font-size:75%;"></span>
<div dir="rtl" style="text-align: right;" trbidi="on">
<script>
function numberOfPosts(json) {
document.write('Cantidad de mensajes : <b>' + json.feed.openSearch$totalResults.$t + '</b>
');
}
function numberOfComments(json) {
document.write('Cantidad de comentarios : <b>' + json.feed.openSearch$totalResults.$t + '</b>
');
}
</script>
</div><!-- Start FreeOnlineUsers.com -->
<span><span style="font-weight:bold;">En linea :</span></span> <span style="font-weight:bold;"><script type="text/javascript" src="http://st2.freeonlineusers.com/on3.php?id=1413332"> </script></span>
<!-- End FreeOnlineUsers.com --></div>
غير الروابط الحمراء بروابط مدونتك والجمل الزرقاء بالوصف الذي تريد أن يظهر بجانب العدد أما بنسب لرابط البرتقالي فهو الخاص بعدد الزوار قم بإنشاء حساب في الموقع لتحصل على رابط خاص بموقعك.
4- لتعديل على قائمة الروابط الإجتماعية الظاهرة في الفوتر قم بالبحث عن links for socialB By Ayoub Etmaiti وقم بالتالي:
<!---links for socialB By Ayoub Etmaiti-->
<div id='socialBAyoubEtmaiti'>
<div id='socialBAyoubEtmaiti-al9aima-1'>
<a href='http://www.youtube.com/user/ayon2652'><p style='margin: 15px 0px 0px 50px;'>Youtube!!</p></a></div>
<div id='socialBAyoubEtmaiti-al9aima-2'><a href='https://plus.google.com/b/101349284748628774131/101349284748628774131' target='_blank'><p style='margin: 15px 0px 0px 50px;'>Google Plus!!</p></a></div><div id='socialBAyoubEtmaiti-al9aima-3'><a href='https://twitter.com/ayoubetmaiti' target='_blank'><p style='margin: 15px 0px 0px 50px;'>Twitter!!</p></a></div>
<div id='socialBAyoubEtmaiti-al9aima-4'><a href='https://www.facebook.com/CAyoubEtmaiti' target='_blank'><p style='margin: 15px 0px 0px 50px;'>FaceBook!!</p></a>
</div></div>
<!---fin-links for socialB By Ayoub Etmaiti-->
قم بتغيير الروابط الحمراء بروابط حساباتك في المواقع الإجتماعية والكلمات الزرقاء بوصف لكل رابط.
هذه هي التعديلات الأساسية التي ستحتاجونها، بالتوفق!!
رائع ما قدمته لنا أيوب . قالب متعوب عليه . جزاك الله كل الخير
ردحذف@محمد جلال
ردحذفبارك الله فيك عزيزي :D