Marhaban Ya Ramadhan "Selamat Datang Bulan Suci Ramadhan",”Bulan Yang Penuh Berkah” dan ”Bulan Yang Lebih Mulia dari Seribu Bulan” “Selamat Menunaikan Ibadah Puasa“

Trik Membuat Buku Tamu Melayang

Pernah tidak melihat sebuah blog yang di samping kanan atas ada tulisan Buku Tamu dengan background hijau, yang kalau diklik akan keluar form isian yang menanyakan Nama, Website dan Message. Buku Tamu tersebut melayang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap nampak. Mau tahu caranya?


  1. Sign in ke blogger dan silahkan Login dengan Account Anda

  2. Pilih Layout/Tata Letak

  3. Pilih Page Elemen/Elemen Halaman

  4. Klik Add a Gadget/Tambah Gadget

  5. Lalu pilih "HTML/JavaScript"

  6. Kemudian Copy-Paste kode di bawah ini :

    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-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">

    <!-- Begin ShoutMix - http://www.shoutmix.com -->
    <iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
    <a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
    </iframe>
    <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
    <!-- End ShoutMix -->

    <br/>
    Anda berminat buat Buku Tamu seperti ini?<br/>
    Klik di
    <a href="http://makassar-09.blogspot.com/2009/08/trik-membuat-buku-tamu-melayang.html">
    sini </a>

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>

    </div>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

    CATATAN :
  7. Ganti tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix

  8. Icon Buku Tamu dapat anda ganti sesuka hati dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image seperti photobucket dsb. lalu ambil URLnya dan pasang di background seperti blog teman kita ini. Klik Disini

  9. Selamat Mencoba
.

Running Text Pada Header Blog

Terinspirasi pada sebuah postingan dengan judul CARA MEMBUAT VARIASI HURUF DENGAN KODE MARQUEE di http://epg-studio.blogspot.com saya pun mencoba menerapkannya di blog saya ini, apalagi momentnya sangat tepat yaitu dalam rangka menyambut datangnya bulan suci ramadhan tahun 1430 H / 2009 M. Pada awalnya saya mengalami kesulitan karena contoh yang diberikan seperti di bawah ini hanya ada dua kalimat, yaitu yang berwarna kuning dan merah, sementara saya ingin menambahkan beberapa kalimat dan warna teks yang lebih beragam.


Selamat datang di "EPG Studio"


Setelah mengotak-atik yang cukup merepotkan serta mempelajari scriptnya akhirnya bisa juga menambah Kata atau Kalimat dan menerapkannya di blog saya ini. Adapun susunan scriptnya adalah seperti di bawah ini :

<div align="left"><marquee scrollamount="3" direction="left" width="100%" bgcolor="blue"><span style=";font-style:italic;color:yellow;"> <blink>"Marhaban Ya Ramadhan"</blink> </span><span style=";font-family:Verdana;font-size:40px;color:red;"> "Selamat Datang Bulan Suci Ramadhan"</span><span style=";font-family:Verdana;font-size:40px;color:white;">"Bulan Yang Penuh Berkah" </span><span style=";font-family:Verdana;font-size:40px;color:yellow;"> "Bulan Yang Mulia dari Seribu Bulan" </span><span style=";font-family:Verdana;font-size:40px; font-style:italic color:white;"> "Selamat Menunaikan Ibadah Puasa"</span></marquee></div>


Setelah memperhatikan secara seksama ternyata rumusnya seperti contoh di bawah ini, kita tinggal menuliskan Kata atau Kalimat sesuai keinginan. Buatlah sebanyak Kata atau Kalimat yang kita inginkan dengan berbagai macam variasi.

</span><span style=";font-family:Verdana;font-size:40px;color:red;"> "Tuliskan Kata atau Kalimat Anda di sini"</span>


Bagi teman-teman blogger yang kebetulan membuka blog saya ini dan kepingin menerapkan running text tersebut di blognya silahkan copy paste saja. Adapun kata atau kalimat yang berwarna merah tebal dapat diganti sesuai selera, begitu pula warna tulisan serta embel-embel lainnya seperti ganti warna tulisan perhatikan kode color seperti "RED", "WHITE, "YELLOW" atau tulisannya mau dikedipkan dan sebagainya. Yang jelas pengembangan selanjutnya tergantung pengalaman masing-masing.

Untuk selengkapnya silahkan kunjungi : http://epg-studio.blogspot.com/2009/08/selamat-datang-di-epg-studio.html

Membuat Kotak Daftar Isi

Apakah anda punya keinginan untuk membuat kotak daftar isi seperti di blog saya ini? Daftar Isi tersebut saya letakkan pada bagian bawah blog ini. Sebenarnya trik ini sudah banyak blogger yang mempublikasikannya, namun tidak ada salahnya trik tersebut saya muat kembali dengan contoh Kotak Daftar Isi blog saya, agar pembaca lebih mudah memahami trik ini.

Blogger Tutorial





Adapun langkah-langkahnya adalah sebagai berikut :
  1. Login ke Blogger
  2. Buka Menu Layout atau Tata Letak -> Page Element atau Elemen Halaman
  3. Klik Add a Gadget atau Tambah Gadget -> Lalu pilih HTML/Javascript
  4. Copy paste kode berikut ini ke dalam kotak Konten :
<div style="background: rgb(28, 66, 109) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; margin-top: 0px; margin-left: 0px; font-size: 14px; font-weight: bold; width:280px; height: 25px; padding-top: 5px; text-align: center; color: rgb(255, 255, 255);"><blink>Blogger Tutorial</blink></div>

<style>
.list {
background: url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:280px; height:200px; background- border:1px solid #ffffff;">

<div class="list">
<a href="http://makassar-09.blogspot.com/2009/08/mengganti-username-dengan-nama-diri-di_11.html">Mengganti Username Dengan Nama Diri di Friendster</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/08/mengganti-username-dengan-nama-diri-di.html">Mengganti Username Dengan Nama Diri di Facebook</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/07/cara-membuat-contact-form-atau-kontak.html">Cara Membuat Contact Form Atau Kontak Kami</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/07/mengubah-background-blog.html">Trik Mengubah Background Blog</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/07/animasi-gambar-dengan-photoshop.html">Animasi Gambar Dengan Photoshop</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/07/cara-mengubah-password-pada-yahoo.html">Trik Mengubah Password di Yahoo</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/07/cara-mengubah-password-pada-gmail.html">Trik Mengubah Password di Gmail</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/06/cara-mudah-download-video-dari.html">Cara Mudah Download Video dari Youtube</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/06/internet-sebuah-dunia-yang-tidak-asing.html">Cara Membuat Blog</a></div>
<div class="list">
<a href="http://makassar-09.blogspot.com/2009/06/tata-cara-menghapus-blog-di-blogger.html">Tata Cara Menghapus Blog</a></div>

<div class="list"></div></div>

KETERANGAN :
Untuk mengubah lebar serta tinggi Kotak Daftar Isi perhatikan kode width:280px dan height:200px. Silahkan otak atik nilainya sesuai selera mau diperbesar atau diperkecil. Dan URL yang berwarna merah silahkan ganti sesuai dengan alamat URL postingan di blog anda, sedang tulisan berwarna biru merupakan keterangan yang muncul pada Kotak Daftar Isi silahkan ganti tulisan tersebut sesuai pokok bahasan dipostingan blog anda.

SELAMAT MENCOBA

Mengganti Username Dengan Nama Diri di Friendster

Setelah sebelumnya saya memposting tentang bagaimana cara mengganti Username dengan nama diri di Facebook, maka pada kesempatan kali ini saya ingin membahas tentang bagaimana cara mengganti username dengan nama diri di Friendster. Lagi-lagi yah serba GUE sama halnya dengan postingan sebelumnya, yaitu dapat dijadikan pernak pernik untuk mempercantik blog. seperti blog Kang Rohman http://kolom-tutorial.blogspot.com/ yang menjejer @ My Facebook @ My Friendster @ My Twitter dan sebagainya di menu horizontal dan jika diklik akan terbuka window baru. Adapun langkah-langkahnya adalah :
  • Login ke Friendster (Masukkan email serta password anda)
  • Klik Profil
  • Setelah Profil anda muncul, silahkan klik Edit. Untuk lebih jelasnya perhatikan gambar berikut :
  • Setelah mengklik Edit akan muncul kotak dialog berikutnya. Pada langkah ini silahkan tuliskan nama sesuai keinginan pada kotak yang ada di samping http://www.friendster.com. Selanjutnya klik tulisan Pilih URL ini. Untuk lebih jelasnya perhatikan gambar berikut :
  • Muncul kotak dialog Konfirmasi yang menanyakan kembali apakah kamu yakin mau URL ini? Jawaban hanya ada dua yaitu Ya atau Tidak. Karena kita ingin mengganti username maka kita memilih Ya. Untuk lebih jelasnya perhatikan gambar berikut :

  • Setelah diklik Ya maka akan keluar kotak dialog lagi yang menyatakan anda telah berhasil melakukan perubahan dibuktikan dengan URL baru http://www.friendster.com/ Nama Diri . Untuk lebih jelasnya perhatikan gambar berikut :

  • Untuk melihat hasilnya silahkan klik Lihat Profil Saya.
  • SELAMAT MENCOBA

Mengganti Username Dengan Nama Diri di Facebook

Apakah anda orang yang serba GUE? sehingga segala sesuatu berusaha memunculkan GUE, pokoknya serba GUElah. Trik yang satu ini membahas tentang bagaimana cara mengganti Usename di Facebook menjadi nama GUE atau nama diri.


menjadi nama diri sesuai keinginan :

Bagi blogger ini penting karena dapat dijadikan sebagai pernak pernik blog agar blog menjadi cantik dan sedikit profesional. Hal tersebut dapat kita lihat pada blog Kang Rohman http://kolom-tutorial.blogspot.com/ yang menginspirasi saya untuk memuat trik ini di blog saya. Pada blog Kang Rohman tersebut pada baris Menu Horizontal terdapat jejeran tulisan @ My Facebook @ My Friendster @ My Twitter dan sebagainya. Apabila tulisan tersebut di klik, maka kita di bawa ke window baru sesuai yang klik misalnya @ My Facebook itu langsung terbuka Profile Facebook milik Kang Rohman. Adapun langkah-langkahnya adalah sebagai berikut :
  • Login ke Facebook (masukkan email serta password anda)
  • Masuk ke http://www.facebook.com/username/
  • Silahkan pilih nama username anda, secara default facebook membuat kombinasi username dari nama anda.
  • Sekiranya dari nama yang ditawarkan oleh Facebook tidak ada yang berkenan di hati, silahkan klik Berikutnya dan masukkan nama sesuai keinginan. Perhatikan gambar berikut :

  • CATATAN jangan gunakan spasi atau tanda - (garis melintang). Setelah nama sudah diisi akan muncul kotak Konfirmasi seperti pada gambar berikut :

  • Klik Konfirmasi untuk menyetujui perubahan yang telah anda lakukan. Dan sekarang anda sudah mempunyai URL Facebook baru berdasarkan nama atau username anda sendiri.
  • Selamat Mencoba.