សូមស្វាគមន៍មកកាន់គេហ៌ទំព័រវេបសាយ ហេង សុធីរ យើងខ្ញុំនិងចែករំលែកចំណេះដឹងជាច្រើនដល់អ្នកទាំងអស់គ្នា នៅក្នុងគេហ៌ទំព័រវេបសារបស់ខ្ញុំ!

Search



1- Go to your blog account 
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&amp;callback=relpostimgcuplik&amp;max-results=50' type='text/javascript'></script><div id='random-post-container'><ul class='carousel' data-flickity="{&quot;autoPlay&quot;:1500,&quot;wrapAround&quot;: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




អត្ថបទបន្ថែម

បកប្រែភាសាប្រទេស

Automatic Ads (728x90)















 
Top