Menampilkan foto-foto atau gambar yang disertai tulisan tentunya menjadi sesuatu hal yang menarik untuk ditampilkan dalam blog. Bisa berupa gambar-gambar pribadi atau gambar-gambar lain yang berfungsi menunjukkan isi maupun identitas blog shingga blog akan kelihatan menjadi dinamis. Hal ini perlu sekali karena kebanyakan orang akan lebih kerasan menikmati kedalaman suatu blog karena kecantikan dan keindahannya. Dengan menggunakan tambahan sedikit Java script tentunya tidak akan mempengaruhi kecepatan loading blog kita. Terlebih flash ini sangat fleksibel untuk dilakukan modifikasi, baik warna bentuk teks dan ukurannya. terlalu banyak kata-kata tentunya tidak bijaksana, karena kata orang; "banyak bicara biasanya banyak bo'ongnya. Oke...,langsung saja ke sasaran yang tentunya secepatnya akan kita coba tampilkan di blog !
Urutan langkah pembuatan Flash Photo dan sekaligus Flash Banner :
1. Download javascript * di sini *. Anda upload lagi ke file-hosting anda untuk mendapatkan link javascriptnya.
2. Copy kode yang berwarna Kuning di bawah dan isikan link javascript hasil upload anda pada kode yang berwarna hijau.
Urutan langkah pembuatan Flash Photo dan sekaligus Flash Banner :
1. Download javascript * di sini *. Anda upload lagi ke file-hosting anda untuk mendapatkan link javascriptnya.
2. Copy kode yang berwarna Kuning di bawah dan isikan link javascript hasil upload anda pada kode yang berwarna hijau.
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/><script src='http://BGS/richhtmlticker.js' type='text/javascript'>
/*
* bloggerstars-har-bloggerstars.blogspot.com *
*/
</script>
<style type='text/css'>
.tickerstyle{width:218px; height:180px; border:1px solid black; background:lightyellow; padding:8px; overflow:hidden;}
.messagediv{display: none;background:lightyellow}</style>
3. Login ke Blogger --->KLIK Tata Letak ---> KLIK Edit HTML ---> cari kode ]]></b:skin> . Supaya lebih mudah gunakan Ctrl + F untuk mencari. Tulis kodenya kemudian KLIK tool pencarinya.
4. Letakan kode tersebut di bawah kode ]]></b:skin> sehingga hasilnya akan seperti susunan kode di atas. Posisi ]]></b:skin> ada di bawah </head> dan <body>.
5. KLIK SIMPAN/Save TEMPLATE, kemudian ikuti kembali langkah di bawah.
6. KLIK Elemen Laman ---> KLIK Tambah Gadget ---> KLIK Javascript/HTML.
Untuk penambahan gadget silahkan untuk diposisi yang menurut anda paling tepat.
7. Copy paste kode berikut dan tempatkan pada ruang Javascript/HTML ---> KLIK "SIMPAN".
4. Letakan kode tersebut di bawah kode ]]></b:skin> sehingga hasilnya akan seperti susunan kode di atas. Posisi ]]></b:skin> ada di bawah </head> dan <body>.
5. KLIK SIMPAN/Save TEMPLATE, kemudian ikuti kembali langkah di bawah.
6. KLIK Elemen Laman ---> KLIK Tambah Gadget ---> KLIK Javascript/HTML.
Untuk penambahan gadget silahkan untuk diposisi yang menurut anda paling tepat.
7. Copy paste kode berikut dan tempatkan pada ruang Javascript/HTML ---> KLIK "SIMPAN".
8. Buka blog anda untuk melihat hasilnya.
Kode-kode yang berwarna kuning silahkan anda ganti sesuai dengan apa yang ingin anda tampilkan. Bentuk dasar gambar dan teks yang akan ditampilakan pada dasarnya sebagai berikut :
<div class="messagediv">
<img src="URL gambar"/><b><a href="URL blog anda/link anda">nama blog/link</a></b><br />
teks yang akan di tampilkan
</div>
9. Modifikasi yang bisa dilakukan :
- Kode pertama : pada angka 218 (lebar), 180 (tinggi), background dan border.
- Kode kedua : pada angka 200 (lebar), 220 (tinggi), background, color, border dan font-weight.
- rotatespeed dan animateduration di javascript.
Selamat berkarya., hari yang indah senantiasa bersama anda !!!!
0 Response to 'Banner dan Photo Flash Serbaguna'
Posting Komentar