1. <center>

  2. <!--www.febrikasetiyawan.com-->

  3. <style type="text/css">

  4. #mcis {

  5. display: none;

  6. }

  7. #sliderFrame {

  8. position: relative;

  9. width: 465px;

  10. margin: 0 auto;

  11. border:4px solid #000;

  12. }

  13. #ribbon {

  14. width: 111px;

  15. height: 111px;

  16. position: absolute;

  17. top: -4px;

  18. left: -4px;

  19. background: url(http://4.bp.blogspot....com-ribbon.png) no-repeat;

  20. z-index: 7;

  21. }

  22. #slider {

  23. width: 465px;

  24. height: 218px;

  25. background: #fff url(http://3.bp.blogspot...com-loading.gif) no-repeat 50% 50%;

  26. position: relative;

  27. margin: 0 auto;

  28. box-shadow: 0px 1px 5px #999999;

  29. }

  30. #slider img {

  31. position: absolute;

  32. border: none;

  33. display: none;

  34. }

  35. #slider a.imgLink {

  36. z-index: 2;

  37. display: none;

  38. position: absolute;

  39. top: 0px;

  40. left: 0px;

  41. border: 0;

  42. padding: 0;

  43. margin: 0;

  44. width: 100%;

  45. height: 100%;

  46. }

  47. div.mc-caption-bg, div.mc-caption-bg2 {

  48. position: absolute;

  49. width: 100%;

  50. height: auto;

  51. padding: 0;

  52. left: 0px;

  53. bottom: 0px;

  54. z-index: 3;

  55. overflow: hidden;

  56. font-size: 0;

  57. }

  58. div.mc-caption-bg {

  59. background-color: black;

  60. }

  61. div.mc-caption {

  62. font: bold 14px/20px Arial;

  63. color: #EEE;

  64. z-index: 4;

  65. padding: 10px 0;

  66. text-align: center;

  67. }

  68. div.mc-caption a {

  69. color: #FB0;

  70. }

  71. div.mc-caption a:hover {

  72. color: #DA0;

  73. }

  74. div.navBulletsWrapper {

  75. top: 200px;

  76. left: 190px;

  77. width: 150px;

  78. background: none;

  79. padding-left: 30px;

  80. position: relative;

  81. z-index: 5;

  82. cursor: pointer;

  83. }

  84. div.navBulletsWrapper div {

  85. width: 11px;

  86. height: 11px;

  87. background: transparent url(http://3.bp.blogspot....com-bullet.png) no-repeat 0 0;

  88. float: left;

  89. overflow: hidden;

  90. vertical-align: middle;

  91. cursor: pointer;

  92. margin-right: 11px;

  93. _position: relative;

  94. }

  95. div.navBulletsWrapper div.active {

  96. background-position: 0 -11px;

  97. }

  98. #slider {

  99. transform: translate3d(0,0,0);

  100. -ms-transform: translate3d(0,0,0);

  101. -moz-transform: translate3d(0,0,0);

  102. -o-transform: translate3d(0,0,0);

  103. -webkit-transform: translate3d(0,0,0);

  104. }

  105. </style>

  106. <script src="http://code.helperblogger.com/js-image-slider.js" type="text/javascript"></script>

  107. <div id="sliderFrame">

  108. <div id="ribbon"></div>

  109. <div id="slider">

  110. <a target="_blank" href="#"><img src="TARUH URL IMAGE ANDA DI SINI" alt="Optional"/></a>

  111. <a target="_blank" href="#"><img src="TARUH URL IMAGE ANDA DI SINI" alt="Optional"/></a>

  112. <a target="_blank" href="#"><img src="TARUH URL IMAGE ANDA DI SINI" alt="Optional"/></a>

  113. <a target="_blank" href="#"><img src="TARUH URL IMAGE ANDA DI SINI" alt="Optional"/></a>

  114. <a target="_blank" href="#"><img src="TARUH URL IMAGE ANDA DI SINI"/></a>

  115. </div></div>

  116. <!---www.febrikasetiyawan.com-->

  117. </center>