سلايد شو متميز وراقى جدا وزاتى التشغيل

07-22-2013, 01:05 PM

الهجان

مدون جديد

تاريخ التسجيل: Apr 2013

الدولة: المنصورة مصر

المشاركات: 73

سلايد شو متميز وراقى جدا وزاتى التشغيل

أنا : الهجان

سجل معنا لتتمتع بهذه الخاصية

DEMO

شرح التركيب

قم بالبحث عن

كود بلغة HTML:

]]></b:skin>

وضوع فوقها

كود بلغة HTML:

#featuredContent{float:left;width:407px;margin-right:10px;display:inline}
#featured-slider{position:relative;overflow:hidden;width:407px;height:245px}
#featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)}
#featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px}
#featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px}
#featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1}
#paginate-featured-slider{display:block;background-color:#f0f0f0;margin-bottom:0;padding:0 0 5px}
#paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none}
#paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px}
#paginate-featured-slider img{padding-top:5px;background:#f0f0f0}
#paginate-featured-slider a img{border-top:4px solid #f0f0f0}
#paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #357798}

ثم ابحث عن

كود بلغة HTML:

</head>

وضع فوقها

كود بلغة HTML:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/222517121138/contentslider.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 100;
summaryTitle = 25;

numposts3 = 5;

function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts3(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();

      for (var i = 0; i < numposts3; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
        
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
        
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
        
        postdate = entry.published.$t;
    
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;

    var trtd = '<div class="contentdiv"><a href="'+posturl+'"><img width="407" height="240"  class="alignnone" src="'+img[i]+'"/></a><div  class="sliderPostInfo"><h2 class="featuredTitle"><a  href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
    document.write(trtd);


    j++;
}

}

function showrecentposts4(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();

      for (var i = 0; i < numposts3; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
        
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
        
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
        
        postdate = entry.published.$t;
    
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;

    var trtd = '<li><a class="toc" href="#"><img width="75" height="50" class="alignnone" src="'+img[i]+'"/></a></li>';
    document.write(trtd);

    j++;
}

}

//]]>
</script>

ثم قم بالدخول الى التخطيط وعمل

HTML/Javascript

وضع بداخلها

كود بلغة HTML:

<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/القسم?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/القسم?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>

</b>

مع تغيير كلمة القسم الى القسم الى حابة يظهر

مع تحاتى

المصدر حكايات سوفت

http://7kyatsooft.blogspot.com/

__________________
تكبير صفحات وتسويق اليكترونى
لزيارة صفحتى على الفيس
https://www.facebook.com/wagyehfared
تصميم مواقع وحجز دومينات وربطها بمدونات بلوجر01011440800

من مواضيع الهجان

08-03-2013, 02:09 AM	#2
SiiMo مدون نشيط تاريخ التسجيل: Oct 2012 المشاركات: 162	رد: سلايد شو متميز وراقى جدا وزاتى التشغيل أنا : SiiMo سجل معنا لتتمتع بهذه الخاصية شكرا لك على هدا السلايد شو الرائع __________________ طريقة ربح أكثر من 10 دولار يوميا من موقع adfly http://www.th3com.com/2014/01/10-adfly.html طريقة تكبير صفحات الفيسبوك و زيادة المعجبين 2014 http://www.th3com.com/2013/12/facebook.pages.likes.2014.html من مواضيع SiiMo أطلب تصميمك الان طلب الاشراف على احد الاقسام قالب replqy معرب المرجو الحل بسرعة مساعدة في التعديل على تعليقات بلوجر

08-03-2013, 03:11 PM	#3
الهجان مدون جديد تاريخ التسجيل: Apr 2013 الدولة: المنصورة مصر المشاركات: 73	رد: سلايد شو متميز وراقى جدا وزاتى التشغيل أنا : الهجان سجل معنا لتتمتع بهذه الخاصية اشكرك اخى تحياتى ليك __________________ تكبير صفحات وتسويق اليكترونى لزيارة صفحتى على الفيس https://www.facebook.com/wagyehfared تصميم مواقع وحجز دومينات وربطها بمدونات بلوجر01011440800 من مواضيع الهجان قالب بلوجر اخبارى ميغلاش عليكم قالب ثلاثى الاعمدة جمل جدا الاضافة 2 من شريط سلايد شو زاتى شريط سلايد شو مميز زاتى التشغيل قالب موقع لاكازا للتحف هدية

08-03-2013, 05:37 PM	#4
hanna مدون جديد تاريخ التسجيل: Aug 2013 المشاركات: 27	رد: سلايد شو متميز وراقى جدا وزاتى التشغيل أنا : hanna سجل معنا لتتمتع بهذه الخاصية مشكور على هذا الطرح الرائع __________________ من مواضيع hanna 16 استايل لإيقونات المواقع الإجتماعية عالية الجودة مقدمة من مدونة الخبراء للبرامج أختر قالب مدونتك وعربّه بيديك إضافة عارض صور لمدونة بلوجر - مقدم من مدونة الخبراء للبرامج قالب مدونة الخبراء للبرامج في غاية الروعة والجمال اضافة استطلاع احترافي لمدونة بلوجر 2014

08-06-2013, 01:45 AM	#5
ibrachoukri مدون نشيط تاريخ التسجيل: Jun 2013 الدولة: المملكة الاسلامية المغربية المشاركات: 153	رد: سلايد شو متميز وراقى جدا وزاتى التشغيل أنا : ibrachoukri سجل معنا لتتمتع بهذه الخاصية شكرا لك __________________ من مواضيع ibrachoukri التبادل الاعلاني مع مدونت محبي المعلوميات إضافة اشتراك عبر المواقع الاجتماعية بشكل احترافي قالب جميل هدية حصريا تحميل قالب Straight معرب لمدونات بلوجر افضل قالب لسنة 2014 على الاطلاق

08-27-2013, 10:06 PM	#6
الهجان مدون جديد تاريخ التسجيل: Apr 2013 الدولة: المنصورة مصر المشاركات: 73	رد: سلايد شو متميز وراقى جدا وزاتى التشغيل أنا : الهجان سجل معنا لتتمتع بهذه الخاصية اشكركم جميعا تحياتى __________________ تكبير صفحات وتسويق اليكترونى لزيارة صفحتى على الفيس https://www.facebook.com/wagyehfared تصميم مواقع وحجز دومينات وربطها بمدونات بلوجر01011440800 من مواضيع الهجان اقوى سلايد شو 2017 زاتى من اجمل القوالب الاجنبية Turn Out Mag الاضافة 2 من شريط سلايد شو زاتى احلى قالب اجنبى لعرض الصور الاضافة 2 من شريط سلايد شو زاتى

08-28-2013, 04:13 AM	#7
achabdan مدون جديد تاريخ التسجيل: Nov 2012 المشاركات: 30	رد: سلايد شو متميز وراقى جدا وزاتى التشغيل أنا : achabdan سجل معنا لتتمتع بهذه الخاصية رائع أخي =) هذا أفضل سلايد شو رأيته صراحة __________________ من مواضيع achabdan التقنية بعيون عربية المدونة الرائدة في كل ما يتعلق بالتكنولوجيا تحميل قالب مدونة "عالم المعلوميات" إستفسار حول حسوب قالب التعربف بالكاتب (e-business card) إنشاء موقع بروكسي من بلوجر مجانا

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
طلب تركيب سلايد شو	@شاعرالأحزان@	طلبات تعديل القوالب	2	06-16-2013 10:25 AM
طلب حذف سلايد شو من القالب	مازن جمال	طلبات تعديل القوالب	3	06-08-2013 06:41 PM
سلايدشو ذاتي التشغيل 'المشاركات الشائعة' لمدونات بلوجر	abdoumara	إضافات وأدوات بلوجر	0	01-14-2013 01:02 PM
سلايدشو ذاتي التشغيل 'المشاركات الشائعة' لمدونات بلوجر	abdoumara	إضافات وأدوات بلوجر	1	11-03-2012 07:11 PM
طلب افضل سلايد شو ذاتي التشغيل لمدونة بلوجر والاسرع على الاطلاق [تمت التلبية]	احمد سراج	طلبات الدعم الفني	6	06-28-2012 01:40 PM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

سلايد شو متميز وراقى جدا وزاتى التشغيل

إضافات وأدوات بلوجر