Followers

Powered by Blogger.

  • Cara Membuat Efek Hujan Flower - Bunga di Blogger Part 3

    Posted by : ANS-Home Jul 3, 2014

    Salam sobat blogger!
    Mumpung lagi libur nih, saya mau berbagi tips untuk blog sobat semua.

    Posting ini adalah lanjutan dari posting yang sebelumnya yang membahas tentang Hujan Flower/Bunga. Tentu kita semua ingin blog kita terlihat indah dengan pernak-pernik yang menawan, nah, tips ini salah satu solusinya.

    Tentu kita sudah tahu bukan, apa itu yang dikatakan "Efek Hujan" pada blog? Untuk sobat blogger yang belum paham, saya coba beri penjelasan sedikit. Efek Hujan artinya adalah adanya benda-benda yang berjatuhan dari bagian atas blog kita, kalau judulnya ditambah menjadi Efek Hujan Flower/Bunga, ya artinya benda-benda itu adalah bunga. Bagaimana sobat? Bisa dipahami, kan?

    Baiklah, mari kita ke inti pembahasannya.


    Feature
    • Mempercantik blog
    • Memiliki 9 warna yang berbeda
    • Perbedaan Part 2 dengan Part 3 : 


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

    screenshot & Demo
    Maaf, screen shot hanya saya sediakan tiga, 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 :
    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 III - 01
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-1.js'></script>


    Flower III - 02
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-2.js'></script>


    Flower III - 03
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-3.js'></script>


    Flower III - 04
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-4.js'></script>


    Flower III - 05
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-5.js'></script>


    Flower III - 06
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-6.js'></script>


    Flower III - 07
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-7.js'></script>


    Flower III - 08
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-8.js'></script>


    Flower III - 09
    ►View Demo


    Code
    <script src='https://sites.google.com/site/codelavixtastar/home/LV-Flower-III-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

    Terima Kasih atas kunjungannya DI -LAVIXTA STAR~BLOG- God BleSs U.


    Tag :

    { 4 comments... read them below or Comment }

    1. Dea AmaliaFebruary 13, 2015 at 10:51 AM

      Terimakasih infonya :D,blognya bagus,cuman kurang kembangan

      ReplyDelete
    2. chandraJuly 29, 2015 at 6:34 PM

      informasinya sangat bermanfaat gan
      mantap deh pokok'a....!!
      sukses slalu ea gan...!!

      ReplyDelete

    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

    • Subscribe to: Post Comments (Atom)

    Copyright © 2013 - Nisekoi - All Right Reserved

    ANS Home Powered by Blogger - Designed by Ariel Nicho Sirait