Tutorial Blog Mas Andes Official - Tips Blogging | Trik Blogger | Tutorial Blogger | Widget Blogger | Blog Design | Taktik SEO (Search Engine Optimization)

Cara Memasang Skitter Slideshow di Blog

Slider Skitter Slideshow Cara Memasang Skitter Slideshow di Blog – setelah beberapa waktu lalu sudah pernah membahas untuk Menambah Fitur jQuery Animasi Slider Pada Blog dengan efek transisi yang menarik, maka pada tutorial kali ini kembali akan membahas untuk menambah fitur slider pada blog dengan efek-efek yang tidak kalah menarik menggunakan plugin jQuery Skitter Slideshow. Sebelum membahas lebih jauh ke tutorial, saya sedikit akan menjelaskan mengenai plugin jQuery Skitter Slideshow. Skitter adalah plugin jQuery yang memungkinkan kita untuk mengkonversi menjadi slideshow dengan efek animasi transisi pada gambar. jQuery Skitter sangat memungkinkan kita untuk membuat slideshow dengan efek gambar yang menarik dan terdiri dari 22 efek transisi. Skitter Slideshow ini dapat menampilkan daftar slide sebagai angka atau thumbnail dan item dapat diakses dengan bantuan tombol prev dan next. Ada beberapa opsi yang ditawarkan untuk kustomisasi maksimum seperti: kecepatan (untuk partikel animasi), interval antara setiap slide atau menampilkan label on/off. Fitur lain yang bagus adalah kemampuan untuk menyebutkan jenis animasi untuk setiap slide sebagai nama class yang memungkinkan kita untuk menggunakan beberapa jenis animasi dalam satu slide. Untuk membuat slider ini terpasang ke dalam blog, berikut tutorial Cara Memasang Skitter Slideshow di Blog.

1. Login ke blogger.
2. Masuk ke Tata Letak kemudian Tambahkan Widget HTML/Javascript.
3. Copy kode berikut ini.
<style type="text/css">
.skitter_slideshow {background:#111;padding:10px 10px 30px 10px;float:left;margin:auto; }
.skitter_slideshow img {width:850px; height:300px;}
.label_skitter {text-transform:uppercase;z-index:150;position:absolute;bottom:0px;left:0px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsSB-Hid8Zf40bUzEpk1gRPGTDaT015GPskH36e5pSQ5OfC2__dsJtfSgH5Lr_PX-h6tlvQLN5cx1a0dxi9Xdhiy7HZqt9Cfh1iZLZVPyhvpkVAu1DiYR2u5nQxc2ti5HlAwPzzZoe-s0/h120/back-box-label-black.png) repeat-x left top;color:#fff;display:none;border-top:1px solid #000;}
.label_skitter p {padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px;}
.info_slide * {font-family:Consolas,arial,tahoma !important;}
.slideshow_skitter {position:relative;width:850px;height:300px;}
.slideshow_skitter ul {display:none;}
.slideshow_skitter .container_skitter {overflow:hidden;position:relative;}
.slideshow_skitter .image {overflow:hidden;}
.slideshow_skitter .image img {display:none;}
.slideshow_skitter .slideshow_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.slideshow_skitter .slideshow_clone img {position:absolute;top:0;left:0;z-index:20;}
.slideshow_skitter .prev_button {position:absolute;top:50%;left:0px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaszGQmCcB171-v1zLzW2FPqwysOEVWqrdVu0S9Cek0v7sqz11ZMNbdleqyIeiJZlgNBf9N98p6y2BTPQ6_jFI7LEs36vyFbMO76IwY2q44wsUUp7khB-9MyOu9a5PPBvcVRx9jpMsxxM/h120/prev.png) no-repeat left top;}
.slideshow_skitter .next_button {position:absolute;top:50%;right:0px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-dFxbTPS85d1hzGqnXdAXtRtfH4MYRzvkDZ9EZuF_9mwdv8wnov13gkSZEHbORwCgsnu3SHJuZ9Xmcsgz4XttLLNws1ggGTRosF4kwnA5Bg3YvUiRHLSxxKq-RiGetdrHearMY74jG8U/h120/next.png) no-repeat left top;}
.slideshow_skitter .info_slide {position:absolute;bottom:-27px;left:40px;z-index:100;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;}
.slideshow_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;}
.slideshow_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}
.slideshow_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.slideshow_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.slideshow_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.slideshow_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}
.slideshow_skitter .slideshow_scroll_thumbs {padding:0 10px;}
.slideshow_skitter .slideshow_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}
.slideshow_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:100;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.slideshow_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.slideshow_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}
.slideshow_skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;}
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWjgTdvxInQau6VYF3v-XRwGx8hXV6GSgfCyxv7L6URiLkpW1FJe1YkRU3TVD5vkCeC84gW_KBmQN3G9i1WHY7EbZV8_OA765zpCD2sgd2OxvWOqMsFvZ3wpoyz6TakusRSIRegHKzOY/h120/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}
.slideshow_skitter_large {width:850px;height:300px;}
.slideshow_skitter_small {width:200px;height:200px;}
</style>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery.skitter.min.js" type="text/javascript"></script>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery.animate-colors-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var options = {};
if (document.location.search) {
var array = document.location.search.split('=');
var param = array[0].replace('?', '');
var value = array[1];
if (param == 'animation') {
options.animation = value;
}
else if (param == 'type_navigation') {
options[value] = true;
if (value == 'dots') $('.skitter_slideshow').css({'margin': 'auto'});
}
}
$('.slideshow_skitter_large').skitter(options);
});
</script>
<div class="skitter_slideshow">
<div class="slideshow_skitter slideshow_skitter_large">
<ul>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaUBZEOoEtfeZ6UyZIBvxkw4vt6J3AOGBMPjpPTj83UtmOKgELEmBYKB106EUSH1imPon6Fa9Eyz24JTy3M_QOZY3tHW4yQktGT5N9MJaAGq-WDq-HAWnsp1HBhydnzxotKLQmkPx5WFk/w600-h300-no/" class="cube" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cube</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLE2nqZO3ZH0J_CAN7hl3RD6Z57XXRqmJJwCcA4Nz5si2jmBoby-13J9iZWG3OqZODi499CwXF_7fITJa6wW4ZLyd-DzcfGZdgYMNouGqGSux-jSDGiA-cdZby43lceQ9d6WQRATvshA/w600-h300-no/" class="cubeRandom" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cuberandom</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS6lNFeyr5zScYXBEBe8qF2KRFPX1-Y0YnS-D_6KsspT7McvLrgg_cTlnTrueJmr1t5roWf28v1Hkg-v1CUcRPPEhpBPU3LzJO9g9TuUXv-Dvl3ERKtPEukXEDra9ETc9NoFoVqJyRF4Q/w790-h286-no/" class="block" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek block</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-THTtyLJZXDpcWNXFXleZ5gY7cnkIVAwGP4DRk2Wbit61G87rH6wGNMf24ljvsGwqES5bPxSjpwXKu4A11MZxIKKpeAu7C7qc55cnDQNF-V9Fqh9CT3A81bSE0c9AlXsViQr7ikI2cpg/w463-h240-no/" class="cubeStop" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cubestop</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqbVOWRbL5i9ixBPAIp9vXCjjn__V2hY_FfNA3TRKyIsxZ48dPF8XR_WU_qFGMxHctN8YTRIW5vHck6ndXqMINDuhcqhJhIJeqrakzdZwl1pBrAaOVWps_BrMJk08YTPfuGBb5Hw6gPo/w463-h240-no/" class="cubeHide" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cubehide</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ40fjYKmjzfsUkGNz9ZWpBf5LNdp6zl2MSlukchTAq8n0EheW-Brw9ItLpzO4Ad3mbLfFDWdv7lSTS_qKK_0Q5KRWUGvQDE7os7keO4cnIALO4d6Rn0mRu3rXFF4PQ1CwA7af-6UO5Tk/w463-h240-no/" class="cubeSize" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cube size</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRfTluciFP6j5A5BUh-3KdpA0eKuEXlLPW5qSFz_WKmuDdqMlXFgnB2uv-K0_ddosPS2Py4QCJkoOBIhtUNC2YMnHewBgy2p7qSt2q2hd4jfdB43FvZVfDE3hDANm06jcpQ_DJMV_B64/w500-h300-no/" class="horizontal" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek horisontal</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xgz_Kp31shlIoY3DX6U8YQFNmb39Z8qx3qofc_av_-U05hB4HPdhyNwaimqQ2BN9AZI8SOXY3meR0ZVrBW7BEF6beUcdcGy6k6UQDhhuWRZ2mvj5n4R8nPGpAOWzS4gMd57FcVNZG-o/w852-h284-no/" class="showBars" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek showbars</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMeU850NpBib0X5S7BqO4HEzF_y1uAGGCmGvvPoW_xay_GlqApvrhZ6QsgahWduMfK90goBHAry5YPDoYak2ty0-fNiUQAl6DsLgg-YIhRrdeJWRifYXHtK9zWYtGZhLupuRFn7eOasSo/w500-h300-no/" class="showBarsRandom" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek showbarsrandom</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdFsNmMr9fBCfSTyDnswSmiquhJpsX4mi1kPqXATlsf7Y81eY3_MMspvLgJMXmClOfeiL9P12u2EhE1jwIEy-jiutEPr6P7pweiDnO6-5CWq85QYbarJfRYJes5JdMcUNEU5spY_VkWU/w758-h438-no/widget-contact-form-blogger.jpg" class="tube" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek tube</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXgiTeLAoSbt0SX0rlJTWds5__P4A6G81XOMP6IgHdX9rxZCSJIzjSjNdik4scaDRRh454JW7GrsG6aNJQTLp2QlinQlsprhyhqKUUqR2DBiJCxRq1OeDOpV5qb_p9zx7N8sG02cM_7uM/w500-h300-no/" class="fade" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek fade</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib901uHfy1n_baO_pfP_Rc8YeNSa4mvMspHQLIrBUz1HZCfOFijXFB2va7RvnLjRn2WAtLDtF8gGFKO8kDB7fxmxUDJoAMbYx0afmHq9I88KrcdAOHAfpND_xbk7gf5Sgs8GPio5WCns8/w600-h300-no/form-email-subscribe-blogger.png" class="fadeFour" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek fadefour</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzCP4KAakktJY6a-Vu1TH-0oZ8LO3ML5M1CTayDWY9IMXqVtFqSYLZYO0_d1xwaG64Fv-8D_eGOe41xLSQPT66VZ_UHs54zX3tgk9jo6k_7Dda-9SS5sYfXO-KYSrHxEPUGM9iqwiVJqY/w985-h533-no/widget-contact-form-official-blogger.jpg" class="paralell" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek paralell</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb_zqbk-_4bqC0uZz0cv805BikHoxmFdrZ5sdzfEnjyhzhbOGEpuvSZXIIFBZafrHWFjQmtLPS8h7mNgCEh0SzNWynMZ4kI-7QQciNpECBo1S-YjIMGRx7rl78rlqT8CWpSH9mnwJe4zM/w540-h180-no/Pop-Up-Widget-Google%252B-Follower-for-blogger.png" class="blind" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek blind</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyCgsv4S_9u8z1IjWcIEKUjVQtvsBz_HSNWLmB-HG7EKni0sEjjSQTiwqiHbF05nwX3PXk5_Ji8ZoGFfr7Ns_VdaItHm_huejjpOqKxCyQvyyz_mT5ojEouGzrZCrPjdDmHyB7FHzl1E/w353-h243-no/Pop-Up-Widget-Google%252B-Follower-2.png" class="blindHeight" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek blindheight</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlIlUDnAPYdYmwHVvBau39nUM_DouHlLk7SCMupykyVspm5o_wOKJv6NiocpRKrV0i7Cz0nV4wBLdrxxyBoJvZLkbVhSYqGvMf2Kws4j6koPj3N89uq9JgdgZD4NzQBFzKeeKNrH5wL3E/w540-h180-no/modifikasi-email-subscribe.jpg" class="blindWidth" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek blindwidth</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_OKgWKpAQQO9eGSmzxlTWFL_ZuY_RVW0gc_0UA4oGxKG30_87xHCMOQYBveQ9CkxiETh3NGv16rc7RvU9wxPEALJV6ZyuvbTn2nzTiW78wmODZ-4M6T60ReGepKrHzg1bka8PkzsZhGc/w540-h179-no/modifikasi-facebook-like-box.jpg" class="directionTop" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek directionTop</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga4gbIuaGE6S8BiOIzdvTY61kouJB9OT74mAjFwotOKc8aFBYnA7z_riOFeYOzPwj78fbPlvmlNOeKM5G1TqGKVynas9Hiyca8TdMHMDmIHTareFiDlXo0oCNWpQd-N3zbiCt7Q5O0sB8/w540-h179-no/modifikasi-widget-google%252B.jpg" class="directionBottom" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek directionBottom</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXp2zVEMjERSwnKwNH77hxF_JX7F_LkkY3ahx1dEndemSSGbxG5AABr8Deza1qkxym6n-mcCh7_N34PX_-USD8K4YNe1fWnAbRrVmsbzgTxK-ek93GZDd3d-RQgzxEvCZMlUCP7My_9h0/w500-h300-no/" class="directionRight" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek directionRight</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMdTo4rHKqI5G33OoeQdVb3n76l8iPgouR-x6FqgC-6LVliHFFpQo4gjowuEb1bBZ718R4nlWOD96HSUdxO2Xa1J_Cu0ZBG4w5QScXvqABG_yeJRuWNE4lvGc6Vra4tp7HEjnlwJGrlfw/w400-h274-no/flod-image-hover.jpg" class="directionLeft" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek directionLeft</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheo8ChIWxPt3LNGTBqYKYJODMRQWw-bvlUGpVsZIfRNzj5T_3_dqKzUrn61V2Da7YDPYb5fLpt48jtpnfcxOfzlIWre5kXKqfUe2TGc-FPXDLl9UPXzelbX-6gaxNyABLngJjLPOcmK1M/w725-h459-no/widget-sidebar-ribbon.jpg" class="cubeStopRandom" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cubeStopRandom</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjALqKm_5QqJV_XGPXLdXhI6XzNJIZuiwG3ZLcywTC2Auh9sNvIP7xh7t7Z4LfNK7qH8T9XX_OfvppF1kaxZY9-SjA551s7A8fEeGkqkPUbrAvEyzkpo1V7f-QWbj2Ab_8U9JW9762438M/w587-h344-no/sidebar-ribbon.2.jpg" class="cubeSpread" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cubeSpread</p></div></li>               
</ul>
</div>
</div>
Keterangan:
Ganti http://mas-andes.blogspot.com dan URL gambar.

4. Paste kode tersebut kedalam Widget HTML/Javascript.
5. Langkah terakhir Simpan.

Di atas hanya kode dasarnya saja, silahkan sesuaikan atau custom sendiri dengan tampilan yang lebih menarik sesuai dengan selera masing-masing.

Berlangganan artikel via email

73 Response to "Cara Memasang Skitter Slideshow di Blog"

menarik, baru mampir kunjung balik ya

Balas

mantap mas, blog saya masih kosong slider nih,
masih pilih" yang cocok :)

Balas

asli keren mas kemarin sempet fitur Jquery pake animasi slider sebelum postingan ini tapi efeknya berat banget bukan di loadingnya tapi pada saat scroll kebwah tersendat sendat

sama mau nanya mas kalau nomor pada slider ini diganti dengan bulat - bulat itu bisa gak ya??

sebelumnya terimakasih dan maaf commentnya kepanjangan :)

Balas

tambahkan border-radius:10px; mas..
pada class .slideshow_skitter .info_slide .image_number

Balas
avatar
Anonymous

gak ada demo nya yah sob? saya penasaran. ^^

Balas

Keren mas slide show nya. Tadi sudah saya coba di blog saya, tapi tak copot lagi hehehe :D
Kalau diamati ternyata hampir mirip dengan slide show yang ada di blog ini ya :)

Balas
avatar
Anonymous

keren mas,

Balas

mengerikan sekali kodenya mas :D
kalo blog saya dikasih slider nantinya bisa jadi lucu hehe

Balas

dan saya kembali merem melek lihat banyak kodenya mas :D

Balas

pengen lihat demonya mas Andes, jadi penasaran kaya apa hasilnya hehe :)

Balas

kalau mirip berarti nggak sama yah mbak )

Balas

mas ades tapi kok gak ada deskribsinya sih. comeback.

Balas

widget ini sangat cocok bagi blog yang bertema fotografi, karena karya fotonya bisa terpajang di sidebar. tampilan slider shownya akan memperindahnya.

Balas

Dengan menambahkan slideshow gambar posting seperti akan mempermudah menelusuri sesuruh konten blog layaknya recent post, release post...btw keren mas tampilannya...selamat menikmati libur minggu ini

Balas

minum kopi dong kang ws :D

Balas

wohoho keren kang mas ... tapi takut jadi berat euy

Balas

Keren juga, Slider show nya, Bisa menambah cantik, Blog kita..

Balas
avatar
Anonymous

buat loading berat gk mas?

Balas
avatar
Anonymous

artikelnya bermanfaat gan...menambah wawasan :)

Balas

makin mantap aja info yang di berikan

Balas

wah slidernya tambah menarik aja nih mas, keren banget makasih udah berbagi disini :)

Balas
avatar
Anonymous

Nyimak dulu sob, nanti saya pertimbangkan untuk masalah loadingnya. :) Nice share

Balas

Seratus untuk mas anthonie hehe :)
Tapi sebenarnya mirip itu serupa tapi tak sama. Sehingga tingkat perbedaannya juga tidak terlalu jauh. Misalnya saja seperti sebelas dua belas getu dech hehe :)

Balas

Demo nya nggak ada mas. Jadi apabila mas anthonie pengen lihat demo nya, langsung aja copas script nya dan pasang di blog rahasia hidup sehat, nanti pasti kelihatan. Saya juga kemarin nyobain slider ini di blog saya. Ternyata bagus banget :)

Balas

Slidernya keren dan nggak terlalu berat loading nya. Jadi buat temen-temen yang suka mempercantik tampilan blog, tidak ada salahnya untuk pasang widget yang satu ini. Pasti blog nya jadi tambah keren seperti blog nya mas andes :)

Balas

Wah keren ini gan patut di coba :)

Balas

mampir paling belakangan untung masih kebagian tempat duduk :)

sepertinya kalau blog ada slider-nya jadi kelihatan hidup (karena bergerak gerak terus), apalagi dengan banyak pilihan efek yang bisa dipake :)

Balas
avatar
Anonymous

harus :)

Balas

blog sederhana seperti ini dibilang keren.. hehe

Balas

kapan2 mau berbagi disana mas :) hehe

Balas

di pertimbangkan dulu kang.. hehe

Balas

malu mungkin mas ga mau nongol :)

Balas

monggo kang di sruput dulu kopinya :)

Balas

sipplah mas besok libur lagi hehehe..

Balas

kurang lebihnya begitu pak DJ

Balas

iya mas memang kurang sesuai kalo di blog mas intan.. hehe

Balas

iya mbak ada miripnya juga, biar lebih mirip angkanya diganti thumbnail

Balas

Masih ada saya kang ucup, telat ngabsen lagi nie moga-moga aja gak disetrap sama pak andes hehehe... Saya hanya bisa terkagum-kagum kalo ngeliat blognya mas andes ini terlhat cantik ya kalo pake slider, pengen banget praktekin tapi liat kodenya aja saya dah mumet duluan mas hehehe....

Yang saya heran sama blognya mas andes padahal dipasang slider show tapi ko loading blognya gak berat ya, apa ada cara untuk meringankan loading blog mas?

Balas

Begitulah jawaban master blogger, semakin tinggi ilmunya tapi makin merendah saja :)

Balas

Mirip alias BETI mas ( Beda Tipis )

Balas

Ternyata saya salah ketik..saking ngantuknya kemaren ga sadar...untung yang punya blog ga komplain hehehehe

Balas

Kang ucup..tapi kudu ati2 milih efeknya..jgn sampai ntar malah kena efek samping hohoho

Balas

Tapi jangan pada demo masak disini ya, perut saya dah dangdutan nie pengen makan hehehe :D

Balas

kalau begitu jangan dilihatin mas, merem aja kalau mau pasang scriptnya :D

Balas

n'tar dulu ya...mo ngumpulin gambar yang seksi seksi dulu supaya slidernya menarik dan bikin makjleb penonton...;o)

Balas

dokternya css lagi bagi bagi resep nih, kapan saya di bagi resep biar ganteng mas ?

Balas

Dengan memasang skitter slideshow ini di blog yang kita kelola, maka sedikit-banyak bisa memberikan kesan tersendiri bagi pemirsa blog kita. Sehingga ada nilai estetikanya di blog kita. Minimal bisa terlihat profesional ya mas :)

Balas

Cukup Menarik juga Artikel slide jquery Mas Andes ini
Saya pernah pasang, namun blog saya jadi kaya orang celeng
Jadi sleag sleok, tapi script ini, belum saya coba kaya nya
Gak begitu berat,. ijin simak Mas Andes terima kasih

Balas
avatar
Anonymous

Mas Andes berbagi script lagi nih, pastinya bermanfaat
Untuk mendesain template Blog, jadi tambah ramai dan indah
Untuk memanjakan pengunjunga, biar kelihatan menarik

Balas
avatar
Anonymous

Cantik dan menambah template dan blog jadi Menawan

Balas

Mas Andes orangnya Pema'af, Ramah tamah, Baik Hati,
Baik budi, dan Segalanya pokona Mah Mas Virlyz...

Balas

Ngikut nyimak dan belajar Mas,, nanti kalau
Ada waktu luang saya akan mencobanya
Terima kasih sudah berbagi, script yang bermanfaat ini.

Balas

Menunggu postingan baru

Balas
avatar
Anonymous

Kembali hadir lagi disini mas andes turut meramaikan suasana yang emang udah ramai...ditunggu lagi postingan terbarunya :)

Balas

dan ternyata benar pas ditimbang jadi 4 ons haha

Balas

Hallo apakah ada orang yg punya slider hehe

Balas

haha rugi 1 kilo eta mah kang

Balas

weleh-weleehh......jos tenan slider nya bosss.,!
izin pake yoo...,!!
Matur Nuwun........

Balas

thanks mas bro atas ilmunya

Balas

membuat seperti slide mas ini gimana caranya ? kasi tau dong...

Balas

mas kalau mengatur tata letak seperti toko online gimana carannya
.....mohon bantuanny

Balas

maaf mas andreas aku newbee mau tanya cara ganti template nya mas andreass skitter itu yang mana url gambarnnya ya mas soalnya saya belum tampil

Balas

pada img src tinggal ganti url gambarnya aja mas

Balas

makasih mas, mas bagi bagi script untuk tata letak layaknya toko online sperti template blog toko onlinen itu gimana,,,,,,,,,,,

Balas
avatar
Anonymous

muito bom esse slide obrigado

Balas

mantap mas,ijin praktek
http://rumput-kebar-papua.blogspot.com

Balas

Kalau boleh tanya, slide yang sobat paparkan berat ngak ya loadingnya, sebab jika berat tentu akan menggangu kinerja blog secara keseluruhan. Terima kasih sebelumnya

Balas

Ini dia yang ane cari akhirnya nemu di Blog Mas Andes yang Ganteng hehehe (Bicara Jujur mas Bukan Pujian)..... Terima kasih Mas andes sangat membantu sekali..

Balas

klo cara membuat widgetnya di berada di tengah gimana mas ?

Balas

mantap kode silidernya broo

Balas

Arigatou nee-San Taskata

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Memasang Skitter Slideshow di Blog" ini bermanfaat, share ke jejaring sosial.
Konversi Kode