Sunday, September 15, 2013

Cara Membuat Slide Foto Manual untuk Sidebar atau Posting di Blog



Dengan Slide Foto Manual tampilan sidebar lebih OK

Membuat slide foto tidaklah sulit. Yang akan kita buat bersifat manual. Artinya bukan dengan program otomatis. Akan sedikit repot, tapi hasilnya lumayan memuaskan.

Memang untuk membuat sebuah Slide yang bernilai lebih tentunya tidak hanya margin dan float yang harus dipahami fungsi dan kegunaanya. Kode CSS yang lain seperti border, padding, background serta beberapa yang lain akan banyak memberikan support hingga dihasilkan sebuah tampilan Slide Foto yang lebih cantik dan menarik.

Disini ada sedikit tutorial bagaimana cara membuat Slide menarik di blog sobat tanpa harus menggunakan template album atau Kode CSS, Ikuti saja langkah-langkah ini:

PERTAMA, upload-lah foto-foto yang ingin kamu tampilkan di sebuah kotak editing "entri baru". Misalnya saja kamu sudah memasukkan foto-foto seperti di bawah ini.
gambar atau Foto diambil dari Album koleksi Peserta Miss World 2013












KEDUA, rubah sesuaikan ukuran dan posisinya. Ukuran bisa diubah secara langsung dengan klik mouse kanan (mau diperkecil atau diperbesar, terserah kamu). Atau, dengan mengubah nilai WIDTH: dan HEIGHT: dalam mode "edit html" postingan. Posisi atau urutan gambar bisa kamu ubah dengan menggesernya secara langsung. Misalnya saja gambar di atas sudah saya ubah jadi begini:

Silahkan Klik Fotonya Untuk Info Gallery atau Zoom Gambar

KETIGA: memasukkan kode untuk slide (kita menggunakan marquee). Misalnya saja kita masukkan kode seperti di bawah ini. Harus diingat, ketika memasukkan kode posisi kotak editing postingan harus dalam mode "edit html"

Maka dalam mode "tulis" akan muncul kotak marquee seperti di bawah ini

Kodenya


<marquee onmouseover="this.stop()" onmouseout="this.start()" style="text-align:center" scrollamount="3" direction="up" width="50%" bgcolor="black" height="100">....ISIKAN GAMBAR-GAMBARMU DI SINI....</marquee>



KEEMPAT: memasukkan foto ke dalam marquee. Kotak marquee di atas sudah siap dimasuki gambar. Dalam mode "tulis" kamu bisa menggeser foto yang sudah kamu ubah sesuaikan di langkah KEDUA atas, ke kotak ini satu persatu. Dalam mode "edit html" kamu bisa mengkopi semua kode html foto-fotomu di langkah KEDUA, dan memasukkan di area kode yang saya beri tulisan ISIKAN GAMBAR-GAMBARMU DI SINI.

Jadinya begini
Test Image
gambar atau Foto diambil dari Album koleksi Peserta Miss World 2013















KELIMA: menyimpan seluruh kode marquee bersama isi gambarnya di kompiuter kamu. Yang paling praktis dengan cara membuka program "wordpad" windows kamu dan menyimpannya sebagai file RTF.

Slide show foto buatan sendiri ini bisa kamu pasang pada Postingan atau Sidebar blog kamu. adapun mengenai Cara merubah ukuran, background, dan gerakan slide bisa kamu rubah sesuai dengan kebutuhan dan keinginan kamu yang tentunya disesuaikan dengan tampilan blog itu sendiri.

Read more: http://syamsudinnamaku.blogspot.com/2011/02/cara-mudah-membuat-slide-show.html#ixzz2KgccWZhU

Sampai disini postingan Cara Membuat Slide Foto Manual untuk Sidebar atau Posting di Blog sebagai salah satu kunci kesuksesan blog yang bisa anda terapkan khususnya yang baru terjun di dunia blogger pemula seperti saya,

Setelah anda mengerti Cara Membuat Slide Foto untuk Sidebar atau Posting di Blog, mungkin anda tertarik untuk bisa memasang Gambar dengan menggunakan CSS pada blog anda, silahkan anda baca pada artikel CARA MELIPAT GAMBAR DENGAN MENGGABUNGKAN CSS3 DAN JQUERY

Semoga postingan Cara Membuat Slide Foto Manual untuk Sidebar atau Posting di Blog diatas dapat bermanfaat untuk anda, salam sukses selalu ...

Edit; wawansurya
Sumber Mitra terkait;
http://wwbisnis.blogspot.com
www.affiliate-waones.com
http://waones-sbm.blogspot.com
http://mitra-sbm.blogspot.com
Terima kasih sudah Mau Berkunjung Keblog Ini – jika ada yang kurang puas ... Comment aja .. yah!!!

merchant 
Search Engine

Artikel Menarik Lainnya :



No comments:

Post a Comment