widget slider blogger

Artikel

Berita Terupdate

Baca Selengkapnya

Detail Berita :  Cara memasang Widget Slider pada Blogspot?
Widget web adalah halaman web atau aplikasi web yang disematkan sebagai elemen dari halaman web host tetapi yang secara substansial independen dari halaman host, memiliki interaksi terbatas atau tidak sama sekali dengan host.

•  Buka Blogger Kemudian Pilih tata letak klik tambahkan gadget pada pada widget sidebar

• Kemudian Pilih html/javasript
  
  
  

Copykan  HTML Berikut  :

Copy scriptnya kemudian pastekan..

<Style Type = "Text / Css">

/ * Http://Dimpost.Com * /

#SliderFrame {Position: Left; Width: 500px; Margin: 0 Auto 40px;}

    

#Slider {

    Lebar: 500px; Tinggi: 206px; / * Jadikan Ukurannya Sama Dengan Gambar Anda * /

 Latar Belakang: #Fff Url (Http://4.Bp.Blogspot.Com/-AVGCcclfKQo/UR-T3vxFAMI/AAAAAAAABm8/NcwIfUdoLIw/S1600/Loading.Gif) Jangan Ulangi 50% 50%;

 Posisi: Relatif;

 Margin: 0 Otomatis; / * Membuat Slider Gambar Sejajar Tengah * /

    Bayangan Kotak: 0px 1px 5px # 999999;

}

#Slider Img {

 Posisi: Absolut;

 Perbatasan: Tidak Ada;

 Display: Tidak Ada;

}

/ * Gaya Tautan (Jika Gambar Terbungkus Tautan) * /

#Slider A.ImgLink {

 Z-Index: 2;

 Display: Tidak Ada; Posisi: Absolut;

 Atas: 0px; Kiri: 0px; Batas: 0; Bantalan: 0; Margin: 0;

 Lebar: 100%; Tinggi: 100%;

}

/ * Gaya Teks * /

Div.Mc-Caption-Bg, Div.Mc-Caption-Bg2 {

 Posisi: Absolut;

 Lebar: 100%;

 Tinggi: Otomatis;

 Bantalan: 0;

 Kiri: 0px;

 Bawah: 15px;

 Z-Index: 3;

 Overflow: Disembunyikan;

 Ukuran Font: 0;

}

Div.Mc-Caption-Bg {

 Warna Latar Belakang: Hitam;

}

Div.Mc-Caption {

 Font: Tebal 14px / 20px Arial;

 Warna: #EEE;

 Z-Index: 4;

 Padding: 10px 0;

 Perataan Teks: Tengah;

}

Div.Mc-Caption A {

 Warna: # FB0;

}

Div.Mc-Caption A: Hover {

 Warna: # DA0;

}

/ * ------ Pembungkus Peluru Navigasi Bawaan ------ * /

Div.NavBulletsWrapper {

 Atas: 320px; Kiri: 280px; / * Posisinya Relatif Terhadap #Slider * /

 Lebar: 150px;

 Latar Belakang: Tidak Ada;

 Padding-Left: 20px;

 Posisi: Relatif;

 Z-Index: 5;

 Kursor: Pointer;

}

/ * Setiap Peluru * /

Div.NavBulletsWrapper Div

{

    Lebar: 11px; Tinggi: 11px;

    Latar Belakang: Url Transparan (Http://3.Bp.Blogspot.Com/-ZUaX5-LcCi4/UR-TzMXcpuI/AAAAAAAABm0/KokxtfFdNcU/S1600/Bullet.Png) No-Repeat 0 0;

    Float: Left; Overflow: Hidden; Vertical-Align: Middle; Cursor: Pointer;

    Margin-Right: 11px; / * Jarak Antara Setiap Peluru * /

    _position: Relatif; / * IE6 Hack * /

}

Div.NavBulletsWrapper Div.Active {Background-Position: 0 -11px;}

/ * --------- Lainnya ------- * /

#Slider

{

 Transform: Translate3d (0,0,0);

    -Ms-Transform: Translate3d (0,0,0);

    -Moz-Transform: Translate3d (0,0,0);

    -O-Transform: Translate3d (0,0,0);

}

</Style>

<Script Src = "Http://Dimpost.Googlecode.Com/Files/Js-Image-Slider.Js" Type = "Text / Javascript"> </Script>

<Br />

<Div Id = "SliderFrame">

<Div Id = "Slider">

<A Href="Https://Www.Blogger.Com/Blogger.G?BlogID=8043272874101352470#"> <Img Alt = "# Htmlcaption" Src = "Http://2.Bp.Blogspot.Com/-LSWlPRHuZEM /VP-D_mcYzeI/AAAAAAAAucQ/LTCDOqUMHnQ/S1600/Image-Slider-2%5B1%5D.Jpg "Height =" 214 "Title =" "Width =" 500 "/> </A>

<A Href="Https://Www.Blogger.Com/Blogger.G?BlogID=8043272874101352470#"> <Img Alt = "GO UP!" Src = "Http://3.Bp.Blogspot.Com/-FwGRH_2Af4E/VP-D8siDXSI/AAAAAAAAAII/D_ALlzatCJY/S1600/Image-Slider-1%5B1%5D.Jpg" Height = "214" Width "" 500 " /> </A>

<A Href="Https://Www.Blogger.Com/Blogger.G?BlogID=8043272874101352470#"> <Img Alt = "Javascript Murni. Tanpa JQuery. Tanpa JQuery. Tanpa Flash." Src = "Http://2.Bp.Blogspot.Com/-EMtVM-Md9cM/VP-EEjBgANI/AAAAAAAAucg/C1mHsEgJtAI/S1600/Image-Slider-4%5B1%5D.Jpg" Height = "214" Width = " 500 "/> </A>

<A Href="Https://Www.Blogger.Com/Blogger.G?BlogID=8043272874101352470#"> <Img Alt = "# Htmlcaption2" Src = "Http://4.Bp.Blogspot.Com/-5E2_eAn5Kws /VP-ECMbNvNI/AAAAAAAAucY/XG5I1-YxM4c/S1600/Image-Slider-3%5B1%5D.Jpg "Height =" 214 "Width =" 500 "/> </A>

<A Href="Https://Www.Blogger.Com/Blogger.G?BlogID=8043272874101352470#"> <Img Alt = "Tetap Terhubung" Src = "Http://4.Bp.Blogspot.Com/-MTefDxJoFgQ /VP-EHPwp8EI/AAAAAAAAuco/-BXhd_rxPYU/S1600/Image-Slider-5%5B1%5D.Jpg "Height =" 214 "Width =" 500 "/> </A>

</Div>

<Div Id = "Htmlcaption1" Style = "Display: None;">

Kode Oleh <A Href="Http://Bitly.Com/Btemplates" Target="_blank"> Micro </A>

</Div>

<Div Id = "Htmlcaption2" Style = "Display: None;">

<A Href="Http://Bitly.Com/Btemplates" Rel="Dofollow" Target="_blank" Title="Image Slider Widget"> <Img Alt = "Widget Slider Gambar" Border = "0" Src = " Http://Img1.Blogblog.Com/Img/Blank.Gif "Style =" Bawah: 10%; Posisi: Diperbaiki; Kanan: 0%; " /> </A> </Div>

</Div>

• Kemudian Save

1. Istillah-istilah dan Defenisi yang digunakan dalam RDTR dan PZ Kawasan Prioritas
2. Cara membuat Artikel Berkualitas