Facebook dynamic cover photo
دیروز با سایت بسیار خوب Medium آشنا شدم، سایت بسیار خوب و مفید و باحالی است :) ایده سایت به این شکل است که محیطی را فراهم می سازد تا هر شخص بتواند داستان ها و مطالب خود را با دیگران به اشتراک بگذارد، بقول خود سایت Everyone’s stories and ideas. دو مطلب جالبی که روی این سایت پیدا کردم، اولی Welcome to Dinovember بود که داستان پدر مادری است که در این دنیای تکنولوژی راهی برای زنده نگه داشتن قوه تخیل و خلاقیت کودکان خود ایجاد کرده اند، توصیه می کنم حتما بخوانید. مطلب دوم در مورد فیسبوک بود، اینکه چگونه بتوانید کاور فیسبوک خود را در صفحه شخصی خود نمایش دهید، بدون اینکه نیازی به ابزار های پیچیده داشته باشید، حتی در صفحات استاتیک می توانید بصورت پویا کاور فیسبوک خود را نمایش دهید. برای این کار تنها کافی است jQuery را در صفحه خود لود کنید و شناسه منحصر بفرد فیسبوک خود را بدانید، سپس براحتی می توانید با استفاده از کد زیر تصویر کاور خود را در جایی دلخواد از صفحه خود نمایش دهید. ```

$.getJSON('http://graph.facebook.com/yourpageid?fields=cover', {},
function(data){
$('#cover').css('background', 'url('+data.cover.source+') no-repeat');
}
);

توضیح در همین حد کافی است :) در زیر مثالی است که چند ساعت پیش نوشتم را می توانید ببینید.
<p data-height="268" data-theme-id="1094" data-slug-hash="KmdCg" data-user="farnabaz" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/farnabaz/pen/KmdCg'>KmdCg</a> by Ahad Birang (<a href='http://codepen.io/farnabaz'>@farnabaz</a>) on <a href='http://codepen.io'>CodePen</a></p>
<script async src="//codepen.io/content/images/hexo/embed/ei.js"></script>