Blogger için konu etiketli slider slayt kodu

Evet arkadaşlar kendi temamda da kullandığım sliderın kodlarını paylaşıyorum. Sliderin özellikleri etiket bazlı olup seçtiğiniz bir etiket ile alakalı son yazıları göstermenizi sağlar. Yeni eklediğiniz yazı anında slidera eklenir.
Eğer resimlerin sliderda iyi gözükmesini istiyorsanız büyük boyutlarda resim kullanmanızı tavsiye ederim. Slider dinamik olarak kendi kendine belirli bir saniye içersin de otomatik geçiş yapmaktadır. Slideri sitemize eklemeden önce hr ihtimale karşı şablonumuzun bir yedeğini alalım.

1. İlk yapmamız gereken aşağıdaki resimde olduğu gibi blog yayınlarımızın tam üstüne gelecek şekild bir gatget ekle kısmı oluşturmak. Eğer blogunuzda zaten böyle bir kısım varsa bu adımı atlayabilirsiniz. Yoksa işlemleri takip edin.

– Blogunuza giriş yaptıktan sonra Şablon >> HTML’yi Düzenle ( Widget şablonlarını genişletin kutucuğunu işaretleyiniz)
–  Ctrl + F  yaparak ]]></b:skin> kodunu buluyoruz ve tam üstüne denk gelecek şekilde aşağıdaki kodları ekliyoruz.

/* Slide Content
———————————————– */
.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;}
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.slide li {margin:0;padding-top:0;
padding-right:0;padding-bottom:.25em;
padding-left:0px;text-indent:0px;line-height:1.3em;}
.slide .widget {margin:0px 0px 6px 0px;}

– Daha sonra da yine Ctrl + F yaparak <div id=’main-wrapper’> kodunu buluyoruz ve tam altına aşağıdaki kodları ekliyoruz.

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
      <div id=’slide-wrapper’>
<b:section class=’slide’ id=’slide’ preferred=’yes’/>
      </div>
</b:if>

2. Şablonu kaydediyoruz ve hemen Yerleşime tıklayarak gatget ekle kısmı eklenmiş mi ona bakıyoruz. Eğer eklendi ise slider ekleme aşamasına geçiyoruz.

3. Tekrar Şablon >> HTML’yi Düzenle  diyoruz ve Ctrl + F  yaparak ]]></b:skin> kodunu buluyoruz ardından tam üstüne denk gelecek şekilde aşağıdaki kodları ekliyoruz.

/* Lofslidernews */
#slider{background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f6f6),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#f6f6f6 0,#e2e2e2 100%);
border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;padding:10px;margin:4px;position:relative;overflow:hidden;width:600px;height:298px;}
.slider-main-outer{position:relative;height:100%;width:400px;z-index:3;overflow:hidden}
ul.slider-main-wapper li h3{z-index:10;position:absolute;bottom:-14px;width:385px;background:url(https://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png);padding:10px}
ul.slider-main-wapper li h3 p{color:#FFF;font-size:12px;padding-top:5px;display:block;margin:0}
ul.slider-main-wapper li h3 a{color:#FFF;font-size:16px;line-height:25px;margin:0}
ul.slider-main-wapper li .imgauto{width:405px;height:298px;overflow:hidden;margin:0;padding:0}
ul.slider-main-wapper{height:298px;width:405px;position:absolute;overflow:hidden;margin:0;padding:0}
ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:405px;float:left;margin:0;padding:0}
.slider-opacity li{position:absolute;top:0;left:0;float:inherit}
ul.slider-main-wapper li img{list-style:none;width:405px;height:auto;padding:0}
ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0}
ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0}
.slider-navigator-outer{position:absolute;right:10px;top:10px;z-index:10;height:300px;width:200px;overflow:hidden;color:#333}
.slider-navigator li h5{color:#333;font:11px Arial;margin:0;padding:5px 10px 0 0}
.slider-navigator li div{background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#fff 0,#e2e2e2 100%)color:#444;text-shadow:1px 1px 1px #fff;height:56px;position:relative;margin:0px 0px 3px 10px;padding:0 5px;border:1px solid #c0c0c0;}
.slider-navigator li.active div,.slider-navigator li:hover div{color:#0178d3;border:1px solid #999}
.slider-navigator li img{border:#ddd solid 1px;height:44px;width:60px;float:left;margin:5px 5px 5px 0}
.slider-navigator li.active img{border:#eee solid 1px}
.slider-navigator li.active h5{color:#0178d3}

Kırmızı ile gösterdiğim kodlardan Yüksekliği ve genişliği kendi blogunuza göre ayalayabilirsiniz.

4. Ctrl + F  yardımı ile bu sefer </ head > kodunu buluyoruz ve tam üstüne gelecek şekilde aşağıdaki kodları ekliyoruz.

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js’ type=’text/javascript’/>
<script src=’http://yourjavascript.com/24211643151/jquery.easing.js’ type=’text/javascript’/>
<script type=’text/javascript’>
//<![CDATA[

(function($) {

var types = [‘DOMMouseScroll’, ‘mousewheel’];

$.event.special.mousewheel = {
    setup: function() {
        if ( this.addEventListener )
            for ( var i=types.length; i; )
                this.addEventListener( types[–i], handler, false );
        else
            this.onmousewheel = handler;
    },
 
    teardown: function() {
        if ( this.removeEventListener )
            for ( var i=types.length; i; )
                this.removeEventListener( types[–i], handler, false );
        else
            this.onmousewheel = null;
    }
};

$.fn.extend({
    mousewheel: function(fn) {
        return fn ? this.bind(“mousewheel”, fn) : this.trigger(“mousewheel”);
    },
 
    unmousewheel: function(fn) {
        return this.unbind(“mousewheel”, fn);
    }
});

function handler(event) {
    var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
 
    event = $.event.fix(event || window.event);
    event.type = “mousewheel”;
 
    if ( event.wheelDelta ) delta = event.wheelDelta/120;
    if ( event.detail     ) delta = -event.detail/3;
 
    // Add events and delta to the front of the arguments
    args.unshift(event, delta);

    return $.event.handle.apply(this, args);
}

})(jQuery);

/**
 * @version        $Id:  $Revision
 * @package        jquery
 * @subpackage    lofslidernews
 * @copyright    Copyright (C) JAN 2010 LandOfCoder.com <@emai:[email protected]>. All rights reserved.
 * @website     http://landofcoder.com
 * @license        This plugin is dual-licensed under the GNU General Public License and the MIT License
 */
// JavaScript Document
(function($) {
     $.fn.lofJSidernews = function( settings ) {
         return this.each(function() {
            // get instance of the lofSiderNew.
            new  $.lofSidernews( this, settings );
        });
      }
     $.lofSidernews = function( obj, settings ){
        this.settings = {
            direction            : ”,
            mainItemSelector    : ‘li’,
            navInnerSelector    : ‘ul’,
            navSelector          : ‘li’ ,
            navigatorEvent        : ‘click’,
            wapperSelector:     ‘.slider-main-wapper’,
            interval               : 4000,
            auto                : true, // whether to automatic play the slideshow
            maxItemDisplay         : 5,
            startItem            : 0,
            navPosition            : ‘vertical’,
            navigatorHeight        : 60,
            navigatorWidth        : 210,
            duration            : 600,
            navItemsSelector    : ‘.slider-navigator li’,
            navOuterSelector    : ‘.slider-navigator-outer’ ,
            isPreloaded            : true,
            easing                : ‘easeInOutQuad’
        }  
        $.extend( this.settings, settings ||{} );  
        this.nextNo         = null;
        this.previousNo     = null;
        this.maxWidth  = this.settings.mainWidth || 600;
        this.wrapper = $( obj ).find( this.settings.wapperSelector );  
        this.slides = this.wrapper.find( this.settings.mainItemSelector );
        if( !this.wrapper.length || !this.slides.length ) return ;
        // set width of wapper
        if( this.settings.maxItemDisplay > this.slides.length ){
            this.settings.maxItemDisplay = this.slides.length;  
        }
        this.currentNo      = isNaN(this.settings.startItem)||this.settings.startItem > this.slides.length?0:this.settings.startItem;
        this.navigatorOuter = $( obj ).find( this.settings.navOuterSelector );  
        this.navigatorItems = $( obj ).find( this.settings.navItemsSelector ) ;
        this.navigatorInner = this.navigatorOuter.find( this.settings.navInnerSelector );
     
        if( this.settings.navPosition == ‘horizontal’ ){
            this.navigatorInner.width( this.slides.length * this.settings.navigatorWidth );
            this.navigatorOuter.width( this.settings.maxItemDisplay * this.settings.navigatorWidth );
            this.navigatorOuter.height(    this.settings.navigatorHeight );
         
        } else {
            this.navigatorInner.height( this.slides.length * this.settings.navigatorHeight );  
         
            this.navigatorOuter.height( this.settings.maxItemDisplay * this.settings.navigatorHeight );
            this.navigatorOuter.width(    this.settings.navigatorWidth );
        }      
        this.navigratorStep = this.__getPositionMode( this.settings.navPosition );      
        this.directionMode = this.__getDirectionMode();
     
     
        if( this.settings.direction == ‘opacity’) {
            this.wrapper.addClass( ‘slider-opacity’ );
            $(this.slides).css(‘opacity’,0).eq(this.currentNo).css(‘opacity’,1);
        } else {
            this.wrapper.css({‘left’:’-‘+this.currentNo*this.maxSize+’px’, ‘width’:( this.maxWidth ) * this.slides.length } );
        }

     
        if( this.settings.isPreloaded ) {
            this.preLoadImage( this.onComplete );
        } else {
            this.onComplete();
        }
     
     }
     $.lofSidernews.fn =  $.lofSidernews.prototype;
     $.lofSidernews.fn.extend =  $.lofSidernews.extend = $.extend;
 
     $.lofSidernews.fn.extend({
                           
        startUp:function( obj, wrapper ) {
            seft = this;

            this.navigatorItems.each( function(index, item ){
                $(item).click( function(){
                    seft.jumping( index, true );
                    seft.setNavActive( index, item );                  
                } );
                $(item).css( {‘height’: seft.settings.navigatorHeight, ‘width’:  seft.settings.navigatorWidth} );
            })
            this.registerWheelHandler( this.navigatorOuter, this );
            this.setNavActive(this.currentNo );
         
            if( this.settings.buttons && typeof (this.settings.buttons) == “object” ){
                this.registerButtonsControl( ‘click’, this.settings.buttons, this );

            }
            if( this.settings.auto )
            this.play( this.settings.interval,’next’, true );
         
            return this;
        },
        onComplete:function(){
            setTimeout( function(){ $(‘.preload’).fadeOut( 900 ); }, 400 );    this.startUp( );
        },
        preLoadImage:function(  callback ){
            var self = this;
            var images = this.wrapper.find( ‘img’ );
 
            var count = 0;
            images.each( function(index,image){
                if( !image.complete ){                
                    image.onload =function(){
                        count++;
                        if( count >= images.length ){
                            self.onComplete();
                        }
                    }
                    image.onerror =function(){
                        count++;
                        if( count >= images.length ){
                            self.onComplete();
                        }  
                    }
                }else {
                    count++;
                    if( count >= images.length ){
                        self.onComplete();
                    }  
                }
            } );
        },
        navivationAnimate:function( currentIndex ) {
            if (currentIndex <= this.settings.startItem
                || currentIndex – this.settings.startItem >= this.settings.maxItemDisplay-1) {
                    this.settings.startItem = currentIndex – this.settings.maxItemDisplay+2;
                    if (this.settings.startItem < 0) this.settings.startItem = 0;
                    if (this.settings.startItem >this.slides.length-this.settings.maxItemDisplay) {
                        this.settings.startItem = this.slides.length-this.settings.maxItemDisplay;
                    }
            }      
            this.navigatorInner.stop().animate( eval(‘({‘+this.navigratorStep[0]+’:-‘+this.settings.startItem*this.navigratorStep[1]+’})’),
                                                {duration:500, easing:’easeInOutQuad’} );  
        },
        setNavActive:function( index, item ){
            if( (this.navigatorItems) ){
                this.navigatorItems.removeClass( ‘active’ );
                $(this.navigatorItems.get(index)).addClass( ‘active’ );  
                this.navivationAnimate( this.currentNo );  
            }
        },
        __getPositionMode:function( position ){
            if(    position  == ‘horizontal’ ){
                return [‘left’, this.settings.navigatorWidth];
            }
            return [‘top’, this.settings.navigatorHeight];
        },
        __getDirectionMode:function(){
            switch( this.settings.direction ){
                case ‘opacity’: this.maxSize=0; return [‘opacity’,’opacity’];
                default: this.maxSize=this.maxWidth; return [‘left’,’width’];
            }
        },
        registerWheelHandler:function( element, obj ){
             element.bind(‘mousewheel’, function(event, delta ) {
                var dir = delta > 0 ? ‘Up’ : ‘Down’,
                    vel = Math.abs(delta);
                if( delta > 0 ){
                    obj.previous( true );
                } else {
                    obj.next( true );
                }
                return false;
            });
        },
        registerButtonsControl:function( eventHandler, objects, self ){
            for( var action in objects ){
                switch (action.toString() ){
                    case ‘next’:
                        objects[action].click( function() { self.next( true) } );
                        break;
                    case ‘previous’:
                        objects[action].click( function() { self.previous( true) } );
                        break;
                }
            }
            return this;  
        },
        onProcessing:function( manual, start, end ){          
            this.previousNo = this.currentNo + (this.currentNo>0 ? -1 : this.slides.length-1);
            this.nextNo     = this.currentNo + (this.currentNo < this.slides.length-1 ? 1 : 1- this.slides.length);              
            return this;
        },
        finishFx:function( manual ){
            if( manual ) this.stop();
            if( manual && this.settings.auto ){
                this.play( this.settings.interval,’next’, true );
            }      
            this.setNavActive( this.currentNo );  
        },
        getObjectDirection:function( start, end ){
            return eval(“({‘”+this.directionMode[0]+”‘:-“+(this.currentNo*start)+”})”);  
        },
        fxStart:function( index, obj, currentObj ){
                if( this.settings.direction == ‘opacity’ ) {
                    $(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing} );
                    $(this.slides).eq(index).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );
                }else {
                    this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} );
                }
            return this;
        },
        jumping:function( no, manual ){
            this.stop();
            if( this.currentNo == no ) return;      
             var obj = eval(“({‘”+this.directionMode[0]+”‘:-“+(this.maxSize*no)+”})”);
            this.onProcessing( null, manual, 0, this.maxSize )
                .fxStart( no, obj, this )
                .finishFx( manual );  
                this.currentNo  = no;
        },
        next:function( manual , item){

            this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 – this.slides.length);  
            this.onProcessing( item, manual, 0, this.maxSize )
                .fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
                .finishFx( manual );
        },
        previous:function( manual, item ){
            this.currentNo += this.currentNo > 0 ? -1 : this.slides.length – 1;
            this.onProcessing( item, manual )
                .fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
                .finishFx( manual    );          
        },
        play:function( delay, direction, wait ){  
            this.stop();
            if(!wait){ this[direction](false); }
            var self  = this;
            this.isRun = setTimeout(function() { self[direction](true); }, delay);
        },
        stop:function(){
            if (this.isRun == null) return;
            clearTimeout(this.isRun);
            this.isRun = null;
        }
    })
})(jQuery)

 //]]>
</script>
<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 = 70;
summaryTitle = 20;

numposts = 10;

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 showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();

      for (var i = 0; i < numposts; 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 style=”position:relative;”><div class=”imgauto”><a href=”‘+posturl+'”><img width=”405″ height=”298″ class=” ” src=”‘+img[i]+'”/></a></div><h3><a href=”‘+posturl+'”>’+posttitle+'</a><p>’+daystr+’ / ‘+pcm+’ comments</p></h3></li>’;                  
        document.write(trtd);    
             
              j++;
    }
 
}

function showrecentposts1(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
 
      for (var i = 0; i < numposts; 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><div><img width=”60″ height=”44″ class=”alignnone” src=”‘+img[i]+'”/><h5>’+posttitle+'</h5></div></li>’;                  
        document.write(trtd);    
             
              j++;
    }
 
}

 //]]>
</script>

– Şablonu kaydet diyoruz ve Yerleşim kısmına geliyoruz.

5. Blog yayınları üstündeki gatget ekle kısmından Gadget Ekle >> HTML / JavaScript diyoruz ve aşağıdaki kodları ekledikten sonra kodlardaki kırmızı ile belirttiğim kısımları kendimize göre ayarlıyoruz.

<div class=’lof-main-wapper’ id=’slider’>
<div class=’slider-main-outer’>
<ul class=’slider-main-wapper’>
<script>                  
document.write(“<script src=”/feeds/posts/default/-/Teknoloji?max-results=”+numposts+”&orderby=published&alt=json-in-script&callback=showrecentposts”></script>”);
</script>
</ul>
</div>
<div class=’slider-navigator-outer’>
<ul class=’slider-navigator’>
<script>                  
document.write(“<script src=”/feeds/posts/default/-/Teknoloji?max-results=”+numposts+”&orderby=published&alt=json-in-script&callback=showrecentposts1″></script>”);
</script>
</ul>
</div>
</div>
<script type=’text/javascript’>
jQuery(document).ready(function($){  
    $(‘#slider’).lofJSidernews({
        interval:6000,
        duration:800,
        mainWidth: 405,
        navigatorWidth: 200,
        maxItemDisplay:5,
        easing:’easeInOutQuad’,
        auto:true,
        isPreloaded: false
    });
});  
</script>

– Kırmızı ile belirttiğin alana slaytta yayınlanmasını istediğimiz konunun etiketini yazıyoruz. Büyük küçük harf konusunda dikkatli olalım çünkü etiketiniz blog da nasıl yazılıyorsa aynısını yazınız.Değiştirme işlemi bitti ise kaydedebiliriz. Slideriniz artık hazır. Takıldığınız, sormak istediğiniz kısımları yorum kısmından sorabilirsiniz!..



107 thoughts on “Blogger için konu etiketli slider slayt kodu

  1. XML, satır 982, sütun 29 ayrıştırılırken hata oluştu: Open quote is expected for attribute "{1}" associated with an element type "src". Hatası veriyor şablon kaydedilemiyor. nedendir acaba ?

  2. ve bir soru daha sorayım,
    bu sadece anasayfada. bunu her sayfaya farklı etiketlerle monte edebilir miyim ?

    cvbın ıcın sımdıden tsk ederim.

  3. Merhaba konu için tşk ederim. sadece sormak istediğim birşey var, birden fazla etiket koyabilir miyiz ? mesala 3-4 etiket yazmak istesek sırasıyla gosterse slide olur mu ?

    tşkler tekrardan

  4. anladım. son bir soru olarak undefined comments olarak yazı cıkıyor, tarih ile birlikte, bunu nereden kaldırabilirim ?

  5. More than one section was found with id: slide. Section IDs should be unique.
    Hatasını alıyorum Hocam. Nasıl Düzelteceğim Bu Sorunu?

  6. Halletim onu arakdaşın verdiği ilk iki kodda slide yazan yerleri manset vs gibi kullanılmayan bir isimle değiştirin sorun kalmıyor. Teşekkürler Can , bu arada birşey sormam gerek paylaştığınız temada anasayfada çıkan görseller çok garip duruyor, küçültüyor otomatik ama yukardan aldığı kadarıyla oluyor o yüzden resimler çok kötü görünüyor. Her taraftan küçültme imkanımız yokmu, sizde bu şekilde kullanıyorsunuz ama belki bir yolu vardır?

  7. wordpress'in trendportal temasındaki gibi anasayfayı kategorilere ayırabilirmiyiz bu yolla ? Mesela A kategorisi bu kısımda B kategorisi Bu kısımda c kategorisi bu kısımda gibi

  8. hocam yukarıdaki kodlardan kırmızı ile berlirttiğim kısmı yani teknoloji etiketini siz kendi blogunuzda orda gözükmesini istediğiniz etiket ile değiştirin örneğin Futbolsa iki yerede futbol yazacaksınız bu kadar

  9. hocam aslında var 🙂 şimdide o kutucuklar hareket etmiyo üstüne tıklandığında bir şey olmuyor.O etiketteki konu sayımda oldukça fazla 100 tane falan.Acaba ne olabilir?

  10. hocam o konu değil sayfa oluyor. oraya sayfa yerleştirirseniz 1 sayfa çıkar sadece ama onun adresini etiketlerden biri ile değiştirirseniz o etikete sahip konular çıkar

  11. Paylaşım için çok teşekkürler. Çok işime yaradı. Bir sorum olacak sadece. Slider sadece ana sayfada çıksın istiyorum. Bunu nasıl yapabilirim? Herhangi bir konu içine girsem bile üstte slider görünüyor. Bu konuda yardımcı olursanız çok sevinirim.

  12. Şablon önizlemesi yüklenemedi: XML, satır 1764, sütun 29 ayrıştırılırken hata oluştu: Open quote is expected for attribute "src" associated with an element type "script". BU SORUNLAR VAR

  13. slider'ı ekledim fakat boyutları temama uymuyordu. Dediğiniz gibi width'i arttırıp 655 yaptım. Fakat resimlerin boyutu değişmedi. resimlerin boyutunu nasıl değiştireceğiz?

  14. Ya Bunaldım bir kaç site yapıyorum olmuyor bu kodlar yok diyor 4-5 tane blog açtım hepsinde aynısını diyor ? Can Işık Bilgilerimi Veriyim Siz Yapın Lütfen Bunaldım ??

  15. o zaman ya eksik ekliyorsunuz yada yanlıs, kodları eklerken içinde teknoloji geçen iki tane kelime var onları kendi sitenizdeki herhangi bir etiket ile değiştirmeniz gerekiyor, misal oyunsa her ikisinide oyun olarak değiştirin

  16. document.write("<script src="/feeds/posts/default/-/Teknoloji?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts

    En son eklemeniz gerek kodda kırmızı ize yazıyor üstte Teknoloji yazıyor onu siz kendi etiketiniz ile değiştirin o zaman çıkar

  17. temayı yüklediyseniz yapmanız gerekn sadece en altta 5. sıradaki kodu gatget ekleden eklemek ve teknoloji etiketini silip kendi etiketinizi yazmak

  18. Can Bye klavyekedisi.blogspot.com adresinde slayt çerçevesine göre resimler çok küçük bunu nasıl düzeltebilirim. Bir de basit yazarsanız çünkü kod bilgim hiç yok emeğiniz için teşekkürler

  19. Kardeşim öncelikle teşekkür ediyorum paylaşımın için. Herşeyi yaptım ve oldu sanrım ama etiket bölümüne tek bir etiket mi girebiliyoruz?
    Yani mesela araba sitem var ve 5 model var onların isimlerini tek tek yazabiliyormuyum?

  20. Hocam aynı temayı kullanıyoruz ben koduna her js kodu eklediğim de sidebar yani #archivetab #commenttab bozuluyor yardım lütfen

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir