Blogger Temasına Yazı Bandı Ekleme

Merhaba arkadaşlar bugün sizlere blogumda kullandığım yazı bandını paylaşacağım.Eklenti blogunuzda paylaştığınız son yazılarınızı gösteriyor.Hiç uzatmadan konuya geçeyim.








Css Kodları

]]></b:skin>  kodunu aratın ve hemen üstüne alttaki kodları ekleyin.

#header3-1-left-tickerimg{float:left;}
#beakingnews {
float: left;
height: 20px;
line-height: 25px;
overflow: hidden;
width: 107.2%;
}
#recentpostbreaking li a {
color:#000000;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 5px;
}
#recentpostbreaking li a:hover {
color:#333;
}
#beakingnews .tulisbreaking {
background:#333;
}
#beakingnews .tulisbreaking{
color:$(mainbgfontcol.background.color) !important;
}
#beakingnews .tulisbreaking {
color: #000000;
display: block;
float: left;
font-family: sans-serif;
font-weight: bold;
padding: 5px 10px;
position: absolute;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
}
#recentpostbreaking {
float: left;
margin-left: 14px;
}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:-22px  0 0}

Html Kodları

Aşağıdaki kodları sitenizin neresine isterseniz oraya yapıştırabilirsiniz.

<div class='header3-1-left-tickerimg'><img alt='Headlines' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWzJaL62ge-YN5KAAaasslrHxcfwxf04WzC7z04qmRVWNiCzXLjRMgr2_BTKfKThDeKhW__Wt6oaxXD8z7ll64BrkEf8nRJW2TEsFAmg9wu4zhUg1HBY0R5-hFG7pb_TdpMhjjA5TMRor_/s1600/yazi-bandim.png'/></div>
<div id='header3-1-left-ticker'><ul>

<div id='beakingnews'>
            <div id='recentpostbreaking'>
              Yükleniyor...
            </div>
          </div>
          <script type='text/javascript'>
            //<![CDATA[
            $(document).ready(function () {
              var url_blog = 'http://yunusbalimm.blogspot.com.tr', // Replace With your Blog Url
                  numpostx  = 20; // Maximum Post
              $.ajax({
                url: ''+url_blog+'/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
                type: 'get',
                dataType: "jsonp",
                success: function(data) {
                  var posturl, posttitle, skeleton = '',
                      entry = data.feed.entry;
                  if (entry !== undefined) {
                    skeleton = "<ul>";
                    for (var i = 0; i < entry.length; i++) {
                      for (var j=0; j < entry[i].link.length; j++)
                      {
                        if (entry[i].link[j].rel == "alternate")
                        {
                          posturl = entry[i].link[j].href;
                          break;
                        }
                      }    
                      posttitle = entry[i].title.$t;
                      skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
                    }
                    skeleton += '</ul>';
                    $('#recentpostbreaking').html(skeleton);
                    // kode untuk efek pada breaking news
                    function tick(){
                      $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking 

ul')).slideDown(); });
                    }
                    setInterval(function(){ tick () }, 5000);
                  } else {
                    $('#recentpostbreaking').html('<span>No result!</span>');
                  }
                },
                error: function() {
                  $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
                }
              });
            });
            //]]>
          </script></ul></div>

Yukarıda kırmızı ile belirttiğim 20 sayısını ne kadar yazı gösterilmesini istediğiniz sayı ile değiştiriniz.Kırmızı ile belirttiğim http://yunusbalimm.blogspot.com.tr adresini kendi blog adresiniz ile değiştirin.Yapamadığınız bir yer olursa yorum yazarak belirtiniz.