Mengenai Saya

Rabu, 31 Agustus 2011

Tips menampilkan Page Fans Facebook & Twitter Di Blog



Tips ini special buat meow, semoga membantu deh yaaaa ^^

Page Fans Facebook
    Simple nya :
    •  Pertama siapkan halaman Facebook
    • Catatan : Untuk membuat halaman sendiri di facebook klik disini, lalu pilih Tambah Box Suka atau klik disini. Masukan URL Halaman tersebut. lalu Klik Dapatkan Kode (Get Code). Salin yang bertuliskan *XFBML*.
    • Masuk Akun Blogger
    • Klik Rancangan Pada Blogger
    • Tambah Gadget >> HTML/JavaScript
    • Copy Paste kode HTML Dibawah Ini
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="URL Halaman Facebook" width="300" colorscheme="dark" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>

    Keterangan : 
    • URL Halaman Facebook = URL yang sudah dibuat
    •  300 = ukuran besar kecil nya Box Yang ingin ditampilkan
    • dark = Warna Box Yang diinginkan. (Tersedia Putih Dab Gelap)
    Contoh Box Suka Facebook :
    Rossy Page (https://www.facebook.com/RossyPage)




    Widget Twitter
      Tahap - tahap nya sih kurang lebih hampir sama seperti diatas, untuk buat widget nya klik disini pilih yang twitter. Copas HTML yang sudah dibuat di rancangan blog ^^
      Nanti jadinya kurang lebih seperti ini :



      Nah, kalo mau persis diatas copy paste aja Html dibawah ini :

      <script src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js" type="text/javascript">
      </script><script type="text/javascript">
      if (WIDGETBOX) WIDGETBOX.renderWidget('b0885a6c-4927-4778-8b41-4d185494566b');
      </script><noscript>Get the &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www.widgetbox.com/widget/rossy-kusuma-rkusuma1"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Nick Twitter&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; widget and many other &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www.widgetbox.com/"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;great free widgets&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; at &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www.widgetbox.com"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Widgetbox&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;! Not seeing a widget? (&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;More info&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;)</noscript>

      Catatan : Nick Twitter = ganti pake nick twitter punyamu sendiri

      Kalo belum jelas tanya aja ;)

      Rabu, 17 Agustus 2011

      Tips Mengubah Http ke Https



      Sekedar berbagi pengalaman ^^ jelajah aman dengan media sosial facebook & twitter.

      Facebook
      • Masuk Akun Facebook
      • Klik Akun >> Pilih Pengaturan Akun >> Pilih Keamanan >> Cetang Jelajah Aman >> Simpan Perubahan


      Twitter
      • Masuk Akun Twitter
      • Klik Panah Bawah >> Pilih Setting >> Cetang Https Only >> Save


      Selamat Mencoba! ;)

      Selasa, 16 Agustus 2011

      Cara Membuat Banner Blog



      Mau Buat Banner buat Tukeran Link? 
      Simple nya :
      • Masuk Akun Blogger
      • Klik Rancangan Pada Blogger
      • Tambah Gadget >> HTML/JavaScript
      • Copy Paste Kode Script Dibawah Ini
      <a href="URL Blog"><img border="0" height="75" src="URL Gambar" width="150" /></a>
      <b>Judul/Kata-Kata</b>
      <div style="text-align: left;">
      <div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 50px; overflow: auto; padding: 5px; width: 150px;">
      &lt;a href="URL Blog"&gt;&lt;img border="0"  height="50"  src="URL Gambar"  width="150" /&gt;&lt;/a&gt;</div>
      </div>

      Catatan :
      • URL Blog = url website yang mau di hubungkan 
      • Judul/Kata-Kata = Bisa Diganti Dengan Kata-kata sendiri
      •  width="150 = ukuran yang bisa disesuaikan sesuai keinginan
      •  URL Gambar = url gambar yang sudah diupload di web

      Contoh Banner Yang sudah Jadi:


      Rossy Main Blog
      <a href="http://rossykusuma.blogspot.com/"><img border="0" height="50" src="http://2.bp.blogspot.com/-QwZmWVvC6zU/Tkps4A-Ai0I/AAAAAAAAAfI/hBWNLPoSmho/s200/rossykusuma.blogspot.com.png" width="150" /></a>

      Rossy Note Blog

      <a href="http://rokunote.blogspot.com/"><img border="0" height="100" src="http://4.bp.blogspot.com/-Rwsiux6wueM/Tkps-oUEqjI/AAAAAAAAAfM/vsjK6EoFJLA/s200/rokunote.blogspot.com.png" width="150" /></a>

      Selamat Mencoba! ^^

      Rossy Banner




      Rossy Main Blog



      Mau Tukeran Link? Copas Aja ^^

      <a href="http://rossykusuma.blogspot.com/"><img border="0" height="100" src="http://2.bp.blogspot.com/-QwZmWVvC6zU/Tkps4A-Ai0I/AAAAAAAAAfI/hBWNLPoSmho/s200/rossykusuma.blogspot.com.png" width="200" /></a>



      Rossy Note Blog




      Mau Tukeran Link? Copas Aja ^^

      <a href="http://rokunote.blogspot.com/"><img border="0" height="100" src="http://4.bp.blogspot.com/-Rwsiux6wueM/Tkps-oUEqjI/AAAAAAAAAfM/vsjK6EoFJLA/s200/rokunote.blogspot.com.png" width="200" /></a>


      Cara Membuat Teks Area & Teks Border



      Simple nya :
      • Masuk Akun Blogger
      • Klik Edit Entri* pilih yang mau ditambahi Teks Area / Teks Border *
      • Copy Paste Kode Script Dibawah Ini
      1. Teks Area

      <div align="center" style="color: black;">
      <div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 200px;">
      Up to you ^^
      </div>
      </div>


      <div style="border:2px #006400 solid; padding:10px; background-color: #c3fdb8; text-align: left;">
      Up to you ^^ </div>

      2. Teks Border
      • Solid
      <div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
      Kata - Kata
      </div>
      • Double
      <div style="border: 3px double rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
      Kata - Kata
      </div>
      •  Ridge
      <div style="border: 3px ridge rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
      Kata - Kata
      </div>
      • Dotted
      <div style="border: 3px dotted rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
      Kata - Kata
      </div>
      • Dashed
      <div style="border: 3px dashed rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
      Kata - Kata
      </div>
      • Groove
      <div style="border: 3px groove rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
      Kata - Kata
      </div>
      • Inset
      <div style="border: 3px inset rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
      Kata - Kata
      </div>
      • Outset
      <div style="border: 3px outset rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
      Kata - Kata
      </div>

      credit : Blog Bludus , Pay & Vikry

      Senin, 15 Agustus 2011

      Cara Membuat Halaman Kontak Saya




      Untuk Membuat Form Kontak Saya Seperti Diatas langsung saja klik disini. Ikuti petunjuk penggunaan. Copy paste pada halaman web yang diinginkan. It's so Simple! ^^

      Minggu, 14 Agustus 2011

      Musik Download




      Korean Drama OST

      Taiwan Drama OST

      Anime OST & Japanese Song

      Campur-Campur :p

      Silahkan Didonlot! ^^

      Tips & Trik Blogging




      Sabtu, 13 Agustus 2011

      Tombol Suka & Box Suka Facebook, Tombol Tweet , Tombol Google +1 Untuk Blog



      1. Tombol Suka Facebook, Tombol Tweet , Tombol Google +1
      Simple nya :
      • Masuk Akun Blogger
      • Klik Entri Yang Ingin Diberi Tombol Suka facebook, Tombol Tweet, Tombol Google +1
      • Copy Paste kode HTML dibawah ini
      <script src="http://connect.facebook.net/en_US/all.js#appId=153995621346412&amp;xfbml=1">
      </script><fb:like action="like" font="arial" href="URL Entri Tersebut" layout="button_count" send="true" show_faces="true" width="0"></fb:like><a class="twitter-share-button" data-count="horizontal" data-url="URL Entri Tersebut" data-via="Nick Twitter" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
      </script><g:plusone href="URL Entri Tersebut"></g:plusone>

      Keterangan : 
      • URL Entri Tersebut = URL entri blog yang sudah dibuat
      •  Nick Twitter = Nick Twitter yang dipunyai
      Catatan : Kalo mau improvisasi sendiri, untuk Facebook klik disini, untuk twitter klik disini, untuk Google +1 klik disini.

      2. Tombol Box Suka Facebook
      Simple nya :
      •  Pertama siapkan halaman Facebook
      • Catatan : Untuk membuat halaman sendiri di facebook klik disini, lalu pilih Tambah Box Suka atau klik disini. Masukan URL Halaman tersebut. lalu Klik Dapatkan Kode (Get Code). Salin yang bertuliskan *XFBML*.
      • Masuk Akun Blogger
      • Klik Rancangan Pada Blogger
      • Tambah Gadget >> HTML/JavaScript
      • Copy Paste kode HTML Dibawah Ini
      <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="URL Halaman Facebook" width="300" colorscheme="dark" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>

      Keterangan : 
      • URL Halaman Facebook = URL yang sudah dibuat
      •  300 = ukuran besar kecil nya Box Yang ingin ditampilkan
      • dark = Warna Box Yang diinginkan. (Tersedia Putih Dab Gelap)
      Contoh Box Suka Facebook :
      Rossy Page (https://www.facebook.com/RossyPage)

      Cara Gampang Mengganti Kursor di Blog



      Simple nya :
      • Masuk Akun Blogger
      • Klik Rancangan Pada Blogger
      • Tambah Gadget >> HTML/JavaScript
      • Copy Paste kode HTML Kursor
      Contoh kode HTML kursor-kursor lucu ^^
      Leci
      <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-5/foo424.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/08/25/cute-cherry.html" target="_blank" title="Cute Cherry"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Cherry" style="position:absolute; top: 0px; right: 0px;" /></a>
        Stroberi
        <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-5/foo421.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/08/25/cute-strawberry.html" target="_blank" title="Cute Strawberry"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Strawberry" style="position:absolute; top: 0px; right: 0px;" /></a>

        Anggur
          <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-5/foo420.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/08/25/purple-grapes.html" target="_blank" title="Purple Grapes"><img src="http://cursors-4u.com/support.gif" border="0" alt="Purple Grapes" style="position:absolute; top: 0px; right: 0px;" /></a>

          Apel
            <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-5/foo427.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/08/25/cute-apple.html" target="_blank" title="Cute Apple"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Apple" style="position:absolute; top: 0px; right: 0px;" /></a>

            Love Ungu
              <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym531.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/11/18/fruity-plum-heart.html" target="_blank" title="Fruity Plum Heart"><img src="http://cursors-4u.com/support.gif" border="0" alt="Fruity Plum Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

              Lolipop Pink
                <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-4/foo348.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/20/pink-lollipop.html" target="_blank" title="Pink Lollipop"><img src="http://cursors-4u.com/support.gif" border="0" alt="Pink Lollipop" style="position:absolute; top: 0px; right: 0px;" /></a>

                Catatan : Cari kursor yang diinginkan, misal cari disini, setelah ketemu kursor yang diinginkan Copy Paste kode HTML kursor tersebut.

                Jumat, 12 Agustus 2011

                Cara Memasang Icon Berada disamping Blog





                Simple nya :
                • Masuk Akun Blogger
                • Klik Rancangan Pada Blogger
                • Tambah Gadget >> HTML/JavaScript
                • Copy Paste Kode Script Dibawah Ini





                <a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 300px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

                <a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 250px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

                <a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 200px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

                <a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom:150px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

                <a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 90px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

                <a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 60px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>


                Catatan :
                • URL Akun = url akun yang mau di hubungkan (facebook, twitter, youtube, myspace, blog)
                • Kata-Kata Yang Ingin Dimunculkan = Bisa Diganti Dengan Kata-kata sendiri
                •  bottom: 60px; left: 5px = ukuran yang bisa disesuaikan sesuai keinginan
                •  URL gambar yang sudah diupload
                Contoh URL Gambar :

                Icon Facebook

                http://1.bp.blogspot.com/-fndkMJnqGeM/TkUhlPBPIcI/AAAAAAAAAbw/u2fQOAHDblc/s1600/roku+facebook.png
                http://3.bp.blogspot.com/-6NvCZaDZJa4/TkUhyzjyr_I/AAAAAAAAAb0/cDHwAEiYj1c/s1600/roku+facebook2.png

                Icon Twitter

                http://2.bp.blogspot.com/-t-UI7IPXo64/TkUh8z3uOTI/AAAAAAAAAb4/6X8wNiCRHuU/s1600/roku+twitter.png
                http://4.bp.blogspot.com/-1V3jGlsU6Kw/TkUiC9KdI2I/AAAAAAAAAb8/GF5LVf15PlI/s1600/roku+twitter2.png

                Icon Myspace

                http://1.bp.blogspot.com/-fEGmzXnxhDE/TkUiS-U-aGI/AAAAAAAAAcA/UGi6g7eNCh0/s1600/roku+myspace.png
                http://3.bp.blogspot.com/-ORaUNKOC5Fg/TkUiXpAMZ5I/AAAAAAAAAcE/TlsOaSiq5Sc/s1600/roku+myspace2.png

                Icon Youtube

                http://2.bp.blogspot.com/-oU9sC-v8IBI/TkUik-OPZ1I/AAAAAAAAAcI/DWU4JibkAfU/s1600/roku+youtube.png
                http://1.bp.blogspot.com/-DsPNG8R04Q8/TkUiqn7YLYI/AAAAAAAAAcM/3GmjW0W8ptA/s1600/roku+youtube2.png

                Icon Blog

                http://4.bp.blogspot.com/-mvfCPIjDJhc/TkUiyBYMx-I/AAAAAAAAAcQ/Lkei4yWWgUc/s1600/roku+blog.png

                Icon Google +1 Button

                http://4.bp.blogspot.com/-lz82oM3DAhc/TkUi3ywLQ_I/AAAAAAAAAcU/gP7RGqBbJ7E/s1600/roku+google.png

                credit : Adhani

                Cara Memasang Buku Tamu di Blog Berupa Gambar




                Simple nya :
                • Masuk Akun Blogger
                • Klik Rancangan Pada Blogger
                • Tambah Gadget >> HTML/JavaScript
                • Copy Paste Kode Script Dibawah Ini 



                <style type="text/css">
                #gb{
                position:fixed;
                top:50px;
                z-index:+1000;
                }
                * html #gb{position:relative;}
                .gbtab{
                height:400px;
                width:150px;
                float:left;
                cursor:pointer;
                background:url('Url Gambar Anda') no-repeat;
                }
                .gbcontent{
                float:left;
                border:2px solid #666666;
                background:#F5F5F5;
                padding:10px;
                }
                </style>
                <script type="text/javascript">
                function showHideGB(){
                var gb = document.getElementById("gb");
                var w = gb.offsetWidth;
                gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
                gb.opened = !gb.opened;
                }
                function moveGB(x0, xf){
                var gb = document.getElementById("gb");
                var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
                var dir = xf>x0 ? 1 : -1;
                var x = x0 + dx * dir;
                gb.style.right = x.toString() + "px";
                if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
                }
                </script>
                <div id="gb">
                <div class="gbtab" onclick="showHideGB()"> </div>
                <div class="gbcontent">
                MASUKKAN KODE SHOUTBOX DISINI  
                <div style="text-align:right"> 
                <a href="javascript:showHideGB()">
                [close]
                </a>
                </div>
                </div>
                </div>
                <script type="text/javascript">
                var gb = document.getElementById("gb");
                gb.style.right = (140-gb.offsetWidth).toString() + "px";
                </script>
                  Catatan : 
                  Url Gambar Anda << artinya gambar yang sudah diupload di web
                  MASUKKAN KODE SHOUTBOX DISINI << url kode buku tamu yang dipunyai
                  * Contoh Gambar *

                  Lee Min Ho

                  http://1.bp.blogspot.com/-eHe82gpjfnY/TkUSoopqvjI/AAAAAAAAAbo/gC1rcc4xd3w/s1600/lee+min+ho.png

                  Kim Hyung Jung

                  http://1.bp.blogspot.com/-1puEWQF6G0E/TkUTpawMBfI/AAAAAAAAAbs/gALsgxAQxJc/s1600/kim+hyung+jung.png


                Kode Buku Tamu bisa dibuat dimana saja, contoh : Shoutmix, ShoutBox, Chantago

                Contoh chat box :


                [ Copy this | Start New | Full Size ]

                jaxtr