Cara Buat Background dan Kotak Iklan

Untuk membuat background dan kotak iklan ganti - ganti gambar, cara dan petunjuk ada di bawah ini. sobat bisa langsung copy dan paste di blog sobat. 
Semoga dapat membantu dan bermanfaat. 
Langkahnya sbb : 
1 .Masuk ke Template, kemudian Pilih Edit HTML. 

2. yang baru tidak pakai centang lagi 
3. Untuk mencari kodenya sobat gunakan control+F.
4. Cari kode   body{
5. Nah, disana terdapat kode background (harap teliti, karena tidak semua template mempunyai kode yang sama)

Contoh : 
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
5. Kemudian, untuk mengganti Backgroundnya, misal kita akan menggunakan gambar ini. ( Ganti URL gambar dibawah ini dengan URL gambar sesuai keinginan sobat ).
 http://i1149.photobucket.com/albums/o589/rieztoshare/avenged_sevenfold_nightmare-1280x720.jpg

6. Maka cukup menambahkan :  

url(http://i1149.photobucket.com/albums/o589/rieztoshare/avenged_sevenfold_nightmare-1280x720.jpg) repeat-x;

7. Maka hasilnya sebagai berikut. 

body{ background:#ded8c0; url(http://i1149.photobucket.com/albums/o589/rieztoshare/avenged_sevenfold_nightmare-1280x720.jpg) repeat-x;color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em; 

8. Save dan sudah selesai


Cara Membuat Background Tidak Dapat Bergerak Saat di Scroll
Caranya sbb :
1. Login Blogger sobat.
2. Silakan sobat Masuk ke Template.
3. Kemudian Pilih Edit HTML.
4. Lalu klik saja, Lanjutkan. Kemudian jangan lupa untuk mencentang "Expand Template Widget".
5. Lalu cari kode sebagai berikut.

body {
text-align: center;
background: #ffffff url(http://url gambar anda);
Comic Sans MS,arial,trebuchet ms,verdana,sans-serif;

6. Kemudian tambahkan kode background-attachment: fixed; Setelah kode Background.
maka akan menjadi seperti ini :
  
body {
text-align: center;
background: #ffffff url(http://url gambar anda);
background-attachment: fixed;
Comic Sans MS,arial,trebuchet ms,verdana,sans-serif;
}

7. Yang terakhir, sobat simpan dan silakan lihat hasilnya...


CARA BUAT KOTAK IKLAN GANTI2 GAMBAR
Langkahnya sama dengan yang diatas
Copy kode dibawah ini dan paste di HTML java script sobat

<script type="text/javascript">
var imgs1 = new Array("link gambar iklan-1","link gambar iklan-2","link gambar iklan-3","link gambar iklan-4");
var lnks1 = new Array("link iklan-1","link iklan-2","link iklan-3","link iklan-4");
var alt1 = new Array("tex iklan-1","tex iklan-2","tex iklan-3","tex iklan-4");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1=document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",10000);
</script>
<a href=""link iklan-1"" id="adLink1" target="_blank">
<img src="link gambar iklan-1" id="adBanner1" border="0" width="468" height="60" /></a>

Catatan penting: diatas adalah kode banner yang berjumlah 4(empat buah) perhatikan kode kode berwarna jangan sampai tertukar penempatan linknya..!!
jangan lupa pula untuk mengubah jumlah banyaknya gambar pada var imgCt1 = 4; apa bila menambah atau mengurangi banner untuk yang paling bawah masukan 1 link banner saja yaitu link iklan-1 dan link bannernya ukuran banner dapat di ubah di width="468" height="60" , kalau sudah selesai silahkan save dan lihat hasilnya, semoga bermanfaat untuk kita semua yah..
Untuk warna hijau dan bertuliskan window.setInterval("cycle1()",10000); adalah kecepatan pergantian gambar baner atau iklan anda . ganti (10000 dengan angka sesai kecepatan yang anda inginkan) kalai saya memakai 2000-3000 gak terlalu cepat atau lambat.

Selesai dan salam sukses selalu....


Judul: Cara Buat Background dan Kotak Iklan
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Arivo SE
Semoga Cara Buat Background dan Kotak Iklan bermanfaat bagi sobat semua.

Tidak ada komentar:

Posting Komentar

 
.