<style>
.tinycarousel {
  overflow:hidden;
  font:normal normal 10px/12px Arial,Sans-Serif;
  color:#666;margin:0 auto;}

.tinycarousel-viewport {
  overflow:hidden;position:relative;
  background-color:#333;border:1px solid #ccc;
  margin:0 auto;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;}

.tinycarousel-overview {
  list-style:none;margin:0;padding:0;
  position:absolute;left:0;top:0;}

.tinycarousel-overview li {
  list-style:none;float:left;padding:0;
  background:#fff;height:auto;color:#666;}

.tinycarousel-inner {
  padding:10px;border:1px solid #080;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;overflow:hidden;position:relative;}

li .tinycarousel-inner {padding-bottom:48px}
.tinycarousel-image {
  display:block;width:100%;height:auto;
  border:none;outline:none;
  margin:0;padding:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;}

.tinycarousel-title {
  font:normal bold 11px/100% Verdana,Tahoma,Arial,Sans-Serif;
  color:#39f;margin:0 0 6px;
  padding:10px 0 3px;background:none;
  border-bottom:3px double orange;text-align:center;}

.tinycarousel-title a {color:inherit;text-decoration:none;border:none;}
.tinycarousel-summary {margin:0;padding:0;overflow:hidden;}
.tinycarousel-footer {
  color:#ccc;font:bold 12px/normal Helvetia;
  background-color:#333;
  background-image:-webkit-linear-gradient(#660000,#e06666);
  background-image:-moz-linear-gradient(#660000,#e06666);
  background-image:-ms-linear-gradient(#660000,#e06666);
  background-image:-o-linear-gradient(#660000,#e06666);
  background-image:linear-gradient(#660000,#e06666);
  padding:0 10px;height:24px;
  line-height:24px;overflow:hidden;
  position:absolute;right:0;bottom:0;
  left:0;text-align:center;}

.tinycarousel-footer-date {bottom:24px}
.tinycarousel-navigation {
  display:block;color:#fff;
  background-color:#38f;
  background-image:-webkit-linear-gradient(#38f,blue);
  background-image:-moz-linear-gradient(#38f,blue);
  background-image:-ms-linear-gradient(#38f,blue);
  background-image:-o-linear-gradient(#38f,blue);
  background-image:linear-gradient(#38f,blue);
  border:1px solid #ccc;margin:2px auto 0;
  overflow:hidden;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;}

.tinycarousel-navigation .tinycarousel-inner {border:none}
.tinycarousel-button {
  background-color:#b6d7a8;padding:2px 5px;
  overflow:hidden;position:relative;
  float:left;margin:0 2px 0 0;color:white;
  text-decoration:none;font-weight:bold;
  text-align:center;}

.tinycarousel-navigation .disable {display:none}
.tinycarousel-button:active {background-color:#900}
.tinycarousel-total-posts {
  float:right;margin:2px 5px 0 0;
  font-weight:bold;font-size:120%;}

.tinycarousel.vertical .tinycarousel-overview li {
  float:none;display:block;}

.tinycarousel.vertical .tinycarousel-button,
.tinycarousel.vertical .tinycarousel-total-posts {
  float:none;display:block;margin:0 0 2px;}

.tinycarousel.vertical .tinycarousel-button.disable {display:none}
.tinycarousel.vertical .tinycarousel-total-posts {
  text-align:center;margin-top:10px;margin-bottom:0;}
</style>

Sebelumnya meletakkan kode berikut, pastikan Template Anda sudah menggunakan perintah jQuery, selanjutnya tempatkan kode ini setelah kode penutup </style>

<div id="tinycarousel-container" class="tinycarousel">
</div>
<script>
var tinycarousel_config = {
    url: 'http://sahabatblogger77.blogspot.com',
    numPosts: 12,
    labelName: null,
    containerId: 'tinycarousel-container',
    newTabLink: false,
    summaryLength: 100,
    monthArray: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
    nav: {
        prevText: 'Prev',
        nextText: 'Next'
    },
    carousel: {
        axis: "y",
        itemwidth: 200,
        itemheight: 370,
        itemmargin: 10,
        itempadding:5,
        visible: 1,
        display: 1,
        start: 1,
        interval: true,
        intervaltime: 3000,
        animation: true,
        duration: 1000,
        easing: "swing",
        callback: function() {}
    }
};
</script>
<script src="https://s-blogger77.googlecode.com/svn/trunk/pop-post-auto-slide.js"></script>