اضافة اخر المواضيع بشكل جديد و احترافي

نعود اليكم من جديد باضافة جديدة وهي اضافة اخر المواضيع الى بلوجر و بشكل احترافي و رائع وهي اضافة مهمة لجميع المدونات  ☑  وفي الاضافة تضهر فيها اخر مواضيع مدونتك و هذا ما سيجعل الزائر يبقى اكثر في مدونتك  👌  لأنه عن طريق هذه الاضافة سيشاهد جميع تدويناتك وقد يتطرق اليها وايضا تعطي المدونة مضهر اجمل .  😃

• معاينة

طريقة اضافة اخر المواضيع

1. لوحة التحكم
2. تخطيط
3. اضافة اداة
4. HTML/JavaScript

وضع فيها الكود التالي

 <style>
/* CSS Recent Post Gallery By http://th3kurdi.blogspot.com */
.recent-gallery {padding:0;clear:both;}
.recent-gallery:after {content:"";display:table;clear:both;}
.recent-gallery .gallerytem{display:inline-block;position:relative;margin:6px 0;overflow:hidden;}
.recent-gallery .gallerytem a{position:relative;float:left;margin:0 6px;text-decoration:none}
.recent-gallery .gallerytem .ptitle{background:rgba(0,0,0,.7);display:block;clear:left;font-size:10px;line-height:1.3em;position:absolute;text-align:right;bottom:3px;left:3px;right:3px;top:3px;color:#fff;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s}
.recent-gallery .gallerytem:hover .ptitle{visibility:visible;opacity:1}
.recent-gallery a img{background:#fdfdfd;float:left;padding:2px;border:1px solid #e3e3e3;transition:all .3s}
.recent-gallery a:hover img {border-color:#bbb;}
</style>
<script type='text/javascript'>
//<![CDATA[
// Recent Post Gallery
function arlinagrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+arlina_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+arlina_thumbs+'" height="'+arlina_thumbs+'"/>',p=arlina_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
<script>
var arlina_thumbs = 82; 
var arlina_title = true; 
</script>
<script src="/feeds/posts/summary?max-results=12&amp;alt=json-in-script&amp;callback=arlinagrid"></script> 

غيير ما باللون الاخضر بعدد المواضيع التي تريد ان تضهر في الاضافة و اخيرا اضغط على حفظ .

قالب Gearworld معرب و مطور

مرحبا زوار مدونة كورد ويب في درس جديد و قالب جديد قمنا بتعريبه لكم اسم القالب Gearworld قالب رائع و يمتلك مضهر جميل و الوان جميلة و هو متجاوب مع جميع الشاشات  📺  ويمتلك اضافات جميلة منها سلايد شو جميل و احترافي  👌  يعمل على تسمية و الكثير من المميزات الاخرى . 😃

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

• معاينة
• تحميل من MediaFire
• تحميل من Top4Top

لتشغيل السلايد شو اذهب الى "لوحة التحكم" ثم "تخطيط" واذهب الى "feature content slider" كما في الصورة

واضغط على "تحرير" وضع فيها اسم تسمية .

والى هنا ينتهي شرحنا لا تنسى الانضمام الى المدونة  ❤  👍  ☑

dearpins قالب بلوجر بسيط و متجاوب

مرحبا، قالب جديد قمنا بتعريبه لكم قالب dearpins والقالب يمتلك مضهر بسيط و جميل و الوان جميلة و ايضا به اضافات جميلة جدا  👌  و مساحات اعلانية و القالب يمتلك خطوط جميلة جدا و القالب متجاوب مع جميع الشاشات  📺 .

مميزات / اضافات القالب

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

روابط التحميل والمعاينة  😁 ❤

• معاينة
• تحميل من TOP4TOP
• تحميل من MediaFire

قالب متجر مبدعي التصميم من تكويد مدونة كورد ويب

قالب متجر مبدعي التصميم هو قالب يتكون من صفحة واحدة و يكون من القوالب الشخصية ولتضهر خدماتك للزوار و يمتلك القالب صفحة اتصل بنا حيث اذا اراد الزائر الاتصال بك و طلب خدمة منك و يوجد ايضا عنا تضهر فيها صورتك مع تعريف لنفسك و يوجد ايضا ايقونات مواقع التواصل والكثير من المميزات .  😃  ☑  👌

• معاينة
• تحميل

اضافة أزرار التحميل والمعاينة بلغة الماتريال ديزاين

مرحبا، اضافتنا اليوم من اضافات بلوجر طريقة أضافة الأزرار والكثير من المدونات يستعملونها في معاينة و تحميل القوالب لذا فسميناها ازرار التحميل و المعاينة 😃 و هي بلغة الماتريال ديزاين و اذا لا تعرف ما هو الماتريال ديزاين فتستطيع البحث في جوجل وهنالك الكثير من الشروحات 😉 👍 .

• معاينة

طريقة اضافتها
اذهب الى "لوحة التحكم" ثم "قالب" ثم "تحرير HTML"
و ابحث عن  </head>  وضع فوقه هذا الكود

 <style type='text/css'>
@media only screen and (min-width: 993px) {
    .container {
        width: 85%;
    }
}
@media only screen and (min-width: 993px) {
    .container {
        width: 70%;
    }
}
@media only screen and (min-width: 601px) {
    .container {
        width: 85%;
    }
}
.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}
.btn-space{
    text-align: center;
} 
.ripple {
    text-align: center;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 2px;
    letter-spacing: .5px;
    border-radius: 2px;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.ripple:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.animate {
    -webkit-animation: ripple 0.55s linear;
    -moz-animation: ripple 0.55s linear;
    -ms-animation: ripple 0.55s linear;
    -o-animation: ripple 0.55s linear;
    animation: ripple 0.55s linear;
}
@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}
@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}
@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}
.red {
    background-color: #F44336;
    color:#ffffff;
}
.pink {
    background-color: #E91E63;
    color:#ffffff;

}
.blue {
    background-color: #2196F3;
    color:#ffffff;

}
.cyan {
    background-color: #00bcd4;
    color:#ffffff;

}
.teal {
    background-color: #009688;
    color:#ffffff;

}
.yellow {
    background-color: #FFEB3B;
    color: #000;
}
.orange {
    background-color: #FF9800;
    color:#ffffff;

}
.brown {
    background-color: #795548;
    color:#ffffff;

}
.grey {
    background-color: #9E9E9E;
    color:#ffffff;

}
.black {
    background-color: #000000;
    color:#ffffff;

}

  </style>
 

وبعد اضافتها اضغط على حفظ .

وعند كتابة تدوينة انتقل الى وضع HTML وضع فيها الكود التالي

 <div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<div class="container btn-space" style="font-weight: bold;">
<a class="ripple red" href="#" style="color: white;">أضغط هنا</a>
      <a class="ripple blue" href="#" style="color: white;">أضغط هنا</a>
      <a class="ripple cyan" href="#" style="color: white;">أضغط هنا</a>
      <a class="ripple orange" href="#" style="color: white;">أضغط هنا</a>
      <a class="ripple brown" href="#" style="color: white;">أضغط هنا</a>
      <a class="ripple grey" href="#" style="color: white;">أضغط هنا</a>
    </div>
</div> 

وقم بتغيير ما باللون الاحمر بأي رابط تريد  ☑ 👌 ❤

ProMag قالب بلوجر احترافي و متجاوب

نعود اليكم من جديد بقالب جديد و احترافي قمنا بتعريبه لكم يدويا وكما تعرفون جميع قوالبنا نقوم بتعريبها بدقة و هي معربة بنسبة 100% ولا توجد بها اي اخطاء ☑ كما نستعمل خطوط عربية احترافية و جميلة فيها 😉 و لنعود الى قالبنا اسم القالب ProMag وهو قالب رائع جدا على شكل مجلة و يمتلك مضهر جميل جدا و القالب متجاوب مع جميع الشاشات 📺 و ايضا يمتلك اضافات جميلة و رائعة منها اخر المواضيع التي اعجبتني كثيرا .

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

روابط التحميل و المعاينة  ❤ ☑

• معاينة
• تحميل من MediaFire
• تحميل من Top4Top

كيفية تركيب الاضافات

أعلى المشاركات (الملونة بالاصفر):

أضغط على "تحرير" ثم ضع فيها أسم تسمية .

الهيدر (الملون بالاخضر):

1- Top-Social مواقع اجتماعية: اضغط على "تحرير" وملئها على هذا الشكل .

في خانة "اسم الموقع الجديد" قم باستبدال كلمة "facebook" مع أي موقع تواصل اجتماعي
مثل (...twitter , youtube , google-pluse , etc)

2- Main-nav القائمة الرئيسية :  أضغط على "تحرير" وستفتح لك نافذة ملئها على هذا الشكل .

السلايد شو (الملون بالارجواني)

أضغط على "تحرير" ثم ضع فيها أسم تسمية

Home-Widget1 (الملون بالازرق)

أضغط على "إضافة أداة" ثم اختار "HTML/Javascript"
القالب يمتلك شكلين من صندوق المشاركات بحسب التسمية
و هما "twocolumns" , "bsummary"

وهذه طريقة اضافتهما

[اسم تسمية][اسم شكل منهم]

للمثال: [رياضة][twocolumns]

انضر الى الصور التالية:

السايدبار (الملون بالبرتقالي):

القالب يمتلك اضافتين بالسايدبار
ازرار المتابعة
اخر المواضيع

1 - لاضافة ازرار المتابعة: أضغط على "اضافة اداة" ثم "HTML/Javascript" وضع فيها الكود التالي

[socialcounter]
[facebook][#][215K]
[twitter][#][115K]
[youtube][#][215,635]
[dribbble][#][14K]
[linkedin][#][556]
[google-plus][#][200K]
[instagram][#][152,500]
[rss][#][5124]

و قم بتغيير ما باللون الاحمر بروابط صفحاتك على مواقع التاوصل

2 - لاضافة اخر المواضيع: أضغط على "اضافة اداة" ثم "HTML/Javascript" وضع فيها الكود التالي

recentposts

ثم اضغط على حفظ
و الى هنا ينتهي شرحنا لا تنسى دعمنا بتعليق

جميع الحقوق محفوضة لمدونة كورد ويب

قالب Fresh view معرب و مطور

قالب Fresh view معرب و مطور - نعود اليكم من جديد بقالب احترافي و انيق تم تعريبه و تطويره لكم من قبل مدونة كورد ويب و القالب يمتلك مظهر جميل جدا  👍 👌  و ايضا خط عربي احترافي والقالب متجاوب مع جميع الشاشات  📺  و الكثير من المميزات و الاضافات الاخرى .

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

الواجهة الكاملة

لتشغيل السلايد شو ابحث عن http://freshview-th3kurdi.blogspot.com وقم بتغييره الى رابط مدونتك

روابط التحميل و المعاينة  ☑  👍

• معاينة
• تحميل من MediaFire
• تحميل من Top4Top

طريقة اضافة زر اظهار و اخفاء الواجهة الى بلوجر

طريقة اضافة زر اظهار و اخفاء الواجهة الى بلوجر - مرحبا بكم زوار مدونة كورد ويب في شرح جديد و اضافة جديدة على مدونة كورد ويب طريقة اضافة زر اخفاء و اظهار الواجهة  و الكثير من المدونين يحتاجون هذه الاضافة 👌 خاصة الذين ينشرون القوالب و هذه الاضافة ستساعدك على تقصير طول تدوينتك ✅ حيث اذا اردنا ان نضهر للزائر الواجهة الكاملة لقالب مثلا فواجهة القالب طويلة جدا وهذا ما سيجعل التدوينة اطول لذا فاحضرت لكم اليوم هذه الاضافة. 💡

• معاينة

طريقة اضافة زر اظهار و اخفاء الواجهة

1. اذهب الى لوحة التحكم ثم قالب ثم تحرير HTML
2. ابحث عن  </head>  وضع فوقه هذا الكود

 <style>
/* زر اظهار و اخفاء الواجهة th3kurdi.blogspot.com */
#flippy {text-align:center;}
#flippy button {margin:10px auto;cursor:pointer;font-weight:700;font-size:14px;background-color:#f48878;font-family:tahoma;color:#fff!important;padding:8px 12px!important;text-transform:uppercase;border-radius:2px;transition:all 0.3s ease-out;}
#flippy button:hover, #flippy button:focus {outline:none;background-color:#3695DB;color:#fff;}
#flippanel {padding:0;text-align:right;}
#flippanel {display:none;}
#flippanel img {margin:10px auto;}
</style> 

3. ثم ابحث عن  </body>  وضع فوقه هذا الكود

 //Spoiler
$(document).ready(function() {
    $("#flippy").click(function() {
        $("#flippanel").slideToggle("normal");
    });
}); 

4. اضغط على حفظ

كيفية استخدام الزر

عند كتابة موضوع انتقل الى وضع HTML وضع فيها الكود التالي

 <div id="flippy" style="text-align: center;">
<button>اظهار / اخفاء الواجهة</button></div>
<div id="flippanel" style="text-align: center;">
<img src="http://b.top4top.net/p_2294sqx1.jpg" alt="Mountain View" style="float:center;;">
</div> 

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