Blogger İçin Youtube Video Paylaşım Gadgeti

   Blogger sitelerinde Youtube videolarınızı yayınlamak için çok fazla seçenek yoktur,herkes buna bir çözüm arar ama maalesef aradığınız çözümleri bulamazsınız.Bazı seçenekler olsa da zamanla kodların güncellenmesi gerekmekte yoksa çalışmazlar.

   Şimdi size verecek olduğum bu kod sayesinde Youtube videolarınızın tamamını yada belirttiğiniz kadar videoları Blogger ana sayfanızda yayınlayabiliceksiniz.

   Kurulumu ve kullanımı oldukça basit Gadget ekleme yöntemi ile bu işlemimizi yapacağız
Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/Javascript yolunu izleyin açılan kutu içerisine aşağıda verecek olduğum kodları ve renkli renkleri düzenledikten sonra kopyalayıp yapıştırın ve sayfanızın neresinde görünmesini istiyorsanız gadget'i oraya sürükleyip bırakın.

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
    <style type="text/css">
    div.ytc {clear:both;padding:5px;font-size:11px;}
    div.ytc.odd {background-color: #eee;}
    div.ytc_thumb {position:relative;float:right;margin-left:4px;line-height:1;}
    div.ytc_thumb img {width:69px;height:52px;border:1px solid #888;}
    div.ytc_title {font-weight:bold;}
    </style>
    <script type='text/javascript'>
    var ytfUserName = "TheAlper061";
    var ytfMaxResults = 8;
    var ytfAllow = "";
    var ytfDisallow = "";
    var ytfEmpty = "No entries";

    $(document).ready(function() {
      $.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_id=58c841d14337ba4fbf693abd9701dc49&_render=json&max-results="+ytfMaxResults+"&allow="+ytfAllow+"&disallow="+ytfDisallow+"&user="+ytfUserName+"&_callback=?", function(response) {
        var htm = "";
        for(var i=0;i<response.count;i++) {
          var item = response.value.items[i];
          htm += '<div class="ytc';
          if(i%2 == 1) htm += ' odd';
          htm += '"><div class="ytc_thumb"><a target="_blank" href="' + item.link + '"><img title="' + item.title + '" src="' + item.thumb + '"/></a></div>';
          htm += '<div class="ytc_title"><a target="_blank" href="' + item.link + '">' + item.title + '</a></div>';
          htm += '<div class="ytc_description">' + item.description + '</div><div style="clear:both;"></div></div>';
        }
        if(htm == "") htm = ytfEmpty;
        $("#ytfeed").html(htm);
      });
    });
    </script>
    <div id="ytfeed">Loading...</div>

Kodlarda bozulma durumu olursa eğer buradan kodları indirerek kullanabilirsiniz.

Blogumuza Abone Olun
Yeni Yazılar E-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!