• Cara Membuat dan Macam Jenis Efek Hujan Love di Blogger Part 1

    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 :

    Feature
    • 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
      screenshot & Demo

      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 :
      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
      View Demo


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


      Love I - 02
      View Demo


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


      Love I - 03
      View Demo


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


      Love I - 04
      View Demo


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


      Love I - 05
      View Demo


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


      Love I - 06
      View Demo


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


      Love I - 07
      View Demo


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


      Love I - 08
      View Demo


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


      Love I - 09
      View Demo


      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

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

      16 comments

      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

    • Cara Membuat Widget Recent Comment Dengan Avatar Berputar/Spining Style 2

      Cara Membuat Widget Komentar Terbaru Dengan Avatar Berputar Keren Indah SEO terbaru Oke Punya
      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 Widget Recent Comment Dengan Avatar Berputar/Spining".

      Kalau diposting saya sebelumnya saya sudah menjelaskan betapa pentingnya widget Recent Comment ini dengan versi Style 1, maka kali ini saya akan mengshare yang Style 2 nya.

      Penasaran? Berikut ulasannya untuk anda.

      Feature
      • Membantu pengunjung untuk mengetahui posting/artikel yang baru dikomentari.
      • Membantu blog agar lebih Full Content
      • Memungkinkan Alexa blog semakin menurun.
      • Memungkinkan jumlah visitor/penunjung bertambah
      • Widget Recent Comment ini dilengkapi Efek :
      1. Round Image
      2. Dinamic Color and Style
      3. Spining Image Hover, etc.
        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

        Screen Shot General Mode
        Screen Shot Hover Mode

        View Demo


        • 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 kode dibawah ini pada kotak kontennya

         <style type="text/css">
        ul.lavixta_recent_comments{list-style:none;margin:0;padding:0;}
        .lavixta_recent_comments li{background:#eee;margin:5px 0 0 !important;padding:5px 0 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
        .lavixta_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;
        border-radius:999px;
        -moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out; background:#ddd;}
        .lavixta_recent_comments li .avatarImage:hover{
        -o-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg);
        border-radius:1px;}
        .lavixta_recent_comments li img{padding:0;position:relative;overflow:hidden;display:block;background:#ddd;}
        .lavixta_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;border-bottom:1px dotted grey;padding-bottom:8px;background:#ddd;}
        </style>
        <script type="text/javascript">
        //<![CDATA[
            // Recent Comments Settings
            var
        numComments  = 5,
        showAvatar  = true,
        avatarSize  = 50,
        characters  = 60,
        defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
        hideCredits = true;
        //]]>
        </script>
        <script type="text/javascript" src="https://lavixtastar-code.googlecode.com/files/LavixtaStar%20Spining%20Recent%20Comments.js"></script>
        <script type="text/javascript" src="http://ans-home.blogspot.com/feeds/comments/default?alt=json&callback=lavixta_recent_comments&max-results=9999"></script>

        • numComments  = 5 → untuk menentukan jumlah komentar yang ditampilkan, sobat bisa mengganti angka 5 dengan sesuka sobat. Untuk hal ini saya sarankan maximal 7 saja, agar widgetnya tidak terlalu tinggi/panjang.
        • avatarSize  = 50 → untuk menentukan ukuran gambar avatar, sobat bisa mengganti angka 50 dengan sesuka sobat. Untuk hasil yang sempurna, code ini tidak perlu diubah.
        • characters  = 60 → untuk menentukan jumlah karakter yang akan ditampilkan pada setiap komentar, sobat bisa mengubah angka 60 dengan sesuka sobat. Saya sarankan maximal 100.
        • ans-home.blogspot.com → untuk menentukan blog/web mana yang akan ditampilkan komentar terbarunya, sobat bisa mengganti ans-home.blogspot.com dengan URL/Alamat blog/web sobat.

        • Selanjutnya, klik "Simpan" untuk menyimpan widget/gadget yang sudah dibuat.
        • Coba, lihat blog sobat, jika widgetnya sudah muncul, berarti misi sudah selesai.. ^_^



        Kerusakan Template atau teknis lainnya tidak menjadi tanggung jawab Lavixta Star ~ Blog's. Silahkan berkomentar jika widgetnya berjalan dengan baik maupun jika widgetnya bermasalah.






        Sekian dulu pemberitahuan dari saya..
        See you in my next pages..
        Bye gan..!!


        *jangan lupa komentarnya ya gan.. :D

        Terima Kasih atas kunjungannya DI -ANS Home- God Blees U.

        7 comments

        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

      • Cara Membuat Widget Recent Comment Dengan Avatar Berputar/Spining Style 1

        Cara Membuat Widget Komentar Terbaru Dengan Avatar Berputar Keren Indah SEO terbaru Oke Punya
        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 Widget Recent Comment Dengan Avatar Berputar/Spining".

        Widget Recent Comment atau Komentar Terbaru(Ind) adalah salah satu widget yang dibutuhkan para admin-admin blog untuk mengetahui siapa saja yang baru berkomentar diblognya beberapa saat yang lalu. Widget ini diakui sebagai widget pembangun Blog User Friendly, yang artinya blog yang menggunakan widget ini akan lebih mudah digunakan karena widget ini menjadikan blog kita menuju Full Content.
        Dengan adanya widget Recent Comment/Komentar Terbaru ini maka lebih memudahkan kita untuk melihat-lihat artikel/posting mana yang baru saja dikomentari oleh para visitors/pengunjung blog tersebut.
        Widget ini sudah saya modifikasi sedemikian rupa, sehingga widget ini tidak mencolok dengan kata lain sangat elegant dan dinamis.

        Penasaran? Berikut ulasannya untuk anda.

        Feature
        • Membantu pengunjung untuk mengetahui posting/artikel yang baru dikomentari.
        • Membantu blog agar lebih Full Content
        • Memungkinkan Alexa blog semakin menurun.
        • Memungkinkan jumlah visitor/penunjung bertambah
        • Widget Recent Comment ini dilengkapi Efek :
        1. Round Image
        2. Dinamic Color and Style
        3. Spining Image Hover, etc.
          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

          Screen Shot General Mode
          Screen Shot Hover Mode

          View Demo


          • 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 kode dibawah ini pada kotak kontennya

          Code
          <style type="text/css">
          ul.lavixta_recent_comments{list-style:none;margin:0;padding:0;}
          .lavixta_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
          .lavixta_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;
          border-radius:999px;
          -moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
          .lavixta_recent_comments li .avatarImage:hover{
          -o-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg);
          border-radius:1px;
          }
          .lavixta_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
          .lavixta_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
          </style>
          <script type="text/javascript">
          //<![CDATA[
              // Recent Comments Settings
              var
          numComments  = 5,
          showAvatar  = true,
          avatarSize  = 50,
          characters  = 60,
          defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
          hideCredits = true;
          //]]>
          </script>
          <script type="text/javascript" src="https://lavixtastar-code.googlecode.com/files/LavixtaStar%20Spining%20Recent%20Comments.js"></script>
          <script type="text/javascript" src="http://lavixtastar.blogspot.com/feeds/comments/default?alt=json&callback=lavixta_recent_comments&max-results=9999"></script>

          • numComments  = 5 → untuk menentukan jumlah komentar yang ditampilkan, sobat bisa mengganti angka 5 dengan sesuka sobat. Untuk hal ini saya sarankan maximal 7 saja, agar widgetnya tidak terlalu tinggi/panjang.
          • avatarSize  = 50 → untuk menentukan ukuran gambar avatar, sobat bisa mengganti angka 50 dengan sesuka sobat. Untuk hasil yang sempurna, code ini tidak perlu diubah.
          • characters  = 60 → untuk menentukan jumlah karakter yang akan ditampilkan pada setiap komentar, sobat bisa mengubah angka 60 dengan sesuka sobat. Saya sarankan maximal 100.
          • lavixtastar.blogspot.com → untuk menentukan blog/web mana yang akan ditampilkan komentar terbarunya, sobat bisa mengganti lavixtastar.blogspot.com dengan URL/Alamat blog/web sobat.

          • Selanjutnya, klik "Simpan" untuk menyimpan widget/gadget yang sudah dibuat.
          • Coba, lihat blog sobat, jika widgetnya sudah muncul, berarti misi sudah selesai.. ^_^



          Kerusakan Template atau teknis lainnya tidak menjadi tanggung jawab Lavixta Star ~ Blog's. Silahkan berkomentar jika widgetnya berjalan dengan baik maupun jika widgetnya bermasalah.






          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 Blees U.

          10 comments

          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

        • Cara Membuat Sliding Recent Post With Dinamic Style

          Cara membuat widget komentar terbaru keren, bergerak, sliding, slide, no marque, dinamic style, recent post slide.
          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 Sliding Recent Post With Dinamic Style".

          Recent post adalah sebuah fitur yang memang sudah disediakan oleh pihak Blogger, untuk mempermudah para pengunjung untuk mengetahui posting/artikel yang baru dipublikasi beberapa saat yang lalu. Widget ini diperlukan sekali, agar blog kita menjadi lebih full content, dan lebih SEO, karena widget ini bukan sekedar pernak-pernik yang hanya untuk dilihat-lihat, melainkan untuk membantu para visitor/pengunjung blog tersebut.

          Widget ini sangat bermutu sekali, karena ketika banyaknya posting kita yang diklik/dikunjungi oleh pengunjung yang sama, maka pihak Google sekaligus Alexa akan memberikan apresiasi berupa bertambahnya ke-SEO-an blog kita, karena pihak Google dan Alexa telah merubah pemikiran mereka yang tadinya widget tersebut hanya dikira sebagai pernak-pernik, namun ketika widget tersebut sangat membantu, maka pihak Google dan Alexa mengakui bahwa widget tersebut sangat bermanfaat sehingga blok kita semakin SEO, dan Alexa kita pun semakin menurun yang mungkin tadinya hanya ranking 2,110,042 lama kelamaan akan menurun hingga bisa mencapai dibawah 1 juta bahkan bisa lebih. Ini dikarenakan widget tersebut yang sangat membantu.


          Nah, jika sobat penasaran, berikut ulasannya untuk anda.

          Feature
          • Membantu pengunjung untuk mengetahui posting/artikel yang baru diterbitkan.
          • Membantu blog agar lebih SEO
          • Membantu agar Alexa blog semakin menurun.
          • Membantu agar jumlah visitor/penunjung bertambah
          • Widget Recent Post dengan Efek :
          1. Slide
          2. Round Image
          3. Hover Ready
          4. Dinamic Color and Style
          5. Spining Image Hover, etc.
          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

          Screen Shot General Mode
          Screen Shot Hover Mode


          View Demo


          • 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 kode dibawah ini pada kotak kontennya
          Code
          <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
          </script>
          <style media="screen" type="text/css">
          <!--
          #LVslideRC {
          overflow:hidden;
          margin-top:5px;
          padding:0px 0px;
          height:343px;
          }
          #LVslideRC ul{
          width:300px;
          overflow:hidden;
          list-style-type: none;
          padding: 0px 0px;
          margin:0px 0px;
          }
          #LVslideRC li {
          width:286px;
          padding: 5px 5px;
          margin:0px 0px 5px 0px;
          list-style-type:none;
          float:none;
          height:70px;
          overflow: hidden;
          background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
          border:1px solid #ddd;
           -moz-transition: all 0.3s ease-in;
              -ms-transition: all 0.3s ease-in;
              -o-transition: all 0.3s ease-in;
              -webkit-transition: all 0.3s ease-in;
              transition: all 0.3s ease-in;
          }
          #LVslideRC li:hover {
          background:aqua;border-color:blue;border-radius:10px;
           -moz-transition: all 0.3s ease-in;
              -ms-transition: all 0.3s ease-in;
              -o-transition: all 0.3s ease-in;
              -webkit-transition: all 0.3s ease-in;
              transition: all 0.3s ease-in;
          text-shadow:0px 0px 10px black;
          }
          #LVslideRC li a {
          text-decoration:none;
          color:#4B545B;
          font-size:11px;
          height:18px;
          overflow:hidden;
          margin:0px 0px;
          padding:0px 0px 2px 0px;
          }
          #LVslideRC li a:hover {
          text-shadow:0px 0px 10px blue;
          }
          #LVslideRC li img {
          float:left;
          margin-right:7px;
          margin-top:-3px;
          background:#EFEFEF;
          border-top:2px solid black;border-bottom:2px solid black;border-left:2px solid red;border-right:2px solid red;
          border-radius:90px;
          -moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;
          }
          #LVslideRC li img:hover{ -o-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg);
          border-radius:1px;
          }
          .lavixtadate{
          overflow:hidden;
          font-size:10px;
          color:#0284C2;
          padding:2px 0px;
          margin:1px 0px 0px 0px;
          height:15px;
          font-family:Tahoma,Arial,verdana, sans-serif;
          }
          .lavixtacomment{
          overflow:hidden;
          font-family:Tahoma,Arial,verdana, sans-serif;
          font-size:10px;
          color:#262B2F;
          padding:0px 0px;
          margin:0px 0px;
          }
          -->
          </style>
          <script language="JavaScript">
          imgr = new Array();
          imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_flig1SdNaHM20BEluoyAdRWstqlEJhPz73To27rXvVH5ehrktHc0LMlvKO0eftmAK0oBfCeKX4PeygxCq11XfFPYAqxfSzrrIeb-_u9U_OTd1VrhJqBhA4nyTlk9fuSFF03vJ3w3Ys/s320/No+Image.jpg";
          imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_flig1SdNaHM20BEluoyAdRWstqlEJhPz73To27rXvVH5ehrktHc0LMlvKO0eftmAK0oBfCeKX4PeygxCq11XfFPYAqxfSzrrIeb-_u9U_OTd1VrhJqBhA4nyTlk9fuSFF03vJ3w3Ys/s320/No+Image.jpg";
          imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_flig1SdNaHM20BEluoyAdRWstqlEJhPz73To27rXvVH5ehrktHc0LMlvKO0eftmAK0oBfCeKX4PeygxCq11XfFPYAqxfSzrrIeb-_u9U_OTd1VrhJqBhA4nyTlk9fuSFF03vJ3w3Ys/s320/No+Image.jpg";
          imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_flig1SdNaHM20BEluoyAdRWstqlEJhPz73To27rXvVH5ehrktHc0LMlvKO0eftmAK0oBfCeKX4PeygxCq11XfFPYAqxfSzrrIeb-_u9U_OTd1VrhJqBhA4nyTlk9fuSFF03vJ3w3Ys/s320/No+Image.jpg";
          imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_flig1SdNaHM20BEluoyAdRWstqlEJhPz73To27rXvVH5ehrktHc0LMlvKO0eftmAK0oBfCeKX4PeygxCq11XfFPYAqxfSzrrIeb-_u9U_OTd1VrhJqBhA4nyTlk9fuSFF03vJ3w3Ys/s320/No+Image.jpg";
          showRandomImg = true;
          boxwidth = 255;
          cellspacing = 6;
          borderColor = "#232c35";
          bgTD = "#000000";
          thumbwidth = 70;
          thumbheight = 70;
          fntsize = 12;
          acolor = "#666";
          aBold = true;
          icon = " ";
          text = "comments";
          showPostDate = true;
          summaryPost = 40;
          summaryFontsize = 10;
          summaryColor = "#666";
          icon2 = " ";
          numposts = 10;
          home_page = "http://lavixtastar.blogspot.com/";
          limitlavixta=4
          intervallavixta=4000
          </script>
          <div id="LVslideRC">
          <script src="https://lavixtastar-code.googlecode.com/files/LavixtaStar%20Sliding%20Recent%20Comments.js" type="text/javascript">
          </script></div>

          • Kode yang berwarna merah berguna untuk menentukan lebar widgetnya, jika sobat ingin mengubahnya silahkan disesuaikan menurut originalnya
          • numposts = 10 → untuk menentukan jumlah postingan/artikel yang akan ditampilkan, sobat bisa mengganti angka 10 dengan sesuka sobat. (Untuk hasil yang memuaskan, angka 10 tersebut tidak perlu diubah)
          • lavixtastar.blogspot.com → untuk menentukan blog/web yang akan ditampilkan postingan/artikel terbarunya, sobat bisa ganti lavixtastar.blogspot.com dengan URL/Alamat blog/web sobat.

          • Selanjutnya, klik "Simpan" untuk menyimpan widget/gadget yang sudah dibuat.
          • Coba, lihat blog sobat, jika widgetnya sudah muncul, berarti misi sudah selesai.. ^_^



          Kerusakan Template atau teknis lainnya tidak menjadi tanggung jawab Lavixta Star ~ Blog's. Silahkan berkomentar jika widgetnya berjalan dengan baik maupun jika widgetnya bermasalah.




          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 Blees U.

          9 comments

          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

        • Cara Membuat Recent Comments Dengan Efek Bergerak

          Cara Membuat Recent Comments Dengan Efek Marque/Bergerak
          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 Recent Comment Keren - SEO".

          Pada artikel/posting saya sebelumnya, saya sudah mengshare bagaimana Cara Membuat Recent Comment Keren - SEO. Diposting tersebut saya memberikan efek lingkaran pada avatar/gambar profil sipengomentar. Dan saya memberikan juga efek dengan javascript SEO - agar tidak menambah berat blog sobat.

          Kali ini saya akan merubah efeknya dengan menambahkan efek marque, yang artinya widget Recent Commentsnya akan bergerak dari bawah ke atas. Widget ini akan terlihat lebih keren karena ada efek marque tersebut, widget ini bukan seperti widget yang sebelumnya yang hanya terdiam, tetapi widget ini akan bergerak terus.

          Penasaran? Berikut ulasannya untuk anda.

          Feature
          • Membantu admin untuk meninjau komentar yang baru
          • Membantu visitors untuk seberapa menariknya artikel tersebut sehingga ramai komentar
          • Sangat user friendly ( tidak merepotkan siapapun dalam menggunakannya )
          requirements
          • Koneksi yang lancar
          • Internet Browser yang memadai
          • Berpengalaman dalam mengedit HTML atau sejenisnya
          • Sediakan minuman segar dan cemilan ringan untuk merilekskan pikiran

          screenshot & Demo
          Screen Shot General Mode
          Screen Shot Hover Mode


          View Demo


          • 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 kode dibawah ini pada kotak kontennya

          Code
          <style type='text/css'>
          #LVkomen{background:aqua;box-shadow:0px 0px 30px 0px black, 0px 0px 20px 0px blue;color:black;text-shadow:0px 0px 0px 15px white;padding: 4px 4px 4px 4px;border-radius: 15px;}
          #LVkomen:hover {background:black;box-shadow:0px 0px 30px 0px aqua, 0px 0px 20px 0px blue, 1px 1px 10px 1px black; color:white; text-shadow: 1px 1px 15px aqua, 2px 2px 10px white;}
          .rcw-comments a {text-transform: capitalize;color:white; text-shadow:1px 0px 10px red, 0px 0px 10px violet;} 
          .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;box-shadow: 0px 0px 5px 0px white;}
          </style><div id="LVkomen">
          <marquee align='left' direction='up' height='300' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'><script style=text/javascript src=http://lavixtastar-code.googlecode.com/files/lavixtastar-moving-recent-comments.js></script><script style=text/javascript >var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=100;</script>
          <script src=http://lavixtastar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></marquee></div></script></marquee></div>
          <script>
          document.write("<div style=\"display:scroll;position:fixed;top:0;left:0;color:black;font-size:1px;\"><a href=\"http:\/\/lavixtastar.blogspot.com\">.<\/a><\/div>");
          </script>

          height='300' → berfungsi untuk mengatur tinggi widgetnya, sobat bisa mengganti 300 dengan sesuka sobat.
          width='100%' → berfungsi untuk mengatur lebar widgetnya, sobat bisa mengganti 100% dengan sesuka sobat.
          var a_rc=10 → berfungsi untuk mengatur banyaknya komentar yang akan ditampilkan, sobat bisa mengganti 10 dengan sesuka sobat.
          var o_rc=100 → berfungsi untuk mengatur banyaknya karakter yang akan ditampilkan, sobat bisa mengganti 100 dengan sesuka sobat.
          Ganti lavixtastar.blogspot.com dengan URL/alamat blog/web sobat.

          SEBAIKNYA KETERANGAN KE-1 - 4 TIDAK PERLU DIRUBAH, AGAR HASILNYA LEBIH MEMUASKAN.

          • Jika sudah, klik "Simpan" untuk menyimpan gadget/widget yang telah dibuat.
          • Coba sobat buka blog sobat, dan... TAADDAAA... selamat, widgetnya sudah terpasang diblog sobat!



          Kerusakan template dan teknis lainnya tidak menjadi tanggung jawab Lavixta Star ~ Blog's.





          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 Blees U.

          6 comments

          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

        • Copyright © 2013 - Nisekoi - All Right Reserved

          ANS Home Powered by Blogger - Designed by Johanes Djogan