Kamis, 29 November 2012

Kepoin Header Blogmu

Oke, in toturial pertamaku, jadi mungkin susah dimengerti, but just do it. kali ini saya akan menjelaskan cara memasang slide ke headermu, hehe kedengarannya keren wkwk. banyak orang ingin blognya tampak indah tpi ga repot, mungkin ini salah satu solusi kalian, bener ga??? well let's start



1. Untuk buat headermu bergerak, caranya gampang hal pertama yang kamu lakukan adalah mengkopi script ini

<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: 930,height:390, navigation: false, delay: 5000 }); }); </script>

2. Kalo udah, buka blogger, buka templatemu pilih edit html.


3. Kalo udah, centangin Expand Template Widget. Cari </head>. ga dpet?? cara nya pake CTRL + F buat find kode </head>.


4. Paste Script tdi dibawa </head>. Width itu lebarnya, Height itu panjangnya


5. Kalo udah pilih simpan template, trus buka tata letak / Layout pilih tambahkan gadget bawah header. kalo ga bs silahkan geser kebawah pagenya.


6. kalo udah pilih Html/Java script, kalo udah ntar kebuka yk gni.


7. Copy script ini, isi sesuai yang kmu punya, tpi kmu hrus mengupload upload lewat Photobucket atau photo Facebook, paste URL gambarmu sesuai tempat yang saya tandai. url imagemu berbeda dengan url website tempat imagemu berada.


<div id='coin-slider'>
<center>

<a href="LINK WIBSITE">
<img src="LINK FOTO" />
<span>
KETIK DESKRIPSI FOTO
</span>
</a>

<a href="LINK WIBSITE">
<img src="LINK FOTO" />
<span>
KETIK DESKRIPSI FOTO
</span>
</a>

</center>
</div>


8. pilih simpan, simpan template Lihat apa yang terjadi pada Blogmu. Jumlah gambar sesuai dengan banyaknya script yang kmu masukan.

Kalo kurang jelas bisa kepoin 4shared

Selamat Mencoba, Semoga Bermanfaat (Keep Kepo!!!!!!!)

*NB = Maaf Masih kurang baik dalam pemilihan kata, maklum blogger copo hehe*





2 komentar: