Perhatian !!!

Web Blog Ini Baru Di Bangun Pada Tanggal 02 Agustus 2017 Dengan Artikel Pribadi, Untuk Launching Dan Dapat Dinikmati Oleh Pengunjung Secara Maksimal Adalah Tanggal 01 September 2017, Saat ini Dalam Proses Desain, Editing dan Penulisan Artikel, Mohon Maaf Apabila Banyak Kesalahan Dari artikel Maupun Desain Yang Error Terima Kasih !!! SatriaMedia.Net

Cara Membuat Slider Otomatis

Cara Membuat Slider Otomatis - Wadewww, banyak nih Tutorial Beginian Di Internet, :D Tapi Ngak Papa lah Bikin 1 juga buat nambah - nambahi...

Cara Membuat Slider Otomatis - Wadewww, banyak nih Tutorial Beginian Di Internet, :D
Tapi Ngak Papa lah Bikin 1 juga buat nambah - nambahin koleksi, dan ini juga request dari seorang teman blogger juga, ngak ada salahnya kan dibuatin tutorialnya, toh blog ini juga isinya tutorial :)
Slider ini Seperti yang Terpasang Pada Blog Bangsatriamandala :)



Nah Sebelumnya Saya Mau ngucapin Terima kasih Sama Yang Ngebuat Scrip ini, , , , :)
Bukan bangsatria ini yang buat hehehehe , , ,

Yuk Langsung Aja yah Step by Step nya :)
Masuk Ke Dashboard Sobat , , ,
Klik Tata Letak , , ,
Klik Add Gadget , , ,
Pilih Javascripz / Html , , ,
Masukkan Kode Dibawah ini , , , ,

<!-- Slider Otomatis http://bangsatriamandala.blogspot.com/ Buka-->
<style type="text/css">
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:250px}
#slides li{width:49.9%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%}
#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%}
#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-color:#0097BD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://3.bp.blogspot.com/-r6RYARGYuZc/UeQuKTJKu0I/AAAAAAAACHc/ip52Cim8SGM/s1600/fadebg.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #00BD79;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides h4{position:absolute;bottom:30px;margin:0;font-size:18px;font-family:Arial;left:0;padding:0 10px;color:white;z-index:3;line-height:20px;font-weight:normal}
#slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px}
#slides .label_text{font-size:9px;color:white;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none}
#slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
#buttons{margin: 5px auto;text-align: center;background:#00BD79;width: 10%;}
#buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
#buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
#buttons a#nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:49.8%}
  #slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%}
  #slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%}
  #slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%}
}
</style>
<div id="featuredpost"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://fullblogdesign-demo.googlecode.com/svn/trunk/otomatis-slider.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://bangsatriamandala.blogspot.com/",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
});
//]]>
</script>
<!-- Slider Otomatis http://bangsatriamandala.blogspot.com/ End-->


Nb. Rubah yang Warna Biru dengan alamat blog sobat , , ,
Kalau add gadget di sidebar, Tarik Gadgetnya dan letakkan pada atas Postingan :)

Klik Save Dan Lihat Hasilnya :)


Yah Begitu lah Sobat Cara Membuat Slider Otomatis semoga bermanfaat ya , , , ,
Buat  Yulia Semoga berhasil ya , , ,


COMMENTS

BLOGGER: 11
Loading...
Name

Adsense,2,Alexa,6,Android,1,Android Murah,1,Asmara,2,backlink,2,Bisnis,1,Bisnis Online,2,Blog Pagerank 1,1,Blog Pagerank 2,2,Blog Tekhnologi,2,Blog Traveling / Wisata,1,Blog Zombie,2,blogger,9,Diary,7,Domain,1,Facebook,2,Gadget,1,Harga Dibawah 1 Juta,1,Harga Handphone,1,Humor,1,Islami,13,Jasa Artikel,2,Jasa Desain,1,Jasa Follow Blog,1,Jasa Pembuatan Blog,1,Jual Blog,2,Kesehatan,1,Komputer,1,News,2,Pencurian,1,Peringatan,2,Ponsel Android,1,Puasa,12,Puisi,5,Pulsa,1,Resep Camilan,1,Resep Lauk,1,Resep Masak,2,Resep Olahan Ayam,1,Romantis,1,Rp. 100.000,1,Rp. 150.000,1,Rp. 200.000,1,Rp. 25.000,2,Rp. 400.000,1,Rp. 50.000,1,Rp. 700.000,1,SD,1,Seo,12,Teknologi,3,Template,1,Terselesaikan,1,Tips dan Trick,10,Tips Dan Trik,1,Tokoh,1,umum,11,usaha,5,Viral,2,Virus,1,Walet,1,Wisata,6,
ltr
item
SatriaMedia.Net: Cara Membuat Slider Otomatis
Cara Membuat Slider Otomatis
http://2.bp.blogspot.com/-XDyQM6UBSQ0/U0Us9uamLxI/AAAAAAAAA00/383gqD_CP80/s1600/12.jpg
http://2.bp.blogspot.com/-XDyQM6UBSQ0/U0Us9uamLxI/AAAAAAAAA00/383gqD_CP80/s72-c/12.jpg
SatriaMedia.Net
http://www.satriamedia.net/2014/04/cara-membuat-slider-otomatis.html
http://www.satriamedia.net/
http://www.satriamedia.net/
http://www.satriamedia.net/2014/04/cara-membuat-slider-otomatis.html
true
7706700918883569481
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy