- Home>
- Codes , Tips & Trick Blogger >
- Cara Membuat dan Macam Jenis Efek Hujan Love di Blogger Part 1
Posted by : ANS-Home
Jun 6, 2013
Cara membuat hujan love berjatuhan diblog ,jenis, dan macamnya.
SELAMAT DATANG DI -LAVIXTA STAR~BLOG-
Hi sobat-sobat ku dimanapun anda berada.
Berjumpa lagi di Lavixta Star Blog, blog sederhana saya.
Kali ini saya akan mengshare satu tips yang sangat membantu yaitu "Cara Membuat dan Macam Jenis Efek Hujan Love di Blogger Part 1".
Tips yang satu ini sangat membantu kita untuk mempercantik blog kita, terutama bagi admin yang perempuan. Hujan love, maksudnya adalah efek yang satu ini akan memunculkan banyak image/gambar love yang berdatangan dari bagian atas blog, sehingga kalau dilihat seperti hujan yang terbuat dari image/gambar love.
Dalam efek yang satu ini, saya tidak hanya memberikan satu gambar/image/style saja, melainkan 3 PART, yang setiap part memiliki 9 jenis warna. Jadi kalau dikalikan, saya memberikan style/gambar/imagenya sebanyak 21 buah. WOW.. hahaha..
Penasaran? Berikut ulasannya untuk anda.
Other Style :
Kali ini saya akan mengshare satu tips yang sangat membantu yaitu "Cara Membuat dan Macam Jenis Efek Hujan Love di Blogger Part 1".
Tips yang satu ini sangat membantu kita untuk mempercantik blog kita, terutama bagi admin yang perempuan. Hujan love, maksudnya adalah efek yang satu ini akan memunculkan banyak image/gambar love yang berdatangan dari bagian atas blog, sehingga kalau dilihat seperti hujan yang terbuat dari image/gambar love.
Dalam efek yang satu ini, saya tidak hanya memberikan satu gambar/image/style saja, melainkan 3 PART, yang setiap part memiliki 9 jenis warna. Jadi kalau dikalikan, saya memberikan style/gambar/imagenya sebanyak 21 buah. WOW.. hahaha..
Penasaran? Berikut ulasannya untuk anda.
Other Style :
- Cara Membuat dan Macam Jenis Efek Hujan Love di Blogger Part 1
- Cara Membuat dan Macam Jenis Efek Hujan Love di Blogger Part 2
- Cara Membuat dan Macam Jenis Efek Hujan Love di Blogger Part 3
Feature
screenshot & Demo
- Mempercantik blog
- Berwarna merah.
requirements
- Koneksi yang lancar
- Internet Browser yang memadai
- Berpengalaman dalam mengedit HTML/CSS atau sejenisnya
- Sediakan minuman segar dan cemilan ringan untuk merilekskan pikiran
Maaf, screen shot hanya saya sediakan satu, agar tidak memperberat loadingnya. Untuk screen shot yang lainnya silahkan lihat sendiri di halaman demonya. Untuk demo, silahkan diklik dimasing-masing style.
sTep/Langkah-langkah
Cara 1 :
- Loggin di blogger.com
- Tentukan blog yang akan dimodifikasi
- Dari Dasbor, pilih "Tata Letak"
- Pastikan terlebih dahulu dimana widget akan ditampilkan.
- Jika sudah, klik "Tambah Gadget"
- Pilih "HTML/JavaScript"
Lihat gambar untuk lebih jelas :
Gambar 1 : Pilihan menu "Tata Letak" pada dasbor |
Gambar 2 : Pilihan "Tambah Gadget" pada halaman Tata Letak |
Gambar 3 : Pilihan "HTML/JavaScript" pada halaman Tambah Gadget, klik kotak biru tsb untuk menambah Widget/Gadget baru. |
- Copy dan letakkan codenya pada kotak kontennya
- Lalu klik "Simpan" untuk menyimpan gadget yang telah dibuat.
- Jika sudah, silahkan sobat lihat blog sobat. Lihat perbedaan apa yang terjadi pada blog sobat. Pastinya blog sobat terlihat lebih cantik dan indah dari sebelumnya donk..
Cara 2 :
- Loggin di blogger.com.
- Tentukan blog yang akan dimodifikasi.
- Dari Dasbor, pilih "Template".
- Klik "Edit HTML".
- Lalu cari kode </body> ( Gunakan F3 atau CTRL+F untuk mempermudah pencarian).
Lihat gambar untuk lebih jelas :
►View Demo
►View Demo
►View Demo
►View Demo
►View Demo
►View Demo
►View Demo
►View Demo
►View Demo
Gambar 1 : Pilihan menu "Template" pada dasbor. |
Gambar 2 : Pilihan menu "Edit HTML" pada halaman Template. |
Gambar 3 : Tampilan search box/input pada halaman "Edit HTML". |
Gambar 4 : Tampilan code "</body>" yang telah berhasil ditemukan/cari. |
- Copy dan letakkan codenya diatas/sebelum code </body>
- Lalu simpan/save template sobat.
- Jika sudah, silahkan sobat lihat blog sobat. Lihat perbedaan apa yang terjadi pada blog sobat. Pastinya blog sobat terlihat lebih cantik dan indah dari sebelumnya donk..
Love I - 01
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-1.js'></script>
Love I - 02
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-2.js'></script>
Love I - 03
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-3.js'></script>
Love I - 04
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-4.js'></script>
Love I - 05
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-5.js'></script>
Love I - 06
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-6.js'></script>
Love I - 07
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-7.js'></script>
Love I - 08
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-8.js'></script>
Love I - 09
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Love-I-9.js'></script>
JIKA SOBAT MENGGUNAKAN CARA 1 DAN HASILNYA KURANG MEMUASKAN, MAKA COBALAH DENGAN CARA 2. DIJAMIN BERHASIL!
Urutan warnanya adalah sebagai berikut :
Merah - Orange - Kuning - Hijau - Biru Muda - Biru - Pink - Hitam - Putih
Kerusakan Template atau teknis lainnya tidak menjadi tanggung jawab Lavixta Star ~ Blog's. Berikan komentar sobat jika ada yang tidak jelas dan kesan serta pesan anda.
Sekian dulu pemberitahuan dari
saya..
See you in my next pages..
Bye gan..!!
*jangan lupa komentarnya ya gan.. :D
See you in my next pages..
Bye gan..!!
*jangan lupa komentarnya ya gan.. :D
{ 16 comments... read them below or Comment }
Peraturan yang harus diikuti ketika membuat komentar :
1. Tidak Membuat Link Aktif
2. Tidak SPAM
3. Menggunakan Bahasa Yang Sopan
4. Tidak Berhubungan Dengan SARA, Seks, dan Judi
Selamat Berkomentar..
Terima Kasih Atas Kerjasamanya.. ^_^
Show Konversi KodeHide Konversi Kode Show Emoticon Hide Emoticon
1. Tidak Membuat Link Aktif
2. Tidak SPAM
3. Menggunakan Bahasa Yang Sopan
4. Tidak Berhubungan Dengan SARA, Seks, dan Judi
Selamat Berkomentar..
Terima Kasih Atas Kerjasamanya.. ^_^
Show Konversi KodeHide Konversi Kode Show Emoticon Hide Emoticon
Subscribe to:
Post Comments (Atom)
kereennn sob,,,
ReplyDelete@haryhehehe, makasih sob.. :p
ReplyDeletekeren sob.... banyak pilihannya.... :)
ReplyDeletekoneksi gak mendukung ;-(
ReplyDeletethanks gan infonya..
ReplyDeletehttp://www.rajalistrik.com
makasih buat artikelnya..
ReplyDeletekeren abiz, ntar di praktekin dech..:-d
ReplyDeleteRomantic :D sip sip sip.
ReplyDeletemampir juga www.dadanghidayat28.blogspot.com
waduh bingung -_-
ReplyDeletebingungnya dimana?
Deletecoba di baca-baca lagi tutorialnya..
:)
Ini nih yang saya carii sob ...
ReplyDeletesalam kenal ...
follow blog saya ya
http://infoejaman.blogspot.com
salam kenal jga bray.. :)
Deleteinyong komplain, :D
ReplyDeletekoq love'a ga bergerak sih gan??
Javascript di browsernya sudah active atau belum bray?
Deletethanks :)
ReplyDeleteterimakasih kembali.. :)
Delete