2- Go to the Theme, then Edit HTML
3- Copy the code below from above </ head>
CSS
====
<style>/* Slider Random Post - RithiSeth Tes ======================================= */#random-post-container{overflow:hidden;height:225px;padding:0px;}#random-post-container ul{margin:auto;list-style:none}#random-post-container .carousel-cell{width:27%;height:180px;margin-right:10px;background:#444;counter-increment:carousel-cell}#random-post-container img {width:280px;height:180px;}@media screen and (max-width:640px){#slider .widget-content{display:none}}#random-post-container .tooltip{position:relative;cursor:pointer;line-height:normal}#random-post-container .tooltip:before,#random-post-container .tooltip:after{display:block;position:absolute;visibility:hidden;opacity:0;transition:opacity .2s;left:50%;margin-bottom:-15px;transition:margin .2s;line-height:1.3}#random-post-container .tooltip:before{overflow:hidden;white-space:normal;text-overflow:ellipsis;width:190px;padding:10px;box-sizing:border-box;bottom:-70px;border-radius:5px;font-size:12px;text-align:center;margin-left:-37%;background:rgba(0,0,0,.85);content:attr(data-title);color:#fff}#random-post-container .tooltip:after{content:"";border-top:7px solid rgba(0,0,0,.85);border-left:7px solid transparent;border-right:7px solid transparent;bottom:-77px;margin-left:-3%}#random-post-container .tooltip:hover:before,#random-post-container .tooltip:hover:after{visibility:visible;opacity:1;margin-bottom:0;z-index:99;}</style><link href='https://cdn.rawgit.com/RithiSethTes/BloggerCodes/master/sliderandompost/flickity.css' rel='stylesheet' type='text/css'/><script src='https://cdn.rawgit.com/RithiSethTes/BloggerCodes/master/sliderandompost/flickity.pkgd.min.js' type='text/javascript'/><script src='https://cdn.rawgit.com/RithiSethTes/BloggerCodes/master/sliderandompost/randompostslide.js' type='text/javascript'/>
4- Copy the below code from the below content-wrapper or outer-wrapper or put it into HTML / JavaScript
JavaScript
=========
<script src='/feeds/posts/default?alt=json-in-script&callback=relpostimgcuplik&max-results=50' type='text/javascript'></script><div id='random-post-container'><ul class='carousel' data-flickity="{"autoPlay":1500,"wrapAround":true}"><script type='text/javascript'>/*//<![CDATA[*/artikelterkait();$('li.carousel-cell img').each(function(){$(this).attr('src',$(this).attr('src').replace(/\/s[0-9]+(\-c)?\//,'/w280-h180-c/'))});/*//]]>*/</script></ul></div>
5 - Click Save Theme
