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