Old school Swatch Watches

* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: yellow;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #cfcf8d;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: yellow;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

<br><div data-xtcontainer="container" class="xt_container"><table border="1" cellpadding="5" cellspacing="5" widht="100%"><tr><th rowspan="2"><img src="http://yoneo.xtgem.com/icon/wallpaper.png" width="18" height="18" alt="" /><b><font color="dodgerblue">Pilih Template</font></b></th><td><form action="/template.php"><select name="css"><option value="marinir">Marinir</option><option value="dadali">Dadali</option><option value="jkt48">Jkt48</option><option value="paint">Paint Akatsuke</option><option value="point">Point Blank</option><option value="lightorange">Lightorange</option><option value="twitter">Twitter</option><option value="dukun">Mbah Dukun</option><option value="china">Chinese</option><option value="mancing">Mancing</option><option value="bali">Bali Island</option><option value="vampire">Vampire</option><option value="musik">Musik</option></select></tr><tr><td><input type="submit" value="Style"></td></tr></table>
    </div>
<br><br><div data-xtcontainer="container" class="xt_container"><marquee direction="left"><a href="/master.php"><img src="/arsip/jadi_wap_master.png"></a></marquee></div><br><br>   <div data-xtcontainer="container" class="xt_container"><hr style="color:green;"><img src="/huruf/s.png" width="12" height="12" alt="" /><img src="/huruf/t.png" width="12" height="12" alt="" /><img src="/huruf/a.png" width="12" height="12" alt="" /><img src="/huruf/t.png" width="12" height="12" alt="" /><img src="/huruf/i.png" width="12" height="12" alt="" /><img src="/huruf/s.png" width="12" height="12" alt="" /><img src="/huruf/t.png" width="12" height="12" alt="" /><img src="/huruf/i.png" width="12" height="12" alt="" /><img src="/huruf/k.png" width="12" height="12" alt="" />    <img src="/huruf/b.png" width="12" height="12" alt="" /><img src="/huruf/l.png" width="12" height="12" alt="" /><img src="/huruf/o.png" width="12" height="12" alt="" /><img src="/huruf/g.png" width="12" height="12" alt="" /></hr><br><hr style="color:red;">
<img src="/icon/icon35.png" alt="" /> <script type='text/javascript' src='http://u-on.eu/js.php?u=94949'></script><noscript><a href="http://u-on.eu/in.php?u=94949"><img src="http://u-on.eu/c.php?u=94949" alt="U-ON" /></a></noscript><br><b><font color="dodgerblue">Sedang Aktif :</font></b> <img src="/arsip/tik.png"> <b><font color="green"> 1</font></b> <b><font color="green">User</font></b> <br><b><font color="blue">Browser :</font></b><b><font color="tomato"> Mozilla</font></b><br><b><font color="fuchsia">Total Waktu :</font></b> <b><font color="orange"><script>
var h=0; var d; var htgon=0;
function wktNtmbh() {document.getElementById('arsuda').innerHTML=h; h++; d=setTimeout("wktNtmbh()",1000);} 
function mUlai() {if(!htgon) {htgon=1; wktNtmbh();}}
window.onload=mUlai;
</script><span id="arsuda"></span></font></b> <b><font color="indigo">/Detik</font></b><br><b><font color="pink">Your Ip :</font></b> <b><font color="black"> 216.73.217.10</font></b><br><b><font color="teal">Your Country :</font></b><b><font color="green"> </font></b><br><font color="dodgerblue"><b>Hari Ini :</b></font> <b><font color="maroon">1</font></b><br /><font color="lightblue"><b>Minggu Ini :</b></font> <font color="tomato">1</font><br /> <font color="violet"><b>Bulan Ini :</b></font> <b><font color="magenta">1</font></b><br /><font color="silver"><b>Total Visitor :</b></font> <font color="red">40611</font></hr><br><hr style="color:red;"><img src="/huruf/s.png" width="12" height="12"><img src="/huruf/o.png" width="12" height="12"><img src="/huruf/s.png" width="12" height="12"><img src="/huruf/i.png" width="12" height="12"><img src="/huruf/a.png" width="12" height="12"><img src="/huruf/l.png" width="12" height="12">   <img src="/huruf/m.png" width="12" height="12"><img src="/huruf/e.png" width="12" height="12"><img src="/huruf/d.png" width="12" height="12"><img src="/huruf/i.png" width="12" height="12"><img src="/huruf/a.png" width="12" height="12"></hr><br><hr style="color:green;"><hr style="color:blue;"><a href="http://m.facebook.com/sumurdarwa"><img src="/file/facebook.png" alt="icon_facebook" /> Facebook</a></hr><hr style="color:blue;"><a href="http://twitter.com"><img src="/media/twitter.png" alt="icon_twitter" /> Twitter</a></hr><hr style="color:blue;"><a href="https://api.whatsapp.com/send?phone=6283857786630&text=&source=&data=&app_absent="><img src="/media/whatsap.png" alt="icon_whatsapp" /> Whatsapp</a></hr><hr style="color:blue;"><a href="http://google.com"><img src="/media/googlecom.png" alt="icon_google" /> Google</a></hr><hr style="color:blue;"><a href="http://youtube.com"><img src="/media/youtube.png" alt="icon_youtube" /> Youtube</a></hr><hr style="color:blue;"><a href="http://yahoo.com"><img src="/media/yahoo-icon.png"> Yahoo</a></hr><hr style="color:blue;"><a href="http://wordpress.com"><img src="/media/wordpress.png" alt="icon_wordpress"> Wordpress</a></hr><hr style="color:blue;"><a href="http://blogger.com"><img src="/media/blogger.png" alt="icon_blogger"> Blogger</a></hr><hr style="color:blue;"><a href="http://bing.com"><img src="/media/bing.png" alt="icon_bing"> Bing</a></hr><hr style="color:blue;"><a href="http://yandex.com"><img src="/media/yandex.png" alt="icon_yandex"> Yandex</a></hr><hr style="color:blue;"><a href="http://xtgem.com"><img src="/media/xtgem.png" alt="icon_xtgem"> Xtgem</a></hr><hr style="color:blue;"><div class="xt_item">
                        <span>
                            <a class="xt_blog_title_link">
                                <span class="xt_heading">
                                                                <span class="arrow"></span>
                            
                   
                          <img src="/icon/set.png" alt="Setting"><b style="color: tomato;">Jalan Pintas</b><br><select name="url" size="1" onChange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value="http://yoneo.xtgem.com/index?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Halaman Utama</option><option value="http://yoneo.xtgem.com/blognews.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Tutorial Wap master</option><option value="http://yoneo.xtgem.com/cpanel.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">kumpulan Script Wapbuilder</option><option value="http://yoneo.xtgem.com/javascript.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Code JavaScript</option><option value="http://yoneo.xtgem.com/huruf.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Generator Huruf Alfabeth</option><option value="http://yoneo.xtgem.com/kodehtml.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Kode Kode Html</option><option value="http://yoneo.xtgem.com/kodewarna.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Setelan Warna Dalam Kode Html</option><option value="http://yoneo.xtgem.com/intip.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Intip Web Milik Orang Lain</option><option value="http://yoneo.xtgem.com/ramal.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Ramalan Cinta&Jodoh</option><option value="http://yoneo.xtgem.com/visitor.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Easy Meningkatkan Travict Visitor</option><option value="http://yoneo.xtgem.com/formulir-daftar-register-sign-javascript-alert.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Kode Script Formulir Registrasi</option><option value="http://yoneo.xtgem.com/captcha.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Cara Membuat Kode Captcha</option><option value="http://yoneo.xtgem.com/tema.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Buat Css Online</option><option value="http://whosamung.us">Widget Visitor</option><option value="http://yoneo.xtgem.com/namawarna.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Nama Nama Warna</option><option value="http://yoneo.xtgem.com/video.php">Galeri Video Facebook</option><option value="http://yoneo.xtgem.com/cekwarna.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Generator Cek Warna Pilihan</option><option value="http://yoneo.xtgem.com/animasiku.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Animasi Background</option><option value="http://yoneo.xtgem.com/verifikasi.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Cara Verifikasi Blog Ke Google</option><option value="http://yoneo.xtgem.com/huruf_angka_simbol.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Generator Huruf,Angka,Simbol Berwarna</option><option value="http://yoneo.xtgem.com/hack.html?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Generator Facebook Lupa Kata Sandi</option><option value="http://yoneo.xtgem.com/wifi-gratis.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Cara Mudah Bobol WiFi</option><option value="http://yoneo.xtgem.com/icon_bendera.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Icon Bendera Ukuran Kecil</option><option value="http://yoneo.xtgem.com/random.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Script Link Random Visitor</option><option value="http://yoneo.xtgem.com/textchinese.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Membuat Text Chinese</option><option value="http://yoneo.xtgem.com/textlogo.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Generator Text Logo Online</option><option value="http://yoneo.xtgem.com/textfunky.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Bikin Text Funky Keren</option><option value="http://yoneo.xtgem.com/textlogowarna.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Membuat Text Logo Warna</option><option value="http://yoneo.xtgem.com/textarab.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Membuat Text Arab Gratis</option><option value="http://yoneo.xtgem.com/favicon.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Generator Favicon Online</option><option value="http://yoneo.xtgem.com/calculator.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Cek Calculator Online</option><option value="http://yoneo.xtgem.com/random.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Style Random Link Perloadig</option><option value="http://yoneo.xtgem.com/screenshoot.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Screenshoot Online</option><option value="http://yoneo.xtgem.com/pelangi.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Membuat Text Pelangi</option><option value="http://yoneo.xtgem.com/glow.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Creatie Text Glowing</option><option value="http://yoneo.xtgem.com/mp3.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Musik Dan Video</option><option value="http://yoneo.xtgem.com/guestbook.php?nama=yoneo.xtgem.com&kota=baros_ketangungan&provinsi=brebes_jawa_tengah&header=&images=&url=yoneo.xtgem.com&copi=2012_2020">Your Chating</option><option value="http://yoneo.xtgem.com/walpaper.php?nama=&kota=&provinsi=&header=&images=&url=&copi=">Wallpaper Android</option></select>
</span></span></div></hr></hr><br><hr style="color:green;"><b><font color="dodgerblue">Copyright</font></b> <font color="dodgerblue"><b>©</b></font> <b><font color="dodgerblue">2012_2020</font></b><br /><font color="dodgerblue"><b>Design By :</font> <a href="http://yoneo.xtgem.com"><font color="dodgerblue">yoneo.xtgem.com</font></a></b><br /><font color="dodgerblue"><b>From :</font> <font color="dodgerblue">Brebes</font> -<font color="dodgerblue">Jawa Tengah</font>   <font color="dodgerblue">    Indonesia</font></b></hr><hr style="color:red;"><font color="dodgerblue"><b>Thank To :</font> <a href="http://xtgem.com"><font color="dodgerblue">XtGem.Com</a></font></b> <font color="dodgerblue"><b>ALL Right Reserved</b></font></hr></div><br>   <div data-xtcontainer="container" class="xt_container"><hr style="color:red;"><center><a href="/guestbook.php"><img src="/huruf/b.png" width="12" height="12" alt="bukutamubaros" /><img src="/huruf/u.png" width="12" height="12" alt="" /><img src="/huruf/k.png" width="12" height="12" alt="" /><img src="/huruf/u.png" width="12" height="12" alt="" /> <img src="/huruf/t.png" width="12" height="12" alt="" /><img src="/huruf/a.png" width="12" height="12" alt="" /><img src="/huruf/m.png" width="12" height="12" alt="" /><img src="/huruf/u.png" width="12" height="12" alt="" /></a></hr><hr style="color:red;"><html><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=us&u=http://yoneo.xtgem.com"><img src="/media/amerika.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=fr&u=http://yoneo.xtgem.com"><img src="/media/francis.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=pt&u=http://yoneo.xtgem.com"><img src="/media/portugal.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=it&u=http://yoneo.xtgem.com"><img src="/media/italia.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=ru&u=http://yoneo.xtgem.com"><img src="/media/rusia.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=de&u=http://yoneo.xtgem.com"><img src="/media/jerman.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=ja&u=http://yoneo.xtgem.com"><img src="/media/jepang.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=en&u=http://yoneo.xtgem.com"><img src="/media/inggris.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=no&u=http://yoneo.xtgem.com"><img src="/media/norwegia.png"></a> <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=hi&u=http://yoneo.xtgem.com"><img src="/media/india.png"></a>  <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=en&nv=1&rurl=translate.google.com&sl=id&sp=nmt4&tl=ZH_cn&u=http://yoneo.xtgem.com/"><img src="/media/cina.png"></a><br><img src="/arsip/loading.gif"></hr></div>            <style type="text/css">

#xt_auth_container
                {
                    position: static;
                    display: inline;
                    display: inline-block;
                    text-align: right;
                    margin: 3px 0; padding: 0;
                    width: 100%; height: auto;
                    border: none;
                }

.xt_auth_view
                {
                    position: static;
                    display: inline;
                    display: inline-block;
                    text-align: right;
                    margin: 0; padding: 0;
                    width: auto; height auto;
                    border: none;
                }

.xt_auth_action
                {
                    text-align: left;
                    position: static;
                    display: inline; zoom: 1;
                    display: inline-block;
                    vertical-align: top;
                    margin: 0 5px 0 0;
                    padding: 0 5px;
                    height: 20px; width: auto;
                    border: none;
                    -webkit-border-radius: 3px;
                       -moz-border-radius: 3px;
                         -o-border-radius: 3px;
                            border-radius: 3px;

background-color: #2e2e2e;
                    background-color: rgba(0,0,0,0.4);
                    !background-color: #2e2e2e;
                    font: 600 12px/20px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
                    text-decoration: none;
                    -webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
                       -moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
                         -o-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
                            text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
                    color: #fff;
                    -webkit-user-select: none;
                }

.xt_auth_action > * { vertical-align: top; }

.xt_auth_action:hover
                {
                    background-color: #1f1f1f;
                    background-color: rgba(0,0,0,0.6);
                }

.xt_auth_action:link,
                .xt_auth_action:visited,
                .xt_auth_action:active,
                .xt_auth_action:hover
                {
                    text-decoration: none;
                    color: #fff;
                }

.xt_auth_icon, .xt_auth_avatar
                {
                    position: static;
                    display: inline; display: inline-block;
                    width: 13px; height: 13px;
                    margin: 3px 1px 0 0;
                    padding: 0;
                    vertical-align: top;
                    border: 0;
                }

.xt_auth_icon
                {
                    background-image: url(http://xtgem.com/images/authbar/auth_sprite_v2.png);
                    margin-right: 0;
                }

.xt_auth_icon_enchanted
                    .xt_auth_icon
                {
                    background-size: 103px;
                    /* margin: 4px 2px 0 0; */
                }

/* join & subscribe */
                .xt_auth_join .xt_auth_icon,
                .xt_auth_subscribe .xt_auth_icon {
                    background-position: -92px 13px;
                }
                /* inbox */
                .xt_auth_inbox
                    .xt_auth_icon { background-position: -78px 13px; }
                /* rate */
                .xt_auth_rate
                    .xt_auth_icon { background-position: 0 14px; }
                /* unrate */
                .xt_auth_unrate
                    .xt_auth_icon { background-position: -13px 14px; }
                /* star */
                .xt_auth_star
                    .xt_auth_icon { background-position: -26px 13px; }
                /* unstar */
                .xt_auth_unstar
                    .xt_auth_icon { background-position: -39px 13px; }
                /* repost */
                .xt_auth_repost
                    .xt_auth_icon { background-position: -52px 12px; margin-top: 4px; }
                /* reposted */
                .xt_auth_reposted
                    .xt_auth_icon { background-position: -65px 12px; margin-top: 4px; }

/* join & subscribe */
                .xt_auth_icon_enchanted .xt_auth_join .xt_auth_icon,
                .xt_auth_icon_enchanted .xt_auth_subscribe .xt_auth_icon {
                    background-position: 11px 0.5px;
                    width: 12px;
                }
                /* inbox */
                .xt_auth_icon_enchanted
                    .xt_auth_inbox
                        .xt_auth_icon { background-position: 25px 1px; }
                /* rate */
                .xt_auth_icon_enchanted
                    .xt_auth_rate
                        .xt_auth_icon { background-position: 0 0; }
                /* unrate */
                .xt_auth_icon_enchanted
                    .xt_auth_unrate
                        .xt_auth_icon { background-position: -13px 0; }
                /* star */
                .xt_auth_icon_enchanted
                    .xt_auth_star
                        .xt_auth_icon { background-position: 77px 0; }
                /* unstar */
                .xt_auth_icon_enchanted
                    .xt_auth_unstar
                        .xt_auth_icon { background-position: 64px 0; }
                /* repost */
                .xt_auth_icon_enchanted
                    .xt_auth_repost
                        .xt_auth_icon { background-position: 51px 1px; margin: 3px 0 0 0; }
                /* reposted */
                .xt_auth_icon_enchanted
                    .xt_auth_reposted
                        .xt_auth_icon { background-position: 39px 1px; margin: 3px 0 0 0; }

/* hidding */

.xt_auth_unstar,
                .xt_auth_unsubscribe,
                .xt_auth_unrate
                {
                    display: none;
                }

.xt_auth_action_star_active
                    .xt_auth_unstar,

.xt_auth_action_rate_active
                    .xt_auth_unrate,

.xt_auth_action_subscribe_active
                    .xt_auth_unsubscribe
                {
                    display: inline-block;
                }

.xt_auth_action_star_active
                    .xt_auth_star,

.xt_auth_action_rate_active
                    .xt_auth_rate,

.xt_auth_action_subscribe_active
                    .xt_auth_subscribe
                {
                    display: none;
                }

#xt_auth_container { position: fixed; }

html { padding-top: 20px; } #xt_auth_container { top: 0; left: 0; } #xt_auth_container, .xt_auth_view, .xt_auth_icon, .xt_auth_avatar { max-height: none !important; max-width: none !important; min-width: none !important; min-width: none !important; opacity: 1 !important; text-indent: 0 !important; visibility:visible !important; }

</style><div id='xt_auth_container'><div class='xt_auth_view xt_auth_not_logged'><a href='https://xtgem.com/auth/login?redir=VjFKSGFuQk5aVVJIZWpGRlIzWmxRVWhVYVVaSFNrdFpSblpSVFVkVlQwMU5kMlE5&s=VjFkVmJuVkpWVU5IVkV0TlRVcGxXRVo2Y2xkS2RqMDk%3D&is_a=0&is_f=0&via=New+authbar' target='_parent' class='xt_auth_action xt_auth_login'>Log in</a></div></div>                <script type="text/javascript">
                    (function () {
                        var doc = document;
                        var body = doc.body;
                        var xhr_done_auth = true;

doc.addEventListener ? window.addEventListener( 'load', init, false ) : window.attachEvent( 'onload', init );

function init () {
                            doc = document;
                            body = doc.body;

var el_auth = doc.getElementById( 'xt_auth_container' );

doc.addEventListener ? el_auth.addEventListener( 'click', hook_xhr_action, false ) : el_auth.attachEvent( 'onclick', hook_xhr_action );

if ( 'backgroundSize' in doc.body.style ) {
                                if ( window.devicePixelRatio && window.devicePixelRatio > 1 ) {
                                    el_auth.className += ' xt_auth_icon_enchanted';
                                }
                            }
                        }

// bind xhr links
                        function hook_xhr_action ( e ) {
                            var e = e || window.event;
                            var target = e.target || e.srcElement;
                                target = target.className == 'xt_auth_icon' ? target.parentNode : target;

if ( target.getAttribute( 'data-xhr' ) ) {
                                var url = target.href;
                                    url = url + (url.indexOf( '?' ) == -1 ? '?via_ajax=1' : '&via_ajax=1');
                                load_data({ url: url, xhr_done: xhr_done_auth, callback: handle_xhr_response });
                                (e.preventDefault) ? e.preventDefault() : e.returnValue = false; return false;
                            }
                        }

function handle_xhr_response ( xhr ) {

function handle_error ( xhr ) {
                                window.location.href = window.location.href;
                            }

function handle_success ( xhr ) {
                                var wrapper = document.getElementById( 'xt_auth_container' );
                                var tmp_class = wrapper.className;

var current_action = xhr.response.split( ';' )[1];

var actions = {
                                    bookmark: 'xt_auth_action_star_active',
                                    vote: 'xt_auth_action_rate_active',
                                    subscribe: 'xt_auth_action_subscribe_active'
                                };

for ( key in actions ) {
                                    if ( !actions.hasOwnProperty( key ) ) continue;
                                    if ( current_action.indexOf( key ) == -1 ) continue;

wrapper.className = current_action.indexOf( 'un' ) == -1 ? tmp_class + ' ' + actions[key] : tmp_class.replace( (' ' + actions[key]), '' );
                                }

}

xhr.response = xhr.response ? xhr.response : xhr.responseText;

(xhr.status != 200 || xhr.response.indexOf( 'ERR;') != -1 ) ? handle_error(xhr) : handle_success(xhr);
                        }

//load_data( { url: url, method: method, data: data, async: async, xhr_done: xhr_done, callback: callback });
                        function load_data( settings ) {

var async = settings.async ? !!settings.async : true,
                                url = settings.url ? settings.url.toString() : false,
                                method = settings.method ? settings.method.toUpperCase() : 'GET',
                                callback = settings.callback ? settings.callback : false,
                                data = settings.data ? settings.data.toString() : '',
                                xhr_done = settings.xhr_done ? settings.xhr_done : null,
                                xhr;

// xhr in progress or url not provided -> exit
                            if ( !( (xhr_done == true || xhr_done == null)  && url ) ) return;

if ( typeof XMLHttpRequest !== 'undefined' )
                            {
                                xhr = new XMLHttpRequest();
                            }
                            else
                            {
                                try
                                {
                                    xhr =   new XMLHttpRequest("MSXML2.XmlHttp.5.0") || new XMLHttpRequest("MSXML2.XmlHttp.4.0") ||
                                            new XMLHttpRequest("MSXML2.XmlHttp.3.0") || new XMLHttpRequest("MSXML2.XmlHttp.2.0") ||
                                            new XMLHttpRequest("Microsoft.XmlHttp");

} catch ( e ) {}
                            }

// if xhr object does not supported or url not given, exit

xhr.onreadystatechange = function () {
                                if ( xhr.readyState != 4 ) return;

if ( xhr_done != null ) xhr_done = true;
                                callback ? callback( xhr ) : null;
                            }

xhr.open( method, url, async );

if ( method === 'POST' ) {
                                xhr.setRequestHeader( "Content-type", "application/x-www-form-urlencoded" );
                                xhr.send( data );
                            } else {
                                xhr.send( null );
                            }

if ( xhr_done != null ) xhr_done = false;
                        };
                    })();
                </script></body>
</style>
</html>
<div class="container">
  <div class="mySlides">
    <div class="numbertext">1 / 6</div>
    <img src="http://yoneo.xtgem.com/media/img_woods_wide.jpg" style="width:100%">
  </div>

<div class="mySlides">
    <div class="numbertext">5 / 6</div>
    <img src="http://yoneo.xtgem.com/media/img_nature_wide.jpg" style="width:100%">
  </div>
    
  <div class="mySlides">
    <div class="numbertext">6 / 6</div>
    <img src="http://yoneo.xtgem.com/media/img_snow_wide.jpg" style="width:100%">
  </div>
    
  <a class="prev" onclick="plusSlides(-1)"><--KEMBALI</a>
  <a class="next" onclick="plusSlides(1)">BERIKUTNYA--></a>

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

KODE ADA DI ATAS SILAHKAN ANDA COPY CODENYA

KEMBALI | | LANJUTKAN