أداة رائعة لعرض فيديوهاتك الموجودة علي اليوتيوب علي مدونتك

  

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

1- الذهاب الي لوحة تحكم مدونتك من هنا
2-نذهب إلي تخطيط ونضيف أداة html ثم نضع بها هذا الكود

<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 = "YouTube Username";
    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>

3- نقوم بتغير ما بللون الاحمر الي ال username الخاص بك علي اليوتيوب بمعني أن رابط قناتي علي اليوتيوب هو
http://www.youtube.com/user/bloggermap فيكون ال username هوbloggermap