Browse » Home » » Slide Post Images Dengan Java Script

Slide Post Images Dengan Java Script

Pernak Pernik Blogger menambah satu koleksi lagi yaitu Slide Foto / Gambar, buat para Sobat Blogger yang mau mencobanya silahkan ikuti langkah-langkahnya di bawah ini.


* Langkah yang Pertama
@- Login dahulu seperti biasa dengan ID Blog milik Sobat.
@- Terus Klick TATA LETAK / LAYOUT.
@- Klick EDIT HTML.
@- Copy Kode CSS dibawah ini kemudian Paste di atas Kode ]]></b:skin>
#coverslide{
position:relative;
width:220px;
background:#1c1c1c;
float:left;
height:220px;
margin-top:5px;
}
#slider{
width:200px;
height:200px;
padding:0px 0px;
margin:10px 10px;
visibility: hidden;
background:#fff;
}
#slider ul{
margin:0px 0px;
padding:0;
list-style:none;
}
#slider li{
width:200px;
height:200px;
background:#000;
overflow:hidden;
margin:0px 0px;
}
.slider-position {
position:relative;
}

@- Lalu cari Kode : </head>
@- Kemudian Copy Kode di bawah ini lalu Paste di atas Kode </head>
<script src='http://iyang.googlecode.com/files/1.2.6.js' type='text/javascript'></script>
<script src='http://iyang.googlecode.com/files/imgslide.js' type='text/javascript'></script>
<script type='text/javascript'>
var $jx = jQuery.noConflict();
$jx (document).ready(function(){
$jx('#slider').css('visibility','visible');
$jx("#slider").easySlider({auto: true, continuous: true});})</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

@- Jika sudah jangan lupa Klick SAVE TEMPLATES / SIMPAN TEMPLATE
@- Langkah yang pertama selesai sudah.

* Sekarang Lanjut Kelangkah yang Kedua
@- Klik Tab Page Element / Elemen Halaman
@- Klik Add Widgate / Tambah Gadget
@- Klik Pilih Yang HTML / JavaScript
@- Lalu Copy Kode dibawah ini dan Paste pada Widgete / Gadget yang tadi barusan Sobat siapkan.
<div id='jqueryslider'>
<div id='coverslide'>
<div id='slider'>
<ul>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
<li><a href='LINK ARTIKEL BLOG ANDA'><img alt="" height="200" src="LINK GAMBAR ANDA" width="200" /></a></li>
</ul>
</div></div></div>

@- Kemudian SAVE /SIMPAN
@- Selesai sudah langkah yang kedua.
@- Yang Saya tandai dengan warnan MERAH adalah Cover Luar Slide dan yang berwarna HIJAU adalah Cover Dalam Slide.
@- Untuk soal Tinggi dan Lebar Cover Slide silahkan Sobat Blogger sesuaikan menurut kebutuhan.
@- Silahkan lihat hasilnya dan sukses selalu buat para Sahabat Blogger semua.

19 Comments To Slide Post Images Dengan Java Script

keren nich artikelnya berbobot..
keep posting sob.. bila berkenan buat tukeran link saya tunggu komment baliknya yah sob..thnks
°l||l°
Belajar Ilmu Komputer mengatakan pada
 
°l||l°
good post
nanti saya coba di blog saya deh
°l||l°
kid mengatakan pada
 
°l||l°
thks atas artikelnya...
sangat membantu sekali...

saya nantikan kunjungannya di blog saya
http://taniprogresif.blogspot.com/
°l||l°
pita merah mengatakan pada
 
°l||l°
uda saya coba, cuman saya ga ngerti gimna cara set supaya
-tampilan gambar slide shownya tampil di center, (kalo di saya gambar slideshownya mojok di kiri trus sisa space di kanan di isi background hitam)
-supaya gambar ga ke screath gak ke tarik ngikutin width ma height nya, gimna biar set spy width ma height nya proporsional spt uk asli nya
-bisa gak tambahin transision

sementara yg bagus menurut sy yg slide.com itu uk gambar proporsional, slide transision, cuman kekurangannya byk Label2 iklan nya

btw blog sy di
kreasikertasmawar.blogspot.com
°l||l°
Martie primrose mengatakan pada
 
°l||l°
mas admin, tutorialnya itu joss banget, perlu dibuat
°l||l°
Segaran Media mengatakan pada
 
°l||l°
situs PGI, perlindungan indikasi geografis produk khas indonesia
°l||l°
IG Jepara mengatakan pada
 
°l||l°
Makasih gan... Tak coba dulu... sekalian kenalan gan siapa tahu ada yang ingin jumpa saya...
°l||l°
Clommo mengatakan pada
 
°l||l°
mantap kang tutotialnya, saya coba dulu kang ya di blog saya :), makasih
°l||l°
ummy's com mengatakan pada
 
°l||l°
thanks gan,,, jgn lupa mampir di blog ane,,,
°l||l°
Andreansyah mengatakan pada
 
°l||l°
makasih om...
saya minta izin share ulang di blog saya boleh ga....????
boleh ya....
boleh dong om...
ok...
thanks sebelumnya artikelnya....
amat sangat membantu...
°l||l°
Dhonie mengatakan pada
 
°l||l°
nice share gan...thanks ya..q tunggu comment baliknya :)
°l||l°
Dwi Yulianto mengatakan pada
 
°l||l°
makasih banyak ...
bantu banget nich artikel .
°l||l°
Saepulloh Hidayat mengatakan pada
 
°l||l°
SEmoga memberikan banyak manfaat bagi sesama.
°l||l°
Munawir mengatakan pada
 
°l||l°
loadingnya keren..
°l||l°
Adam Pramuja mengatakan pada
 
°l||l°
makasih...
tp q msh bingung...
°l||l°
Dhimas Wardhana Putra mengatakan pada
 
°l||l°
mas itu LINK GAMBAR ANDA-nya gimana cara dptn kodenya?
°l||l°
friska maduri mengatakan pada
 
°l||l°
mantap tutornya maas
°l||l°
obat kanker paru paru mengatakan pada
 
°l||l°
Assalamualaikum.wr.wb. perkenalkan nama saya katiman dari surabaya kerja tki di malaysia, saat menulis ini saya teringat memory masa lalu..saya sangat tergugah hati melihat coretan hati yang bapak tulis. saya jadi teringat tentang masa-masa sulit dulu,karena iktiar dan usaha , seolah2 menjadi dendam bukan lagi motivasi, cuma satu tujuan saya pada saat bagaiman caranya untuk bangkit..singkat kata berbagai macam iktiar dan cara yang saya lalui, mengingat pada saat itu hutang saya 1,2m yang tidak sedikit, belum lagi bunga renternir yang bertambah. karena usaha, kesungguhan hati, akhirnya menemukan jalan /solusi . saya percaya ALLAH ITU TIDAK DIAM MAHA PENYAYANG , cobaan itu bukan lah ujian tapi hadiah yang tersilmut untuk kebahagiaan yang sebenar2nya. Bila butuh angka togel ghaib yg sudah kami buktikan hubungi MBAH WITJAKSONO DI 0852_2223_1459. ingat kesempat tidak akan datang untuk yang kedua kalinga KLIK=> http://togelsingapu.blogspot.com
°l||l°
KATIMAN SURABAYA mengatakan pada
 
°l||l°
Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
asianbet77.com

Download Disini
°l||l°
sherlina halim mengatakan pada
 
°l||l°

Send Your Comment Here

Pernak Pernik Blogger | Copyright 2010 | Template Design © By IMS | Powered By Blogger