Pages

Cara Memasang Auto Post Slider Carousel Di Blog




Cara Memasang Auto Post Slider Carousel Di Blog - Hey Pengunjung Setia Blog Alexakbar... Kali Ini Ada Temen Saya Yang Minta Request Tutorial Blog Yaitu Tentang " Cara Memasang Auto Post Slider Carousel Di Blog "

Ok SS Nya Ini



Gimana? Ada Yang Mau Coba ?

Silahkan Ikuti Tutorial Di Bawah Ini..


  • Login Ke Blogger
  • Klik Template > Edit HTML
  • Kemudian Taruh Kode Berikut Tepat Di Atas </head>

<script type='text/javascript' src='http://faceblog-evolutions.googlecode.com/files/Slider-Carousel.js'/>
  • Selanjutnya Taruh Code CSS Berikut Tepat Di Atas ]]></b:skin>
#featured-wrap{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #333;background:#111;position:relative;height:175px;margin:0 auto}
#featured{border:2px solid #444;outline:1px solid #000;position:relative;width:88%;height:150px;overflow:hidden;top:10px;margin:0 auto}
#featured ul{width:9999px}
#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}
#featured li{width:150px;display:inline-block;float:left;height:150px;background:#222;border-left:1px solid #111;border-right:1px solid #333;}
.thumb-featured{width:140px;height:100px;margin:5px auto;overflow:hidden;border:1px solid #000}
.thumb-featured img{display:block;width:134px;height:94px;border:3px solid #444;}
.title-featured{text-align:center;position:relative;margin-top:-20px}
.title-featured h4{font-size:90%;max-height:45px;overflow:hidden}
.arrow{position:absolute;display:block;background:#111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ifujah2gC5axfEfuYoeQNKo-sgdZSYebtmDQDBScblHJndoJczu770ruJ9CTYCUlinSkpPVNtTw1cRmRt3IFjky0NECPHm-nGD2sRv0wTe_mLMnA7zP9Vk_ZydC0KFFLe6X9tKrZ8YY/h120/icon-sprite.png)no-repeat;background-position:0 50%;width:35px;height:60px;top:50px;text-indent:-9999px;border:1px solid #000;box-shadow:0 0 0 1px rgba(51, 51, 51, 1)inset}
.arrow.back{background-position:0 50%;left:10px}
.arrow.forward{background-position:100% 50%;right:10px}
span.slideloading{background-image:url(https://lh5.googleusercontent.com/-lMCTbMrvSCM/Uo-ClIXhv4I/AAAAAAAAGoY/5JDUhG_-HYA/h42/loading.gif);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;margin:50px auto}
  • Setelah Itu.. Cari Kode <div id='footer-wrapper'> Lalu Letakan Kode Ini Tepat Di Atas <div id='footer-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>Loading...</span>
</div>
</div>
</b:if>
  • Klik Simpan..

Ok Sobat Alexakbar Sekian Tutorial Blog Cara Memasang Auto Post Slider Carousel Di Blog 

Jika Ada Kesalahan Silahkan Di Comment


No comments:

Post a Comment