Contact us

Gmail Facebook Twitter

CARI

ABOUT

Me

Sabtu, 11 Mei 2013

Cara Memasang Slide Profil di Blog

Post a comment
Cara Termudah Membuat Slide Profil di Blog.
Panduan blogger untuk blogger pemula.Panduan blogger yang akan menjelaskan, membahas serta membantu sobat blogger semua yang khususnya masih dibilang awam atau masih pemula dalam dunia blog tentang "Mudahnya Membuat Slide Profil di Blog". Sebelumnya, fungsi slide Profil sendiri adalah untuk menambah tampilan blog supaya lebih "kelihatan" profesional dan membuat tampilan blog semakin lebih cantik. Banyak yang sekali dari teman-teman blogger yang di dalam blognya dipasang feature slide Profil. Kebanyakan dari mereka memanfaatkan feature slide Profil ini untuk kepentingan Bisnis (dalam hal ini dipakai untuk area iklan).


Memang slide Profil ini banyak sekali kegunaannya. Namun untuk bisa membuat sebuah slide Profil di blog,menurut tutorial yang banyak beredar bisa dibilang  kadang berhasil dan kadang juga gagal dan terkadang "ribet" dalam proses pembuatannya. Dan dalam panduan blogger ini,sebuah panduan untuk membantu sobat blogger dalam pembuatan slide Profil di blog terbilang lebih mudah daripada tutorial yang banyak beredar. Selain itu,perbedaan slide Profil ini adalah feature slide Profil akan muncul pada setiap halaman blog. Perlu sobat ketahui,biasanya widget slide Profil yang banyak beredar serta tutorialnya hanya akan muncul pada halaman depan (Home) saja. Dan dalam pembuatannya, feature slide Profil yang ini tidaklah perlu "mengotak-atik HTML"artinya sobat blogger tak perlu dipusingkan dengan harus mengedit HTML terlebih dulu.

Dan untuk membuatnya,silahkan ikuti langkah-langkah seperti berikut ini :

1. Login ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih opsi HTML/Java Script
5. Copy dan Paste-kan kode di bawah ini ke dalamnya





<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: 150px;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<a href='LINK KLIK'><img alt="Slide Profil 1" src="LINK GAMBAR" title="JUDUL" /></a>
<a href='LINK KLIK'><img alt="Slide Profil 2" src="LINK GAMBAR" title="JUDUL" /></a>
<a href='LINK KLIK'><img alt="Slide Profil 3" src="LINK GAMBAR" title="JUDUL" /></a>
<a href='LINK KLIK'><img alt="Slide Profil 4" src="LINK GAMBAR" title="JUDUL" /></a>
</div>

Posting Komentar

free counters