Cara Membuat Gambar bergerak Dibawah Header Blog

Cara membuat gambar slide dengan setting html ini mirip dengan gambar Flash yang dibuat dengan software flash...namun disini tak perlu menggunakan software tersebut...hanya sedikit utak-atik html saja sih...
untuk pemasangan nya adalah sebagai berikut:
- Login ke blogger.com
- Pilih template
- Kemudian pilih Edit html
- Jangan Lupa centang expand widget untuk tampilan html penuh..
- Selanjutnya cari kode </head> ,(gunakan F3 atau dengan Ctrl + F untuk memudahkan pencarian)
- Kemudian masukan code script yang ada dibawah dengan cara copy/paste diatas kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://mrmung.googlecode.com/files/coin-slider.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;#coin-slider&#39;).coinslider({ width: 950,height:144, navigation: false, delay: 5000 }); }); </script>

**> Keterangan : width:950,height:144 adalah ukuran lebar dan tinggi slideshow yang nantinya akan ditampilkan di blog. Tapi Untuk Ukuran ini Terserah masing-masing orang mau seberapa lebar header blog yang dimiliki.. ukuran kecilpun bisa misalkan kita mau memasangnya di sidebar....
Preview dulu agar yakin penempatannya sudah benar, kalau ada kesalahan penempatan scrip biasanya ada peringatan tertulis.. sobat tinggal klik clear edit aja supaya gak bingung menghapusnya.
Kalau Semua script sudah benar.. klik simpan template (save template)
Langkah selanjutnya
Setelah tersimpan.. kita masuk ke area Layout (tampilan)
Lalu Pilih Add a Gadget(tambahkan Gadget), kalau mau menempatkan di area header pilihlah add gadget di bawah header.
Selanjutnya Pilih HTML/Javascript

Copy/paste script dibawah ini di area HTML/javascript


<div id='coin-slider'>
<center>
<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISIKAN KETERANGAN GAMBAR DI SINI BROW
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISI KETERANGAN gambar DI SINI
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISI KETERANGAN gambar DI SINI
</span>
</a>

</center>
</div>

<div id='coin-slider'>
<center>
<a href=" URL LINK " target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
Hanya Mencoba untuk Coba Dibaca....
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR ANDA" />
<span>
ISI KETERANGAN GAMBAR DI SINI
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR ANDA" />
<span>
ISI KETERANGAN GAMBAR DI SINI
</span>
</a>

</center>
</div>

Semoga bermanfaat... dan coba dibaca dulu dari awal..

Related Posts:

  • Cara Mendaftar Chatbox Salam Blogger, kali ini saya akan menjelaskan tentang bagaimana cara untuk mendaftar Chatbox untuk selanjutnya kita pasang di blog kita sendiri. Tutorial seperti ini sudah banyak kita temukan pada blog - blog lainnya, namun… Read More
  • Cara Membuat Animasi Login Di Home Page Blog Update malam-malam  hehe, Dari pada bobo awal-awal mendingan buat postingan sapa tau bisa bermanfaat buat sobat blogger semua,kususnya yang baru belajar seperti saya ini.Kali ini saya akan membuat postingan tentang Mem… Read More
  • Cara Membuat Efek Lipatan Kertas Dipojok Kanan Atas Blog Selamat malam sahabat blogger, ketemu lagi dengan saya Karya Yukam yang baru belajar ngeblog, kali ini saya kembali akan mencoba membagikan tutorial tentang cara membuat efek lipatan kertas di Pojok Kanan blog anda. Bagaima… Read More
  • Tombol Share melayang di blog Tombol share melayang di Blog- Ini adalah sala satu pulgin yang digunakan oleh para blogger untuk bisa berbagi dengan cepat di media sosial. cara memasang tolbar share melayang ini cukup mudah. bagi pemula pun pasti sudah t… Read More
  • Cara Memasang Kamera Dipojok Atas Blog Membuat gambar kamera melayang seperti anda lihat di pojok kanan atas blog Teman-teman blogger, itu sangat mudah koq. Mau tau caranya? Agan" juga mau memasangnya di blog agan? oke saya kasih tau deh, dari pada nanti agan" p… Read More

4 ulasan: