Blogger Posts in Horizontal Slip

Question

Guys, I’m new here and I want a hand with Blogger, I can’t solve a problem that I’ve been trying to solve for days, and if there’s no way, then I’m quitting. I don’t know how to program right, but I’m trying to put Blogger’s posts in horizontal slide for both desktop and mobile, as if it were a kind of slide of the posts, to illustrate better what I want, is to do similar to Facebook Instant Article(Instant Articles) with horizontal scrolling of articles, or have this example here http://jsfiddle.net/evqt871L/ which resembles it too. Well if I’m asking too much I apologize to you, but if there’s any way please help me.

it’s not image slide only it’s not the whole post

.container{
    padding:20px;
    border:dotted 1px;
    white-space:nowrap;
    overflow-x:auto;
}

.box{
    width:100px;
    height:180px;
    background-color: red;
    margin:10px;
    display:inline-block
}

<div class="container">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>