Ainun Nursahid

Powered by 123ContactForm | Report abuse

BCA (Bank Central Asia)		BRI ( Bank Rakyat Indonesia )
Nomor Rekening xxxxxxxx Kantor Cabang Grogol-Jakarta Barat Nama Pemilik Rekening Ainun Nursahid Ainun		Nomor Rekening xxxxxxxxxx Kantor Cabang Grogol-Jakarta Barat Nama Pemilik Rekening Ainun Nursahid Ainun

Cara memasang form registrasi di blogspot :

Lacak resi JNE di sini

Lacak resi TIKI di sini:

Lacak resi POS Indonesia:

1. Panduan Memasang Widget cek ongkir Pengiriman JNE,TIKI dan Pos indonesia :

Lacak resi <b>JNE</b> di sini<br />
<form action="http://www.jne.co.id/index.php" method="get" name="input" target="_new2">
<input name="mib" value="tracking.detail" type="hidden" />
 <input name="awb" size="14" style="border:1px solid #b2b2b2;margin-bottom:-20px;width:120px;padding:5px;border-radius:0px;" type="text" />
<input value="Cek" style="border:1px solid #DC3F3F;padding:4px;border-radius:0px;font-weight:bold;background:#EE5858;color:#fff" type="submit" /></form>
Lacak resi <b>TIKI</b> di sini:
<br />
<form method="post" action="http://www.tiki-online.com/tracking/track_single" name="input" target="_blank"><input id="TxtCon" name="TxtCon" size="14" style="border:1px solid #b2b2b2;margin-bottom:-20px;width:120px;padding:5px;border-radius:0px;" type="text" />
<input id="button" name="button" value="Cek" style="border:1px solid #DC3F3F;padding:4px;border-radius:0px;font-weight:bold;background:#EE5858;color:#fff" type="submit" /></form>
Lacak resi <b>POS Indonesia</b>:
<form method="get" action="http://www.posindonesia.co.id/home/modules/mod_search/tmpl/libs/lacakk1121m4np05.php" name="input" target="_blank"><input name="barcode" size="14" style="border:1px solid #b2b2b2;margin-bottom:-20px;width:120px;padding:5px;border-radius:0px;" type="text" />
<input value="Cek" style="border:1px solid #DC3F3F;padding:4px;border-radius:0px;font-weight:bold;background:#EE5858;color:#fff" type="submit" /></form>

• Pilih SIMPAN/Save widget.

• Widget ini bekerja dengan memberikan link ke web asli baik itu JNE,TIKI dan juga POS INDONESIA.
• Data NO RESI akan otomatis terinput ke link untuk melakukan pengecekan data di web asli.
• Widget ini bisa anda pasang di Blogger/web baik itu di Sidebar ataupun Halaman yang mudah di jangkau oleh konsumen.

1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.


2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.


3. Sekarang mari kita mulai untuk membuat CSS3 Slider pada dokumen HTML seperti pada kotak di bawah ini.

Cara Ofline>>>saya copy CSS ke QuickTextEditor kalau belum punya Anda download di sini. trus saya buka lewat Mozilla jadinya gambar bawah sebagai contoh

Lihat gambar bawah pintu masuk>>> HTML






 Copy di CSS diKotak Kosong lihat gambar atas

Kode dibawah untuk gambar sengaja saya bikin berbeda ukuran, nanti kamu ganti sendiri aja sesuai template kamu
 Contoh :
<a href="#">>>>>Link Sasaran kemana mau diarahkan yang jelas sesuai dengan gambar ada kaitannya

Warna merah link bawah itu link gambar>>>yang mau ditampilkan
<img alt="Cara Membuat Images Slider Tanpa Jquery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3uCjJmiEMArGSpdQrivh1y2Hajq4NPolTe7Ve_pUDH0-tl1vwHDVkz1zesKkz3IkFU2wEGayPKBnR17Nr95eCMDaR3nC8nD-DMOcHml2m1683uJsVX8aiOpd1Bze-GTIzk2yvbKMriyj1/s640/post-1.jpg" /></a>

<a href="#" imageanchor="1"><img alt="Cara Membuat Images Slider Tanpa Jquery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3uCjJmiEMArGSpdQrivh1y2Hajq4NPolTe7Ve_pUDH0-tl1vwHDVkz1zesKkz3IkFU2wEGayPKBnR17Nr95eCMDaR3nC8nD-DMOcHml2m1683uJsVX8aiOpd1Bze-GTIzk2yvbKMriyj1/s640/post-1.jpg" /></a>

<h3>
Title #2</h3>>>>>>>>TEk terserah kamu>>>bagusnya sesuikan gambar terkait
Content Text...</div>>>>>Keterangan gambaran dan tek yang sesui gambar yang ditampilkan
</li>
<li>


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Link batas Copy dibawah mulai kata >>>>><div>


<div>
<style type="text/css">


.slider-container {
 width: 675px;
 height: 300px;
 margin: 0px;
 padding: 10px 15px;
 border: 0 inset;
 -moz-border-radius: 5px;  
 -webkit-border-radius: 5px;
 box-shadow: 0 0 10px #333;
 -moz-box-shadow: 0 0 10px #333;
 -webkit-box-shadow: 0 0 10px #333;
 overflow: hidden;
}

.slider {
    width: 675px;
    height: 300px;
    position: relative;
    right: 40px;
 overflow: hidden;
}

.slider ul {
    list-style: none;
}

@-webkit-keyframes anim_slider {
    0% {
        opacity: 0;
    }
    6% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes anim_slider {
    0% {
        opacity: 0;
    }
    6% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.slider ul li {
 position: absolute;
 opacity: 0;
    top: 0;

    -webkit-animation-name: anim_slider;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slider;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

.slider ul  li:nth-child(2), .slider ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slider ul  li:nth-child(3), .slider ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slider ul  li:nth-child(4), .slider ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}

.slider ul li a {
    text-decoration: none;
 color: #fff;
}

.slider ul li p {
 color: #fff;
 font-size: 12px;
 margin-top: -12px;
 padding: 0 15px;
 filter: alpha(opacity=80);
    -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
    opacity: 0.8;
}

.slider ul li  img a {
    display: block;
    float: left;
    width: 100%;
}

@-webkit-keyframes captions {
    0% {
        top: 100%;
        opacity: 0;
    }
    5% {
        top: 80%;
        opacity: 1;
    }
    20% {
        top: 80%;
        opacity: 1;
    }
    25% {
        top: 100%;
        opacity: 0;
    }
    100% {
        top: 100%;
        opacity: 0;
    }
}

@-moz-keyframes captions {
    0% {
        top: 100%;
        opacity: 0;
    }
    5% {
        top: 80%;
        opacity: 1;
    }
    20% {
        top: 80%;
        opacity: 1;
    }
    25% {
        top: 100%;
        opacity: 0;
    }
    100% {
        top: 100%;
        opacity: 0;
    }
}

.slider h3 {
 text-transform: uppercase;
 color: #fff;
 font-size: 14px;
 line-height: 14px;
        margin-top: 0;
 padding: 10px 15px 0;
 filter: alpha(opacity=80);
        -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
        opacity: 0.8;
}

.slider ul li div {
 text-align: center;
    color: #fff;
    background-color: rgba(45, 44, 44, 0.7);
    background: rgba(45, 44, 44, 0.7);
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 500px;
    z-index :999;

    -webkit-animation-name: captions;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
 
    -moz-animation-name: captions;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}
</style>

<br />
<div class="slider-container">
<div class="slider">
<ul>
<li>
     
<a href="#" imageanchor="1"><img alt="Cara Membuat Images Slider Tanpa Jquery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3uCjJmiEMArGSpdQrivh1y2Hajq4NPolTe7Ve_pUDH0-tl1vwHDVkz1zesKkz3IkFU2wEGayPKBnR17Nr95eCMDaR3nC8nD-DMOcHml2m1683uJsVX8aiOpd1Bze-GTIzk2yvbKMriyj1/s640/post-1.jpg" /></a>

      <div>
<h3>
Title #1</h3>
Content Text...</div>
</li>
<li>
     
<a href="https://www.blogger.com/blogger.g?blogID=7258918381935128484#" imageanchor="1"><img alt="Cara Membuat Images Slider Tanpa Jquery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInzCz7kXP3AWdyx-dDtiP7DfQReaMvVxJbQnsLgtyDzoqjX42sUPSmU4qu2hyphenhyphenfF32Rc43V1PzQSsldBcj99hdBsoWzeN-SQxFO6cNhVJkELRv7bgjSzqFOTLkfxzLpvvRf8qej9C046JI/s640/mainscreenshot.png" /></a>
  
      <div>
<h3>
Title #2</h3>
Content Text...</div>
</li>
<li>
     
<a href="https://www.blogger.com/blogger.g?blogID=7258918381935128484#" imageanchor="1"><img alt="Cara Membuat Images Slider Tanpa Jquery" border="0" src="https://www.static-src.com/siva/asset//03_2017/SCB-FEATURED-PARTNERq3s.png" /></a>

   <div>
<h3>
Title #3</h3>
Content Text...</div>
</li>
<li>
  
<a href="https://www.blogger.com/blogger.g?blogID=7258918381935128484#" imageanchor="1"><img alt="Cara Membuat Images Slider Tanpa Jquery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQDmmIBZpnVEa6i2U2Drvd2l5ThKTMLFH77lqyEQzmfxn2MYjRtqrzEUntMf3WS0cuWCTsf5dP1AGAAVG8nhtNcRDi5BXuuafT1mW8i4SVr1-zIasohMDwwlaiQ5sGpmh3ik3XgLdq9GU/s1600/4.jpg" /></a>

      <div>
<h3>
Title #4</h3>
Content Text...</div>
</li>
</ul>
</div>
</div>
</div>

34500050 Fitur Produk 16 Megapixel Sensor : CMOS 1/2.3 inch 5x optical zoom Built in flash, WiFi, dan GPS Waterpro... Dell Inspiron 15 7566 Gaming Laptop - ...About Me

About Me

About Me

About Me