The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body{font:14px/20px arial; margin:50px;}

.box{float:left; margin-right:25px; }


article{background:#eee no-repeat 50% 50%; background-size:cover; border-radius:3px; height:256px; overflow:hidden; position:relative; width:193px;}
article > a{background:linear-gradient(0, rgba(0,0,0,.4), transparent, transparent); color:#fff; display:block; height:100%; text-shadow:1px 1px 0 rgba(0,0,0,.65); width:100%; }
article > a > span{font-size:17px; font-weight:bold; position:absolute; bottom:15px; left:15px; right:15px; text-align:center;}

dabblet.html

<article class="box" style="background-image:url(http://www.sadecekadin.com/upload/posts/yoga-nedir-yoganin-faydalari-nelerdir.jpg)">
	<a href="" title="">
		<span>Yoganın faydaları nelerdir?</span>
	</a>
</article>

<article class="box" style="background-image:url(http://www.sadecekadin.com/upload/posts/tirnak-kirilmasi-nasil-onlenir.jpg)">
	<a href="" title="">
		<span>Tırnak kırılması nasıl önlenir?</span>
	</a>
</article>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}