قالب مدونة عين العرب الحالي متاح للتحميل

في هذا الموضوع بإذن الله سيتم طرح القالب الحالي للمدونة للتحميل هذا القالب الذي يتميز بشكله المميز وهو خفيف التصفح وسريع التحميل

قالب مدونة عين العرب الحالي متاح للتحميل

من مميزات القالب :

  1. قالب خفيف وسريع التصفح
  2. قالب Responsive
  3. يوجد مع القالب سلايد شو مميز سيم وضعه الكود الخاص به
  4. مجهز للإعلانات داخل المواضيع
  5. مجهز بمواضيع ذات صلة
  6. مزود بتعريف الكاتب وخاصية محول الأكواد وأيضا مزود بالابتسامات فوق التعليقات
  7. أزرار المشاركة في الصفحة الرئيسية بجانب كل موضوع وداخل المواضيع أيضا


لتحميل القالب إضغط هنا :

https://app.box.com/s/syt4i3ry86dlalxlzf1c


لتركيب السلايد شو قم بنسخ الكود التالي :


<style>
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:21px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;font-family:droid arabic kufi;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;
padding:0;font-family:'Oswald';box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
background:#ff6553;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:Electrolize,ge_ss_threeregular;
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:Electrolize,ge_ss_threeregular;
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}

@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}

@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:50%}
  #slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
  #slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
  #slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
  #slides li:nth-child(5){display:none;}}

@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}
</style>
<div id="featuredpost"></div>
<script type="text/javascript" src="https://ar1web-com.googlecode.com/svn/Hm/slider-post.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.arabe-eye.com",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false

});
});
//]]>
</script>

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

<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="table-outer">
<table><tbody>
<tr><td><label>حسب الموضوع : </label></td><td><select id="orderFeedBy"><option selected="" value="published">New post</option><option value="updated">Post updated</option></select></td></tr>
<tr><td><label>حسب الأقسام : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">?????...</option></select></span></td></tr>
<tr><td><label>أو يمكنك البحث هنا : </label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<br />
<header id="resultDesc"></header>
<br />
<ul id="feedContainer"></ul>
<div id="feedNav">
تحميل...</div>
<script src="https://googledrive.com/host/0B5NxkB895DDIMDB3YnM0ZkFUVDg" type="text/javascript"></script></div>

أنشئ صفحة جديدة اعطها مثلا إسم أرشيف المدونة ثم ضع فيها الكود أعلاه

بالنسبة للإعلانات فقط قم بتغيير رابط هذه الصورة

http://im88.gulfup.com/Amh4B9.png
ستجده مكرر ثلاث مرات الأول يخص إعلان فوق المواضيع التاني والثالث يخص الإعلانات أسفل المواضيع يمكنك تغيير الصورة باعلان مدفوع او اعلانات ادسنس او اعلانات حسوب او اي اعلان آخر وانصح بـأن يكون الحجم 300-250

لتغيير تعريف الكاتب فقط  إبحث عن الوسم التالي :

<div class='authorDetails'>

ستجد أسفله إسم الكاتب ونبذة عنه غيرها بما يناسب
لتغيير صورة الكاتب غير الرابط التالي :

http://im66.gulfup.com/Hl4Z2S.jpg

بصورة مناسبة لك

هذا كل ما يخص القالب اتمنى ان يعجبكم واي سؤال يخص القالب لا تتردد في طرحه هنا وساعمل على الاجابة عليك في اقرب وقت
المقال السابق
المقال التالي
مقالات دات صلة

هناك 8 تعليقات:

  1. قالب جميل جدا ويكون لي الشرف علي اول تعليق

    ردحذف
  2. بارك الله فيك الناس مثلك في هدا الزمان قليلين جدا

    ردحذف
  3. السلام عليكم
    بالنسبة للعمود الثاني من جهة اليمين غير موجود بالقالب
    http://www.arabe-eye.com/2014/10/arabe-eye-blogger-template.html
    هل بإمكاني إضافته و كيف يتم ذلك و لو تكرمت و ترفع لي القالب مضافا له هذه الإذافة يكون جزاك الله كل خير

    ردحذف
  4. يا اخي انا لدي مشكلة كيفية تغيير روابط الصفحات التي اعلاي الصفحة الي هي الرئيسية و اتصل بنا
    كيفية تغيير روابط التواصل الاجتماعي

    ردحذف
  5. قالب جميل ويعطيك العافيه فيه قالب جميل هو اللحين الحالي هل اقدر ان احصل عيه وجزاك الله خيرا

    ردحذف
  6. اخي ممكن ان ترفع القالب على مركز التحميل اخر لانه ليريد التحميل من box

    ردحذف
    الردود
    1. الرابط يعمل عموما تفضل رابط ىخر https://www.zeta-uploader.com/1920664078

      حذف
  7. ملف التحميل بايظ ارجو تحديثه

    ردحذف