Sharing Ilmu Pengetahuan

Blog yang membahas seputar Tips dan Trik Internet, Komputer, Download Software Gratis dan Berita Teknologi Terkini .

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Blog Tutorials » Tips Blogger » Tips N Tricks.html » Membuat Slide Show Image

Wednesday, 24 August 2011

Membuat Slide Show Image

Dwem
Add Comment
Blog Tutorials, Tips Blogger, Tips N Tricks.html
Wednesday, 24 August 2011
Membuat slide show image adalah sebuah widget yang menampilkan image secara rondom, dimana akan berganti-ganti tergantung jumlah foto dan informasi yang kita masukan ke dalamnya.

Langkah 1
1. Login ke Blogger
2. Pilih Tata Letak / Rancangan
3. Pilih Tab Edit HTML
4. Centang " Expand Template Widget"
5. Silakan Cari Kode ]]></b:skin> dan Taruh Kode Berikut Di atas kode ]]></b:skin>


6. Kemudian Setelah itu coba cari kode </head> dan Taruh Kode berikut di bawah kode </head>


7. Save Template

Langkah 2
Untuk Bisa Menikmati widget ini silakan perhatikan instruksi di bawah ini :

1. Login ke Blogger
2. Pilih Tata Letak Atau Rancangan
3. Tambah Widget/Gedget Baru
4. Pilih HTML/Javascript
5. Copy kode di bawah ini dan Paste di Widget/Gedget yang akan anda buat tadi (no.4)


Coba liat hasilnya dulu seperti apa ???

Keterangan :
1. Ganti dengan alamat link artikel kamu
2. Ganti warna hijau dengan link gambar / foto
3. Ganti Judul Foto dengan Judul Artikel Keterangan Lain Tentang Foto
4. Arti kode width="468" height="240" adalah ukuran dari widget slideshow view, lebar="468" tinggi="240"
5. alt= Isi dengan kalimat yang ingin di tampilkan di bawah foto.
6. Jumlah Slide Show bisa anda perbanyak dengan menambahkan kode <li><a href="#"><img src="#" width="600" height="240" title="Judul Foto" alt="Isi dengan kalimat yang ingin anda di tampilkan mendampingi foto/image." /></a></li> di atas kode </ul>

PENTING !!
Untuk Mengubah Ukuran dan Lebar Slide Show Agar Fix Sesuai ukuran yang anda inginkan :

1.Login Ke blogger
2.Pilih Tata Letek/Rancangan
3.Pilih Tab Edit HTML
4.Centang "Expand Template Widget"
5.Cari kode Yang Sama dengan kode-kode di bawah ini :


NB : Ubah Tulisan width:468px dan height:240px dan sesuaikan dengan ukuran template. Kemudian cari kembali kode yang mirip seperti di bawah ini :


NB : Ubah Tulisan width:468px dan height:80px dan Sesuaikan dengan ukuran lebar dan ketinggian Widget (Berhubungan dengan huruf dan judul yang nanti akan di tampilkan, disarankan sesuikan dengan ukuran widget slideshow view yang di pilih.

selamat mencoba.....!
Suka Artikel? Bagikan: Facebook Twitter Google+
0 Komentar untuk "Membuat Slide Show Image"

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Popular Week

  • Cara membuat acount SSH sendiri ( Port 443 )
  • Cara Setting Bitvise SSH Client dan Proxifier
  • Cara Memperkecil Ping atau Latency Internet
  • Login Windows dengan Face Recognition ( Banana Screen 1.2.1 )
  • Download PETA Megapolitan 2013
Powered by Blogger.

DMCA Protection

DMCA.com

Labels

  • Agama
  • Akun SSH
  • All About SSH
  • Animated Flash
  • Anti Virust Recommend
  • Applikasi
  • Berita Nasional
  • Blog Tutorials
  • Dasar Belajar Membuat Blog
  • Di Jual Kelinci
  • Download software gratis
  • Download Software Hack Billing
  • download software the ultimate troubleshooter gratis
  • download software tuneup utilities 2014 full
  • Features
  • Gratisan
  • Hecking
  • Info
  • Internet
  • Islami
  • Java Script
  • Kata" Lucu
  • Kata" Mutiara
  • Kata" Romantis
  • Kesehatan
  • Kumpulan Driver
  • Lirik.html
  • Membuat Akun SSH
  • Music.html
  • Networking
  • News
  • Ninja Kita
  • Pantun Agama
  • Pantun Humor
  • Pantun Romantis
  • pengetahuan
  • Pernak Pernik Blog
  • Photoshop
  • Point Blank.html
  • Proxy
  • Proxy Indonesia
  • Proxy UK
  • Proxy US
  • Recommend Software
  • Review
  • Review Linux
  • Review OS
  • Review Windows
  • Sejarah
  • Setting GPRS
  • Software
  • Software Security
  • software terbaik
  • SSH FC
  • SSH INDO
  • SSH NL
  • SSH SG
  • SSH UK
  • SSH US
  • Texas Holdem Poker.html
  • Tips Blogger
  • tips internet
  • Tips Joomla
  • Tips Komputer
  • Tips N Tricks.html
  • Tips SEO
  • Tips Virus
  • Trik Facebook
  • Trik Handpone
  • Trik" Facebook
  • Trik" Handpone
  • Troubleshooting
  • Tutorial Delphi
  • Tutorial Internet
  • Tutorial Php MySql
  • Tutorial SSH
  • Tutorial VB
  • Tutorial VB NET
  • Tv Online.html
  • Unik
  • Widget Blogger
  • Windows Loader

Blog Archive

  • ►  2014 (14)
    • ►  May (7)
    • ►  February (6)
    • ►  January (1)
  • ►  2013 (39)
    • ►  December (9)
    • ►  November (12)
    • ►  May (6)
    • ►  April (6)
    • ►  February (6)
  • ►  2012 (76)
    • ►  December (3)
    • ►  November (6)
    • ►  January (67)
  • ▼  2011 (334)
    • ►  December (3)
    • ►  October (2)
    • ►  September (64)
    • ▼  August (121)
      • Belajar Dasar-Dasar Linux
      • Google Search For Hacking
      • Penyebab Email, Facebook, Twitter Kena Hack
      • Hallo sahabat semuanya ,, Disini saya akan mencoba...
      • Perbedaan PHP dan ASP
      • Tutorial Mengganti MAC Address
      • Cara Meningkatkan Keamanan Komputer
      • 10 Virus Terganas Di Dunia
      • Teknik SEO 2010
      • Membuat Form Order atau Contact Person di Blog
      • Pasang Widget Yahoo Messenger
      • Membuat Kotak Blogroll Marquee
      • Entri Populer Blogger ( New )
      • Membuat Menu Multi Kolom
      • Pasang jam di Blog
      • Membuat Slide Show Image
      • Cara Membuat Tab View
      • Memasang Tombol Facebook Like di Blogger
      • Cara Pasang Widget Alexa di Blog
      • Membuat menu D'tree / Windows Explorer
      • Cara Membuat Random Post Dinamis
      • How to track your blog visitors
      • Cara Mengganti Read More Dengan Gambar
      • Arti Tentang Pagerank Bagi Blog Kita
      • Cara Pasang Buku Tamu Di Blog
      • Cara Meletakkan Kode HTML di Posting Blog
      • Google Update Pagerank Lagi
      • Menyimpan Gambar Disitus Blog Sendiri Adalah SEO A...
      • Tips Membuat Mini FrontPage Cantik Di Joomla 1.5
      • Cara Instal Joomla Di Localhost Komputer ( Offline )
      • Download Driver Accer 4740 Dan Semua Type
      • Tips Cepat Mencari Driver Komputer Melalui Device ID
      • Setting IP Address Pada Mikrotik
      • Pengertian Mikrotik
      • PC CLONING dengan WINCONNECT
      • Cara lain Membersihkan Wajah dengan Photoshop
      • Cara Membuat Windows Xp Live USB
      • Cara Sharing Wireless Laptop Dan Komputer
      • Tutorial Cara InstaL Ulang Windows XP
      • Setting Share Internet Via Router
      • Cara Membagi Bandwidth Client Warnet Tanpa Software
      • Perbedaan Hub, Switch Dan Router
      • Tutorial Cara Menggunakan HJSplit Software
      • Cara Mengatasi Kotak Dialog LOG ON User Name Pada ...
      • Cara Merakit Komputer
      • Cara Membuat Lampu Keyboard Kayak Lampu Diskotik
      • Cara Mengubah Password Root Mysql
      • Cara Koneksi VB NET Dengan Sql Server 2000
      • Animasi Form Transparan Tutorial Delphi
      • Animasi Opacity Pada Form Tutorial Delphi
      • Fungsi Tombol Dasar Pada Delphi
      • Cara Koneksi Sql Dengan Visual Basic 6.0 Dan VB Net
      • Cara Membuat Koneksi Laporan Crystal Report, VB 6....
      • Enkripsi Dan Deskripsi Teks Visual Basic 6.0
      • Cara Backup Restore SQL Server 2000
      • Cara Mengganti Username Facebook
      • Kumpulan Kode Emoticon Buat Facebook
      • Cara Ngeflash Handphone Symbian
      • Kode Rahasia Handphone Terbaru
      • Jenis-jenis Baterai Handphone Dan Perawatannya
      • Permasalahan Pada Handphone Dan Penyelesaiannya
      • Cara Ampuh Membersihkan Virus Pada Handphone
      • Cara Setting Blackberry Baru Dan Fungsinya
      • 6 Cara Tips melacak Private Number HP
      • Cara menghilangkan Virus SMS Berulang-Ulang
      • Tips Menggunakan Handphone BlackBerry
      • Kode Rahasia Aplikasi HP Android Terbaru
      • Cara Menjebol Password MMC HP
      • Fasilitas Baru Bagi Pengguna Blackberry
      • Kata kata Romantis Terbaru 2011
      • Kata-kata Romantis Terbaru
      • Kata kata lucu terbaru 2011
      • Kata-kata Mutiara Terbaru 2011
      • KUMPULAN Kata Kata Romantis Sms Romantis Terbaru 2011
      • Pantun Agama
      • Pantun Romantis Terbaru
      • Kumpulan Pantun Lucu Dan Gokil Terbaru 2011
      • Riwayat Hidup Walisongo
      • Pinkan Pindah Agama Bukan Karena Guna-Guna
      • ‘Topi Ajaib’ Harapan Baru Pengidap Stroke
      • Toyota Diduga Penyebab 34 Kematian di AS
      • Awas! Film 3D Bikin Mata Tegang & Lelah
      • Wah, Batmobile Ternyata Rancangan 40 Tahun Lalu
      • Inilah Mobil Anti Tabrakan
      • Mobil Kendali Otomatis Pertama Google Tabrakan
      • 11 Wanita Cantik Dan Seksi Pendamping George Clooney
      • Di Ujung Bencana Nuklir
      • NASA Temukan 'Manusia Salju' di Asteroid
      • Awas, Sering Pakai Helm Ternyata Berbahaya
      • 5 Menu Praktis Untuk Sahur
      • 3 Penjahat Legendaris dari Indonesia
      • Recruit ID admin NS
      • Kode rahasia Nokia
      • Perbedaan Hacker & Cracker. Siapa yang baik, & Sia...
      • Asal Mula Sebutan HACKER
      • 10 Kerugian Akibat Kurang Tidur
      • Mencegah Masalah Kulit Bagi Si Pencinta Olahraga
      • Langkah-langkah Mudah Membersihkan Perhiasan di Rumah
      • Tiga Mitos Tentang Timbulnya Jerawat dan Kebenarannya
      • Inilah Isi Dalam Ka’bah
    • ►  July (4)
    • ►  June (25)
    • ►  May (115)

Download Toolbar Sharing Ilmu Pengetahuan

Get our toolbar!

Followers

About Me

Dwem
View my complete profile

© Sharing Ilmu Pengetahuan powered by Blogger.com.
All Right Reserved.