Showing posts with label Tutorial. Show all posts
Cara Menambah Background Image Di Blog
Blog jalz-cassieast.blogspot.com atau blog yang sedang anda kunjungi ini.. jika kamu amati... gambarnya selalu berganti ganti.. bagaimana bisa ya ^_^
pertama Saya Copy paste script ringan agar body bisa secara acak memilih background" yang telah diberi value" terlebih dahulu..
Lalu bagaimana admin bisa mengganti atau menambah gambar??
Kamu harus memahami pengaruh gambar untuk blog tentu saja... dengan pilih" gambar dan memformat total tampilan agar menyesuaikan dengan background yang tersedia
Cara menambah gambar (Kamu sebagai admin)
1.Pergi ke Design~~>lalu Elemen Laman
[jika kamu menggunakan template baru... maka langsung di tata letak]
Baca [Mengubah template lama ke template baru]
2. Pergi menuju script tersebut tersimpan.. jika saya menyimpanya di sidebar khusus...dibawah footer ~>
3.Edit Script Tersebut...
Maka Akan terlihat tampilan pengeditan
<script type='text/javascript'>
var bg = [
"http://a8.sphotos.ak.fbcdn.net/hphotos-ak-prn1/541250_333812280021785_1255343265_n.jpg",
"http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash3/528383_458611784168716_2073534726_n.jpg",
"http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/539375_458607984169096_363296720_n.jpg",
"http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc7/582596_458601794169715_1287936936_n.jpg",
"http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash3/178938_452393958123832_306101128_n.jpg",
"http://a6.sphotos.ak.fbcdn.net/hphotos-ak-prn1/554139_458196794210215_1561305808_n.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYYW4TWu_yTqXMellCd3LYuyXX8daSCvthVbzpSA27nIj0D7WsmebVge4INZRS3B1InpX3hMY1bPV09r1YoLrbDUFETxLz_pMWCBAkfqK_aR2nqHFVxo7DrZz40Q1i6_LbklsmM_BRL0/s800/DBSK%2520Doushite.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitd4JGaAzo1MHWy2VmVrzUTZZ_TN_362SmI6e6IxSQoVMj1w3PmATEUwdv94A3pUX7kINLl5gPO3FtKz4Sb4g4uCxd58IE48Lt-80JiEPVUPbKX0b7mle01l-qjjhN4oEFKZ5mlS7VK_G6/s1600/red+ocean-1.jpg",
"http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/575018_458205180876043_564645691_n.jpg"
];
function gantiBg(){
var bgLeng = bg.length-1;
var i = Math.floor(Math.random()*bgLeng);
document.body.style.backgroundImage='url('+bg[i]+')';
}
gantiBg();
</script>
Dari Script diatas..
jika ingin menambah maka
silahkan ganti warna merah dan tambahkan dalam script diatas.. javascript ingin terhitung ringan dan bisa sebagai variasi blog anda.. agar visitor tidak bosan tentunya...
pertama Saya Copy paste script ringan agar body bisa secara acak memilih background" yang telah diberi value" terlebih dahulu..
Lalu bagaimana admin bisa mengganti atau menambah gambar??
Kamu harus memahami pengaruh gambar untuk blog tentu saja... dengan pilih" gambar dan memformat total tampilan agar menyesuaikan dengan background yang tersedia
Cara menambah gambar (Kamu sebagai admin)
1.Pergi ke Design~~>lalu Elemen Laman
[jika kamu menggunakan template baru... maka langsung di tata letak]
Baca [Mengubah template lama ke template baru]
Maka Akan terlihat tampilan pengeditan
<script type='text/javascript'>
var bg = [
"http://a8.sphotos.ak.fbcdn.net/hphotos-ak-prn1/541250_333812280021785_1255343265_n.jpg",
"http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash3/528383_458611784168716_2073534726_n.jpg",
"http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/539375_458607984169096_363296720_n.jpg",
"http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc7/582596_458601794169715_1287936936_n.jpg",
"http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash3/178938_452393958123832_306101128_n.jpg",
"http://a6.sphotos.ak.fbcdn.net/hphotos-ak-prn1/554139_458196794210215_1561305808_n.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYYW4TWu_yTqXMellCd3LYuyXX8daSCvthVbzpSA27nIj0D7WsmebVge4INZRS3B1InpX3hMY1bPV09r1YoLrbDUFETxLz_pMWCBAkfqK_aR2nqHFVxo7DrZz40Q1i6_LbklsmM_BRL0/s800/DBSK%2520Doushite.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitd4JGaAzo1MHWy2VmVrzUTZZ_TN_362SmI6e6IxSQoVMj1w3PmATEUwdv94A3pUX7kINLl5gPO3FtKz4Sb4g4uCxd58IE48Lt-80JiEPVUPbKX0b7mle01l-qjjhN4oEFKZ5mlS7VK_G6/s1600/red+ocean-1.jpg",
"http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/575018_458205180876043_564645691_n.jpg"
];
function gantiBg(){
var bgLeng = bg.length-1;
var i = Math.floor(Math.random()*bgLeng);
document.body.style.backgroundImage='url('+bg[i]+')';
}
gantiBg();
</script>
Dari Script diatas..
Warna Merah :Url gambar yang akan dijadikan background random
Warna Kuning:sebagai penutup atau istilahnya solidasi dari url tersebut...jika url tidak ditemukan maka background berwarna "PUTIH" atau Blank
jika ingin menambah maka
"http://a8.sphotos.ak.fbcdn.net/hphotos-ak-prn1/541250_333812280021785_1255343265_n.jpg",
silahkan ganti warna merah dan tambahkan dalam script diatas.. javascript ingin terhitung ringan dan bisa sebagai variasi blog anda.. agar visitor tidak bosan tentunya...
Membuat Text Variatif di Blog
Image by Cool Text: Free Graphics Generator - Edit Image
Ingin Text anda seperti diatas??
Kunjungi Cooltext.com
pilih jenis gaya yang kamu mau...
Atur Sesukamu ^_^
Selamat mencoba ~>
Neon Text Effect di Blog
SELAMAT DATANG DI BLOG WILLYALVABETZ
Caranya~~~>
BlokmText diatas.. lalu klik kanan.. pilih (View Selection Source)
yang ingin membuat text seperti diatas.~~>ikut caranya dengan baik ^_^
Caranya~~~>
BlokmText diatas.. lalu klik kanan.. pilih (View Selection Source)
yang ingin membuat text seperti diatas.~~>ikut caranya dengan baik ^_^
Tag :
Tutorial
