- Home>
- Codes , Tips & Trick Blogger >
- Cara Membuat Efek Hujan Flower - Bunga di Blogger Part 5
Posted by : ANS-Home
Jul 9, 2014
Hai hai, sobat blogger!
Hari ini saya bagi-bagi tips lagi nih untuk blog sobat.
Tips ini lanjutan dari artikel sebelumnya, yang membahas tentang Efek Hujan Flower-Bunga.
Tapi yang satu ini sangat berbeda gan, karena ini adalah bagian (part) yang paling "spesial" untuk sobat semua!
Spesial? Apanya yang spesial?
Nah, untuk mengetahuinya, silahkan ulas pembahasan berikut ini.
Other Style :
- Cara Membuat Efek Hujan Flower - Bunga di Blogger Part 1
- Cara Membuat Efek Hujan Flower - Bunga di Blogger Part 2
- Cara Membuat Efek Hujan Flower - Bunga di Blogger Part 3
- Cara Membuat Efek Hujan Flower - Bunga di Blogger Part 4
- Cara Membuat Efek Hujan Flower - Bunga di Blogger Part 5

- Mempercantik blog
- Memiliki 17 warna yang berbeda
- Merupakan gambar bunga asli (real flower)

- Koneksi yang lancar
- Internet Browser yang memadai
- Berpengalaman dalam mengedit HTML/CSS atau sejenisnya
- Sediakan minuman segar dan cemilan ringan untuk merilekskan pikiran


- 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 :
>
![]() |
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..
Flower V - 01
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-1.js'></script>
Flower V - 02
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-2.js'></script>
Flower V - 03
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-3.js'></script>
Flower V - 04
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-4.js'></script>
Flower V - 05
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-5.js'></script>
Flower V - 06
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-6.js'></script>
Flower V - 07
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-7.js'></script>
Flower V - 08
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-8.js'></script>
Flower V - 09
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-9.js'></script>
Flower V - 10
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-10.js'></script>
Flower V - 11
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-11.js'></script>
Flower V - 12
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-12.js'></script>
Flower V - 13
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-13.js'></script>
Flower V - 14
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-14.js'></script>
Flower V - 15
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-15.js'></script>
Flower V - 16
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-16.js'></script>
Flower V - 17
Code
<script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-V-17.js'></script>
Bagaimana sobat? Cantik-cantik, bukan?
JIKA SOBAT MENGGUNAKAN CARA 1 DAN HASILNYA KURANG MEMUASKAN, MAKA COBALAH DENGAN CARA 2. DIJAMIN BERHASIL!
Kerusakan Template atau teknis lainnya tidak menjadi tanggung jawab ANS Home ~ 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
{ 1 comments... read them below or add one }
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)
Nice Article for sharing, Please Visit Our Blog
ReplyDeleteMasirwin.com
pepeling.info
marudiyafu.com
gulalilaily.com
jagatmaheswari.com