Updetan kali ini Tentang Membuat Slider Otomatis, ,
walaupun sebelum nya sudah pernah ada, Tapi kan Beda :v
yawdah kita ke TKP yuuk...
Langkah-Langkahnya :
Log-in Blog sobat, Terus Klik Template - Edit HTML
jika Sudah, cari kode </head>
Kalo udah Ketemu Copy Scrip di bawah ini, dan Tempelkan Di atas </head>
inget Di atas nya yah :v jangan sampe salah apa lagi di bawahnya :v
<style>
#featuredSlider {margin:10px; padding:0 0 10px;width:96%; position:relative;border:3px solid #444;box-shadow:1px 1px 5px #666;}
#featuredSlider .featured-thumb {float:left; margin:10px; padding:0;}
#featuredSlider .container {height:246px; margin:0 10px 0 0; overflow:hidden; position:relative;}
.featuredTitle{padding-top:15px;font:16px Arial;}
.featuredTitle a{color:#f7441a}
.featuredTitle a:hover{color:#000}
.navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;display:none}
a.readmore {float:left;border:1px solid #444;background:#444 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#ff0}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://cdn.rawgit.com/Brando07/share/master/slider-otomatis-seocips-1.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://www.google.com/logos/2013/first_day_of_summer_2013-1536005-hp.gif";
showRandomImg = true;
aBold = true;
summaryPost = 100;
summaryTitle = 25;
numposts = 100;
//]]>
</script>
Setelah itu Cari kode <div id='main-wrapper'>
Kalo udah ketemu Letakan di bawah <div id='main-wrapper'>
<b:if cond='data:blog.pageType != "item"'>
<div id='featuredSlider'>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='navigation'>
<ul class='pagination'/> <script>
$('.slides').cycle({
fx: 'fade',
speed: 'slow',
timeout: 3000,
pager: '.pagination'
});
</script>
</div>
</div>
</div>
</b:if>
terakhir, , , Save/ Simpan Buka Blog kalian ^_^
Selamat Mencoba yah