Laman

  • HOME
  • LOMBA BLOG
  • ARTIKEL
  • TUTORIAL
  • JUAL SUPERGREENFOOD

Cara Memasang Foto Slide show di Side Bar

Moocen Susan | Minggu, Juni 30, 2013 |
<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />

</div>

Hai, apakah Anda ingin menambahkan koleksi foto pribadi Anda di blog? Memang tidak terlalu penting sih, tapi boleh donk narsis sedikit buat tetep eksis haha..btw, seperti janji saya kemarin bahwa hari ini saya akan membagikan cara memasang foto slide show di side bar. Caranya gampang banget, yuk mari:

Copy kode di atas dulu dengan cara blok semua kode 
→ tekan Ctrl + C, kemudian :
  1. Masuk ke www.blogger.com 
  2. Isi nama email & kata sandi Anda → MASUK 
    Ketr. no.1-2
  3. Masuk dashboard lalu klik tata letak 
  4. Klik TAMBAH GADGET 
  5. Klik HTML/ Java Script 
  6. Ketik Judul → Paste kode script tadi (Ctrl+V) 
  7. Ganti tulisan merah ini dengan nama / link URL Foto Anda caranya lihat disini
  8. Anda pun bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
    Ketr.No.6-8
  9. SIMPAN → LIHAT BLOG
Jadi deh…. Lihat hasilnya di blog saya ^_^ 


17 komentar:

  1. wah boleh juga nih tutorialnya. buat bernarsis-narsis ria hehehe

    BalasHapus
    Balasan
    1. makasi ya mas atas kunjungannya, saya juga sering ke blognya mas walaupun cuma silent reader hehe

      Hapus
  2. Balasan
    1. Sama-sama :) makasi ya udah berkunjung

      Hapus
  3. wah,, dari kemaren cari-cari cara buat masukin fhoto di blog.....,, boleh dicoba nich.....makasih tuvorialnya, mbak....:)

    BalasHapus
    Balasan
    1. monggo dicoba hehe... btw, mbak jadi ikutan pelatihan nulis online ga? :)

      Hapus
  4. mbak saya bongkar2 isi blognya nemu banyak tutorial langsung senyum2 sendiri karena seneng hehehhe makasih banyak udah berbagi

    BalasHapus
    Balasan
    1. Iya mbak, itulah tujuan saya bikin blog...membantu yang ingin dibantu agar terbantu hahaha

      Hapus
  5. langsung tak praktekin.....trims tutorialnya

    BalasHapus
  6. uda saya coba mba susan seperti di atas... berhasil sih .. tp ko gambar2nya tidak tajam ya... ngeblur gitu... bs ga ya kl gambarnya di tajamin lagi... minta infonya ya .............maksih postingannya... opiknafiri@gmail.com

    BalasHapus
    Balasan
    1. ngeblur itu bawaan fotonya mas, kalau foto aslinya ngeblur pasti jadinya juga ngeblur.. tutorial itu cuma memberi kodenya aja ga bikin foto blur jadi cerah kalau mau jelas foto lagi aja hehe

      Hapus
  7. ngerubah ukuran gambar disebelah mana mbak?

    BalasHapus
    Balasan
    1. ngrubahnya pake photoshop ga ada tutorialnya disini :) kalau mau cari ukuran gambar yang sama aja.

      Hapus
  8. ternyata masangnya gampang juga ya min
    teima kasih min info dan artikelnya menarik sekali :)

    BalasHapus

Terima kasih sudah berkunjung. Silakan tuliskan komentar Anda di bawah ini. Komentar Anda sangat bermanfaat dan sangat saya hargai atau jika ada pertanyaan silakan tinggalkan pesan di livechat saya (sidebar kiri bawah)
Perhatian: saya akan menghapus otomatis komentar yang ada link hidupnya :D

Related Posts Plugin for WordPress, Blogger...