Thursday, 26 July 2012

Memasang Search Engine di Blog

Search engine adalah sebuah mesin pencari yang jika kita masukan sebuah kata kunci akan banyak sekali pilhan dari kata kunci tersebut . Mungkin beberapa sobat blogger belum tahu bagaimana Memasang Search Engine di Blog . Jika sobat mau Memasang Search Engine di Blog ikut Tutorial berikut ini :

1. Sing in akun Blog
2. Klik Rancangan => Elemen Laman => Tambah Gadget => HTML/Javascript
3. Masukkan kode berikut ini
<form action="http://nama-blog.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="Search" class="buttonsubmit" name="submit" type="submit"/></form>

Keterangan :
  • Warna Merah ganti dengan Nama-Blog sobat
  • Warna Hijau bisa sobat ganti dengan Go atau Cari
  • Warna Kuning menunjukan panjang kotak search engine . Semakin tinggi angka yang anda masukkan semakin panjang pula kotak search engine tersebut . 


    Monday, 23 July 2012

    Cara Pasang Snaps Shots

    1. silahkan sobat kunjungi http://www.snap.com
    2. Apabila sobat sudah berada dihalaman situs tersebut, klik tombol Get Started Now
    3. Pilih warna yang di inginkan di bawah tulisan CHOOSE A COLOR THEME, klik saja warna yang tersedia
    4. Pilih Snap shot icon dan trigger di bawah tulisan CHOOSE A SNAP SHOT AND TRIGGER, klik saja pada radio button yang ada
    5. Apabila sobat ingin memasang logo milik sendiri, klik tombol Browse...., kemudian pilih gambar icon yang tersedia pada komputer sobat, apabila tidak mau ya biarkan saja
    6. Pilih ukuran snap shots di bawah tulisan CHOOSE SNAP SHOTS SIZE, beri tanda pada radio button nya
    7. Klik tombol Continue
    8. Masukan alamat blog sobat pada kotak di bawah tulisan Enter Your Site URL. contoh : http://template-unik.blogspot.com
    9. Masukan alamat email sobat di bawah tulisan Enter Your Email
    10. Beri tanda centang pada kotak di samping tulisan I agree to the Terms and Conditions below (kalau mau dibaca, silahkan baca dulu TOS nya)
    11. Klik tombol Continue
    12. Apabila sobat memakai template baru, klik banner logo Blogger, silahkan sign in di blogger dan pilih nama blog yang di inginkan
    13. Klik tombol MENAMBAH WIDGET, maka akan secara otomatis kode dari snaps shots akan di tambahkan
    14. Pindahkan elemen yang baru di tambahkan pada tempat yang di inginkan, karena kode tersebut memuat pula banner dari snapshot
    15. Klik tombol SIMPAN
    16. Selesai.


    Bagi sobat yang memakai template klasik, pada langkah yang ke 12, sobat klik lagi tombol Continue. Klik link READ MORE yang berada di bawah tulisan yang berjudul Put a Snap Shots Badge on your site. Copy kode yang di berikan dan paste pada notepad. langkah terakhir tinggal memasukannya kedalam kode template sobat.

    Selamat mencoba !

    Sunday, 22 July 2012

    Share Pasang icon smile (emoticon) di blogger

    Pengguna blogger pasti udah mengetahui icon smile yang banyak digunakan oleh pengguna wordpress atau pengguna blog lain, dimana setiap ada kode teks icon smile maka kode tersebut akan berganti dengan icon smile secara visual. Namun sayangnya blogger tidak support untuk icon smile ini..Ups jangan berkecil hati..banyak jalan menuju roma, semua pasti ada solusinya.

    Coba lihat contohnya di blog ini, setiap ada penulisan text yang mengacu kepada code smile pasti akan berubah secara visual. Sebagai contoh, saya mengetikan icon senyum :) dan tertawa :D dan ketika saya tersipu malu :$ yang jelas Icon smile ini akan tampil pada semua text yang ada pada blog kita di manapun letaknya (Nb: bukan dalam shoutbox, link dan gambar), yang paling menguntungkan icon smile ini dapat memberikan keterangan emoticon pengujung ketika sedang memberikan komentar :o.

    3 langkah mudah pasang icon smile di blogger :

    1. Masuk ke template > edit HTML > Expand Widget Templates dan cari kode dibawah ini:

    ]]></b:skin>

    2. Jika sudah ketemu copy code javascript di bawah, dan letakan dibawah kode ini ]]></b:skin>

    <script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>

    3. Simpan dan lihat hasilnya.
    Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.


    Standar kode smile yang bisa digunakan :

    :) or :-)
    :D or :-D
    :$ or :-$
    :( or :-(
    :p or :-p
    ;) or ;-)
    :k or :-k
    :@ or :-@
    :# or :-#
    :x or :-x
    :o or :-o

    sumber =>  http://www.o-om.com/

    Saturday, 21 July 2012

    Cara Mengedit Email Subscriptions ( FeedBurner )

    Jika Feedburner Email Subscriptions udah terpasang di gadget blog anda , jangan merasa puas dulu . Feed dapat kita edit sehingga lebih menarik sehingga pengunjung blog betah nongkrong di blog anda . Jika sobat mau mengeditnya juga ikuti Tutorial berikut ini :

    Kode yang kita dapatkan dari Feed biasanya seperti ini:
    <form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/pqLLw', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email" /></p><input type="hidden" value="blogspot/pqLLw" name="uri" /><input type="hidden" name="loc" value="en_US" /><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

    Sekarang kita edit agar terlihat lebih menarik .
    Warna = ganti dengan tulisan misalnya : Masukan Email anda di kolom ini
    Warna = ganti dengan tulisan misalnya : Berlangganan
    Warna = ganti angkanya sesuai lebar kolom yang anda inginkan
    Warna = Hapus tulisan tersebut atau ganti tulisan delivered by jadi " desain oleh "
    Warna = Bisa anda ganti dengan nama Blog Sobat

    Kalau sobat mau memasang Background gambar tinggal tambahkan kode berikut ini:
    <div style="background:url(http://up2share.com/file/7fnuk6e4i_feed4.jpg) no-repeat top right;padding:10px 0px"> ... </div>

    Masukkan kode tersebut tepat di bagian atas kode sebelumnya . Dan hasilnya akan seperti ini :
    <div style="background:url(http://up2share.com/file/7fnuk6e4i_feed4.jpg) no-repeat top right;padding:10px 0px"><form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/pqLLw', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email" /></p><input type="hidden" value="blogspot/pqLLw" name="uri" /><input type="hidden" name="loc" value="en_US" /><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form></div>

    Friday, 20 July 2012

    Tutorial Membaut Button Badge untuk Blog

    Button badge adalah sebuah tombol untuk ngelink pada blog kita dengan ukuran kecil dan tidak berat saat blog di load , untuk lebih jelasnya silahkan sobat lihat di bawah .



    Kalau sobat tertarik dan ingin membuatnya . Langsung saja Kunjungi situs http://tools.dynamicdrive.com/button/ . Jika sobat sudah membuat Klik kanan pada button yang sudah sobat buat pilih "Simpan Gambar dengan Nama.." untuk sobat Save ke komputer sobat masing - masing .

    Jika sobat mau menggunakan Button Badge untuk mempromosikan blog sobat atau yang biasa disebut tukar link .  Pertama , sobat harus meng-upload Button yang sudah sobat Save ke komputer sobat  untuk mengambil Url Button tersebut dan tambahkan Kode dibawah ini :
    <a href="Url BLOG " ><img  border="0" src='Url Button' rel="Nama BLOG"/></a>

    Sumber => http://tutorial-kewez.blogspot.com/2012/07/tutorial-membaut-button-badge-untuk-blog.html