- Login ke Blogger degan akun kalian
- Masuk menu Layout ( Tata Letak )
- Klik tambahkan Gadget dimana kalian akan menaruh Slideshow foto nanti
- Pilih HTML/Java Script
- Copy dan pastekan Code script berikut
- -------------------------------------------------------------------------------------------------------------------
<script type=
"text/javascript"
>
$(document).ready(function() {
$(
'#content-slider'
).cycle({
fx:
'fade'
});
});
</script>
<style type=
"text/css"
>
#content-slider {
position
:
relative
;
width
:
100%
;
height
: <b>
250
</b>px;
overflow
:
hidden
;
margin
:
0
auto
;
}
#content-slider img {
display
:
block
;
width
:
100%
;
height
: <b>
250
</b>px;
}
</style>
<div id=
"content-slider"
>
<img src=
"<span style="
color
:
#ff0000
;
">Link Gambar 1</span>"
/>
<img src=
"<span style="
color
:
#ff0000
;
">Link Gambar 2</span>"
/>
<img src=
"<span style="
color
:
#ff0000
;
">Link Gambar 3</span>"
/>
<img src=
"<span style="
color
:
#ff0000
;
">Link Gambar 4</span>"
/>
</div>
-------------------------------------------------------------------------------------
- Kemudian
<img src=
"<span style="
color
:
#ff0000
;
">Link Gambar #</span>"
/>
itu ganti degan link gambar yang kalian sukai kalian juga bisa mengganti degan gambar kalian sendiri. Tapi kalian haru Upload gambar kalian dahulu
Note:* gambar jangan yang berukuran terlalu besar dan sesuaikan degan ukuran diatas- kalian bisa mengatur tinggi dan lebarnya sendiri pada syntact Height/Width
- Selesai dan kita klik pratinjau kalau sudah benar kita klik save dan lihat blognya.
click text or image to close
Wednesday, December 17, 2014
Cara Membuat Slide Foto Di Blog
Codi Seven - Sebuah blog kalau tampilannya biasa saja dan tidak ada menariknya pasti membosankan tidak hanya visitor namu kiapun bisa bosan kalau melihat blog sendiri. Maka dari itu saya akan memberikan trik sederhana untuk sedikit memperindah blog kalian yaitu degan menambahkan Slide Show atau gambar bergerak bergantian. Berikut caranya
Share this
Related Articles :
Subscribe to:
Post Comments (Atom)
Popular Posts
-
KATA PENGANTAR الرَّحِيمِ الرَّحْمنِ اللهِ بِسْمِ Alhamdulillah puji syukur penulis haturkan kepada Allah SWT yang masih me...
-
dunia trik dan tips ZonePedia portal berita terkini Daftar Harga Distro Design Rumah Pertanian D'Tutorial Bisnis Tausyiyah isl...
-
Cara Mendapatkan Followers Instagram, Followers Facebook, Twitter Dan Like Status nya 1.000.000 likes Real human gratis seharga : ...
-
caranya Anda siapkan bahan-bahannya antara lain : 1. popads.net jika belum tahu cara mendaftarnya baca cara mendaftar publ...
-
KATA PENGANTAR الرَّحِيمِ الرَّحْمنِ اللهِ بِسْمِ Alhamdulillah puji syukur penulis haturkan kepada Allah SWT yang masih m...
-
Delphi merupakan sofware compiler atau lebih mudahnya bahasa pemrograman Delphi . Delphi merupakan penerus dari sofware pemrograman pascal. ...
-
KATA PENGANTAR الرَّحِيمِ الرَّحْمنِ اللهِ بِسْمِ Alhamdulillah puji syukur penulis haturkan kepada Allah SWT yang masih me...
-
Download link : Saint Seiya : Legend of sanctuary
-
(الاِسْتِخَارَةُ بِالْقُرْانِ) # إِلَى حَضْرَةِ النَّبِيِّ الْمُصْطَفَى مُحَمَّدٍ صلى الله عليه وسلم وَجَمِيْعِ أَزْوَاجِهِ وَذُرِّيَاتِهِ ...
-
ssh 23 april 2014 Sahabat blogger terimakasih atas kunjungannya gimana kali ini saya mau share ssh 23 april 2014 ssh japanssh usa ss...
0 komentar
Post a Comment