مساحة إعلانية

الجمعة، 23 مايو، 2014

الجمعة، 23 مايو، 2014

السلايدر التوأم لآخر المواضيع مع الإعدادات

responsive slider widget for blogger
أحد أشهر السلايدر المتاح لمنصة بلوجر والذي امتلأ به الإنترنت شرقاً وغرباً لكن هناك معلومتين قليل من يذكرهما عن هذا السلايدر أولهما أن لهذا السلايدر نسختين أحب ان اسميهما التوأم متشابهتان كثيراً الفرق بينهما في التنسيق فالأولى أفقية تتناسب اكثر مع الاماكن العريضة والأخرى رأسية تناسب السايدر بار والمساحات الصغيره وهناك الكثيرين من يخلطون بينهم فيركب تلك مكان هذه ويصبح المظهر غير مضبوط , المعلومة الثانية التي يتغافل الكثير عن ذكرها في الإعدادات البعض لا يذكر ان هذا السلايدر ليس فقط لآخر المواضيع ولكنه أيضاً يمكن ان يكون لآخر المواضيع من قسم محدد وليس المدونة باكملها وهنا ستكون فائدته أكبر ان كان لديك قسم عليه إقبال كبير فمن الجيد ان تستخدم السلايدر فيه وسنتطرق لتلك الأمور في موضوعنا لكن اولا يمكنك معاينة السلايدر بنسختيه من الرابط التالي
ستلاحظون أن الاول جعلته لآخر المواضيع من المدونة كاملة والثاني جعلته ياتي بآخر مواضيع قسم القوالب فقط طبعا يمكن تخصيص الأول بالقسم أيضاً لكن فقط حتى اوضح الفرق في المعاينة
طريقة التركيب ثابته اضافة كود السلايدر في آداة HTML/JavaScript


السلايدر الأفقي


Recent Posts slider for Blogger

<style type="text/css">
#top-main{position:relative}
#top-main .widget{border:0;padding:0 0 22px}
#top-main h2{position:absolute;left:-9999px}

#slides li {
display: none;
background-color: white;
padding: 4px;
border: 1px solid #CECECE;
-webkit-border-radius: 3px;
margin-top: 0;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
position: absolute;
}
#slides li:nth-child(1) .overlayx {
background-position: 0 0;
}
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:20;margin:0;list-style:none;position:relative}
#slides ul{height:275px}
#slides li{width:49.9%;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){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%}
#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%}
#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{width:100%;height:100%}
#slides .overlayx {
position: absolute;
top: 0;
left: 0;
border: 4px solid #fff;
width: 100%;
height: 100%;
z-index: 2;
background-image: url(https://lh4.googleusercontent.com/-XuY-WhcgPEs/U359RGOR-RI/AAAAAAAAEJk/Cl5gNpnAz0Y/s1600/cnmubg-fade.png);
background-position: 70% 70%;
background-repeat: repeat-x;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#slides h4{position:absolute;bottom:25px;width:100%;padding:0 10px;margin:0 -5px;font-size:14px;z-index:3;color:white;text-shadow:0 1px 2px #918F8F}
#slides li:nth-child(3) h4,#slides li:nth-child(2) h4{font-size:14px}
#slides .label_text{font-size:9px;color:white;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none}
#slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
#buttons{margin: 0px auto;text-align: center;width: 10%;}
#buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
#buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
#buttons a#nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:49.8%}
  #slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%}
  #slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%}
  #slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%}
}

#slides .overlayx {
position: absolute;
top: 0;
left: 0;
border: 4px solid white;
width: 100%;
height: 100%;
z-index: 2;
background-image: url(https://lh4.googleusercontent.com/-XuY-WhcgPEs/U359RGOR-RI/AAAAAAAAEJk/Cl5gNpnAz0Y/s1600/cnmubg-fade.png);
background-position: 60% 60%;
background-repeat: repeat-x;
}
</style>
<div id="featuredpost">
</div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://cnmu.blogspot.com",
MaxPost:15,
idcontaint:"#featuredpost",
ImageSize:300,
interval:7000,
autoplay:true,
tagName:false
});
});

//contnue
function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"#featuredpost",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://softglad.at.ua/images/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx">prev</a><a href="#" id="nextx">next</a></div>').addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l)};var b=function(){var i="/-/"+h.tagName;if(h.tagName===false){i="";e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}else{e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}(function(){setTimeout(function(){e("#prevx").click(function(){e("#slides li:first").before(e("#slides li:last"));return false});e("#nextx").click(function(){e("#slides li:last").after(e("#slides li:first"));return false});if(h.autoplay){var k=h.interval;var l=setInterval("rotate()",k);e("#slides li:first").before(e("#slides li:last"));e("#slides").hover(function(){clearInterval(l)},function(){l=setInterval("rotate()",k)});function j(){e("#nextx").click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)};
function rotate() { $('#nextx').click();}
//]]>
</script>

أهم الإعدادات

الرقم 4 و اللون #fff هما الخاصان بمقاس ولون إطار الصور في السلايدر
الكود المعلم بالأخضر الفاتح يمكنك ازالته ان كان قالبك يحتوي على مكتبة جي كويري
استبدل http://cnmu.blogspot.com برابط مدونتك
الرقم 15 هو عدد المواضيع التي ستظهر في السلايدر
ان اردت المواضيع من قسم محدد استبدل tagName:false
بهذا الكود tagName:"*",  مع تغيير رمز * بإسم القسم الذي تريد

السلايدر الرأسي


featured post slider for blogger

<style type="text/css">
ul.abt-sidebar-slider *{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
ul.abt-sidebar-slider{
font:normal normal 11px embria
}
ul.abt-sidebar-slider,ul.abt-sidebar-slider li{
margin:0;
padding:0;
list-style:none;
position:relative
}
ul.abt-sidebar-slider{
width:100%;
height:500px
}
ul.abt-sidebar-slider li{
height:24.5%;
position:absolute;
padding:0;
width:49.5%;
float:left;
overflow:hidden;
display:none
}
ul.abt-sidebar-slider li:nth-child(1),ul.abt-sidebar-slider li:nth-child(2),ul.abt-sidebar-slider li:nth-child(3),ul.abt-sidebar-slider li:nth-child(4){
display:block
}
ul.abt-sidebar-slider img{
border:0;
width:100%;
height:100%} ul.abt-sidebar-slider li:nth-child(1){width:100%;
height:49.5%;
margin:0 0 2px;
left:0;top:0
}
ul.abt-sidebar-slider li:nth-child(2){left:0;top:50%}
ul.abt-sidebar-slider li:nth-child(3){left:50.5%;top:50%}
ul.abt-sidebar-slider li:nth-child(4){width:100%;left:0;top:75%}
ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider li{
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out
}
ul.abt-sidebar-slider .overlayx{
width:100%;
height:100%;
position:absolute;
z-index:2;
left:0;
top:0;
background-image:url(https://lh4.googleusercontent.com/-XuY-WhcgPEs/U359RGOR-RI/AAAAAAAAEJk/Cl5gNpnAz0Y/s1600/cnmubg-fade.png);
background-position:50% 50%;
background-repeat:repeat-x
}
ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider img{
border:4px solid #DEDEDE;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
ul.abt-sidebar-slider li:nth-child(1) .overlayx{
background-position:50% 25%
}
ul.abt-sidebar-slider .overlayx:hover{
-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";
filter:alpha(opacity=10);-khtml-opacity:0.1;
-moz-opacity:0.1;opacity:0.1
}
ul.abt-sidebar-slider h4{
position:absolute;
bottom:30px;
z-index:2;
color:white;
margin:0;
width:100%;
padding:0 10px;
line-height:1.5em;
font:embria;
font-weight:normal
}
ul.abt-sidebar-slider li:nth-child(1) h4,ul.abt-sidebar-slider li:nth-child(4) h4{
font-size:150%
}
ul.abt-sidebar-slider .label_text{
position:absolute;
bottom:10px;
left:10px;
z-index:2;
color:white;
font-size:90%}
ul.abt-sidebar-slider li:nth-child(2) .autname,ul.abt-sidebar-slider li:nth-child(3) .autname{
display:none
}
.buttons{
margin:5px 0 0
}
.buttons a{
display:inline-block;
text-indent:-9999px;
width:15px;
height:25px;
position:relative
}
.buttons a::before{
content:"";
width:0;
height:0;
border-width:8px 7px;
border-style:solid;
border-color:transparent #535353 transparent transparent;
position:absolute;
top:50%;
margin-top:-8px;margin-left:-10px;
left:50%
}
.buttons a.nextx::before{
border-color:transparent transparent transparent #535353;
margin-left:-3px
}
</style>
<div id="featuredpostside"></div>
<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://cnmu.blogspot.com",
MaxPost:15,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:7000,
autoplay:true,
tagName:false
});

//contnue
function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="abt-sidebar-slider"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)};
//]]>
</script>

أهم الإعدادات

الرقم 4 و اللون #DEDEDE هما الخاصان بمقاس ولون إطار الصور في السلايدر
الكود المعلم بالأخضر الفاتح يمكنك ازالته ان كان قالبك يحتوي على مكتبة جي كويري
استبدل http://cnmu.blogspot.com برابط مدونتك
الرقم 15 هو عدد المواضيع التي ستظهر في السلايدر
ان اردت المواضيع من قسم محدد استبدل tagName:false
بهذا الكود tagName:"*",  مع تغيير رمز * بإسم القسم الذي تريد

ملاحظات 

إن كنت تريد اظهار السلايدر في الرئيسية فقط أو في المواضيع فقط أو في جزء محدد راجع الموضوع التالي
التحكم في تفعيل أو تعطيل الإضافات بحسب فئة الصفحات
ان اردت ان يكون السلايدر داخل اطار وخلفية كما في مثال المعاينة اضف الكود بين الكودين التاليين
<div style='background:#fff; border:2px solid #777; width:400px; padding:15px 15px 10px;'>
كود السلادير هنا
</div>
على أن #fff  هو لون الخلفية
والرقم 2 هو مقاس الإطار واللون #777 هو لون الإطار
والرقم 400 هو مقاس مساحة السلايدر
والرقم 15 هو حجم الفراغ بين السلايدر والإطار
والرقم 10 حجم الفراغ لكن من الاسفل

هناك 40 تعليقًا:

  1. موضوع جميل سبق ان رايت الأضافة بس الميزة بتاعتك التطوير والشرح الكامل

    ردحذف
    الردود
    1. أشكرك أخي احمد على مرورك الكريم تحياتي لك يا غالي =r

      حذف
  2. سلاام عليكم

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

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      سأحاول قريباً ان اعد شرحاً حول تصدر محركات البحث وما يجب مراعاته في الامر
      انا تحدثت سابقاً عن الأرشفه وتسريعها وقريباً ساتحدث عن تصدر محركات البحث والله المستعان

      حذف
  3. ياخي والله طبق كل الشروحات دون فائدة تذكر

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

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

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

      حذف
  5. يرحم والديك كيف اوقف متابعت مدونتك ساجن يوما ما لم اجد ما يقال في التعليمات بلوحة التحكم !!

    ردحذف
    الردود
    1. اشكرك على هذا المرور العطر وانا اتشرف بكم متابعينا الكرام =r

      حذف
    2. الحقيقة تعليقك يفهم بطريقتين الاولى نوع من قبولك للموضوع والاخرى كأنك تستفسر عن طريقة ايقف المتابعة ولذلك كان يجب كتابة تعليقين ^_^
      ان اردت ايقاف او تشغيل المتابعة فقط افتح الرابط التالي http://bit.ly/1gtS8lI

      حذف
  6. بس انا اشوف في البداية اغلبها مدونة فيها blog spot وهي في اول البحث وعلى الرغم منة انة الموضوع محفوض بحقوق الطبع ومسروق مني وكلة يتقدم في البداية هل ل blog spot داخل في هذا

    ردحذف
    الردود
    1. ممكن تكون اقدم في الإنشاء او يكتب الوصف بشكل أفضل أو يكون الأمر راجع لمخلفات التصفح كونك زرت الموقع سابقاً فيظهر لك في مقدمة النتائج وهو ليس كذلك وللتأكد قم بفتح نافذه خاصة Private Window ستجدها في المتصفح وابحث بها وانظر في نتائج البحث ستجد الترتيب مختلف أو كما قلت ربما البيج رانك لديه اعلى او يكتب بطريقة أفضل

      حذف
  7. اسهم الnext والprev معكوسات ممكن حل

    ردحذف
    الردود
    1. ليست معكوسه اخي لكن المظهر يعطي هذا الشكل تريد تغيير مظهر السهم
      ستجد هاذين الكودين
      transparent transparent transparent #535353
      transparent #535353 transparent transparent
      اعكسهم استبدل الأول بالثاني والثاني بالأول

      حذف
    2. عكستهم ودخلوا ببعض n=

      شاهد الصورة :
      http://im62.gulfup.com/wTLcTX.bmp

      حذف
    3. ٍتجد هذا السطر margin-left:-3px
      استبدله بالتالي
      margin-left:5px
      ويمكنك زيادة الرقم 5

      حذف
  8. أرجو منكم عمل دورة كاملة لعمل قوالب بلوجر إحترافية

    ردحذف
    الردود
    1. حياك الله اخي الكريم
      حقيقة هذا الطلب تكرر كثيراً ودائما اعتذر عنه فعمل دولة تصميم القوالب تحتاج شرح كامل للغتي HTML , CSS شرح هذه اللغات وحده يتطلب وقت طويل وطرق كثيرة للشرح انا لست مؤهلا لتقديمها فطرق الشرح صعبه وسأخذ عشرات بل ربما مئات المواضيع لتنجز مثل تلك الدورة بولاتالي ستتعطل المدونة باكملها لإنجاز تلك الدورة لذلك انا دائما نصح بموقع http://www.w3schools.com
      هو متخص وجاهز في تعليم تلك اللغات انا شخصيا تعلمت عن طريقة وبالتالي هو افضل من اى موقع آخر سيتكلم عن الامر

      حذف
  9. السلام عليكم ورحمة الله وبركاتهُ...
    اخي ممكن السلايدر بشكل غير تلقائي ؟

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      حياك الله اخي محمد كيف حالك يا طيب
      اشتقنا اليك
      يمكنك جعل السلايدر لا يتحرك بتعديل التالي
      autoplay:true,
      الى
      autoplay:false,

      حذف
  10. أزال المؤلف هذا التعليق.

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

      حذف
    2. وعليكم السلام ورحمة الله وبركاته...
      جزاك الله خير الجزاء...

      حذف
  11. سامحني يا أخي إستخدت السلايد الرئيسي جميل و محتاجه لكنه يتوقف بعد حركة واحدة .. هل هناك حل ؟

    ردحذف
    الردود
    1. ان توقف السلايدر بعد حركة هذا معناه انه يوجد تعارض مع اكواد اخرى في القالب
      يمكنك التأكد انه لا يوجد تكرار لمكتبة جي كويري في القالب او في أى ادوات
      ايضا يمكنك دمج السلايدر في القالب يعني بدلا من اضافته في أداة HTML/JavaScript
      تضيفه داخل القالب في المنتطقة التي تريد هذا يقلل من حدة التعارض

      حذف
  12. السلام عليكم يوجد عندى تعارض مع اى سلايدر بركبة خاص باخر المواضيع . لا يعمل نهائيا . فكيف علاج هذة المشكله ولو اردت دمجة فهل يعمل بدون مشاكل وكيفية الدمج شكرا. يمكنك القاء نظرة
    http://mohtrefnet.blogspot.com

    ردحذف
  13. مع العلم ركب السلايدر بتغير رابط المدونة برابط مدونتك اشتغل تمام . لكن عند تغير الرابط لرابط المدونتى لم يعمل
    http://mohtrefnet.blogspot.com

    ردحذف
    الردود
    1. ألاحظ الآن ان السلايدرات تعمل لديك جيداً

      حذف
  14. نعم صديقى شكرا لحضرتك لقد تنازلت عن بعض الاضافات الاخرى حتى يعمل السلايدر . شكرا لك بالتوفيق للجميع

    ردحذف
  15. اخي الكريم السلايدر يعمل بكل كفائة لاكن اريد ان يظهر في الرئيسية فقط لانة يظهر في داخل المواضيع ايضا
    رابط مدونتي للمعاينة انة اسفل الموضوعات http://www.difference-makers2020.com/
    اذا امكن ارسل لك السلايدر الاساسي والسلايدر الذي اسفل المواضيع اريدهم ان يظهروا في الرئيسية فقط

    ردحذف
    الردود
    1. راجع هذا الموضوع لتظهره في المكان الذي تريد
      http://cnmu.blogspot.com/2013/02/blog-post.html

      حذف
  16. السلام عليكم اولا شكرا على الاضافة الرائعة
    اخي عند الضغط على المواضيع في السلايدر تخرج في نافذة جديدة ، هل هناك اعدادات بحيث عند الدخول لاي موضوع يظهر في النافذة نفسها

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      تم حل المشكلة وتلقائيا ستجدها عندك تفتح في نفس النافذة

      حذف
  17. ممكن اعرف التغيير الذي عملته الكود

    ردحذف
    الردود
    1. التغيير على ملفات الجافا اخي وليس في اكواد الإضافة المعروضة

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

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

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

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

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©