email
PhotobucketPhotobucketPhotobucket
0

Cara Memasang Yahoo Messenger Di Blog

Status yahoo ibarat telephone yang berada di rumah, karena blog ibarat rumah, maka alat komunikasi yang digunakan adalah yahoo massenger atau yang lainnya. Kadangkala orang yang datang berkunjung menginginkan berkomunikasi langsung dengan penghuninya, disamping sekedar melihat saja. Cara yang paling efektif adalah berkomunikasi lewat status yahoo kita. Pengunjung akan mengetahui penghuninya sedang online atau offline. Saya yakin informasi ini sudah banyak yang mengetahui bagaimana cara mengetahui status kita sedang online atau offline ketika YM dipasang di blog kita, setidaknya info ini akan bermanfaat bagi yang belum mengetahui bagaimana cara memasang YM di blog. Langsung saja kita mulai menuju ke TKP. Caranya adalah :

1. Login ke blog anda > Layout (tata letak) >> Add a Gadget (tambah gadget) >>> HTML/JavaScript
2. Copy code di bawah ini dan paste di kotak konten
<a href="ymsgr:sendIM?ID Yahoo anda"><img border="0" src="http://opi.yahoo.com/online?u=ID Yahoo anda&amp;m=g&amp;t=16"/></a>

3. Ganti kode yang berwarna merah dengan ID Yahoo anda dan yang berwarna biru dengan model yang anda inginkan.

Pilih model yang anda inginkan :

ym0.gif t=0

ym1.gif t=1

ym2.gif t=2

dan seterusnya, bisa sampai t=24

SELAMAT MENCOBA !!!
Read more
2

Cara cepat agar blog terindex oleh google

Mengapa blog lama terindex google? mengapa blog cepat terindex google? bagaimana agar blog terindex google? pertanyaan tersebut adalah sesuatu yang muncul dalam diri blogger pemula. tentu saja ini sesuatu yang wajar, siapa sich yang tidak ingin blog kita tampil di halaman pertama google ketika di searching ?... apalagi bertengger di posisi pertama, pastinya menyenangkan dan akan menambag semangat dan gairah untuk terus berselancar di dunia maya , iyakan......cara agar blog kita mudah di lacak oleh google salah satu caranya memasang meta tags di blogger, caranya ikuti penelusuran kali ini :

Meta Tag Description


Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan. Contoh penulisan meta tag description adalah sebagai berikut :

<meta name="description" content="Promosi-web.com is a search engine tutorial that explain how to get
top rangking in all major search engine and get high traffic for your web site. Available in Bahasa
Indonesia.">

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut. Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang ditampilkan pada hasil pencarian Northern Light adalah seperti ini :

Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the
web to...


Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Sintak dasar dari meta tag keyword adalah
sebagai berikut :

<meta name="keywords" content="keyword1 keyword2 keyword3 ...">
atau ada juga yang menulis dengan pemisah tanda koma :
<meta name="keywords" content="keyword1, keyword2, keyword3, ...>

Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contoh pemakaian meta tag keyword yang salah adalah :

<meta name="keywords" content="bali, bali hotels, travel in bali, bali island, bali weather>

Disini terlihat sekali bahwa kata "bali", diulang lebih dari 3 kali. Contoh berikut ini tidak akan dianggap spamming oleh search engine :

<meta name="keywords" content="bali hotels travel bali island bali weather">

Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda
memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan "MP3" atau "Britney Spears" sebagai keyword hanya karena keyword-keyword ini merupakan keyword favorit di internet dan
banyak dicari orang.


Meta Tag Robots


Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta tag robots adalah sebagai berikut :

<meta name="robots" content="index | noindex | follow | nofollow">
Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini :
<meta name="robots" content="index follow">

Dengan perintah ini spider akan meng-index main page Anda dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="">). Perintah berikut ini akan menginstruksikan agar spider tidak meng-index maupun menelusuri link yang ada pada suatu halaman web.

<meta name="robots" content="noindex nofollow">

Lalu bagaimana memasang Meta Tags di Blogger :

Untuk memasang Meta tag diBlogger caranya cukup mudah, pertama masuk ke Edit HTML kemudian copy paste kode dibawah ini, biasanya kode meta tags diletakan dibawah kode <title><data:blog.pageTitle/></title> dan jangan lupa merubah kode warna biru di bawah sesuai dengan deskripsi blog kamu.

<meta content=' Tulis deskirpsi disini' name='description'/>
<meta content='keyword1 keyword2 keyword3 ...' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Selamat mencoba, semoga bermanfaat

Read more
1

Membuat Judul Blog Pada Tab Bergerak

Kali ini saya akan berbagi bagaimana membuat judul blog bergerak. Membuat judul blog tentu saja menambah blog kita bukan saja menarik, tapi terlihat lebih unik plus kereeen.... he ..he.. emang apaan? Biasanya judul blog dalam keadaan diam, nah kita coba sedikit merubah jadi bergerak dan lebih kelihatan aktif. Tapi membuat judul blog bergerak, tidak ada hubungannya dengan bergeraknya penghasilan, kecuali blog kita menjual sesuatu dan orang lain membeli produk yang kita jual. Ya....ini kemana arahnya....membuat judul blog bergerak kok dihubungkan dengan penjualan. Udah dech... kita langsung ke TKP...sudah siap?

Yang harus dilakukan adalah :
  1. Login ke Blog anda, lalu klik Layout/Tata Letak.
  2. Setelah itu klik Edit HTML lalu beri tanda centang di Expand Widget Templates.
  3. Jika anda sudah masuk Edit HTML cari kode </head> (jika mau lebih mudah mencarinya klik F3 pada keyboard dan tuliskan kata yang ingin dicari)
  4. Jika kodenya telah di temukan copy kode di bawah ini dan letakan dibawah kode </head>
<script language='JavaScript'>var txt=&quot; TULIS TEKS ANDA DI SINI &quot;; var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak(); </script>


Ternyata caranya cukup mudah, siapapun bisa langsung melakukan aksi bagaimana membuat judul blog pada tab bergerak. Mudah bagi yang mau mencoba, dan terasa sulit bagi yang tidak berani mencoba. Semoga berhasil, kalau belum berhasil berarti resepnya berkurang.

Selamat mencoba...!
Read more
1

Tips Merubah Logo Blog


Apa itu icon address bar ? untuk lebih mudah menjelaskannya, perhatikan gambar

biasanya setiap kita buka alamat website/blog, kita temukan logo pada alamat tersebut. Logo itu bisa kita rubah sesuai dengan keinginan kita sendiri. Supaya tampilan blog kita lebih keren, kita buat gambar yang bisa mewakili isi dari web/blog kita. Membuat blog yang menarik, tentu saja dibutuhkan assesaris yang bisa mengundang orang lain lebih nyaman berada/membaca/memandang tampilan blog kita.
Nah itulah icon address bar, mungkin jika blog biasa gambarnya seperti di atas, kita bisa merubahnya sesuai dengan keinginan kita, lazimnya besaran gambar 20 x 2o pxl.
Nah itulah yang akan kita bahas kali ini, mengganti logo blog sesuai keinginan. Bagaimana caranya ? ikuti langkah di bawah ini :

  1. Langkah pertama, buatlah logo anda sendiri sesuai keinginan anda atau anda bisa cari di internet
  2. Jika gambar yang anda buat sudah jadi, upload gambar anda ke http://photobucket.com/ atau yang lainnya.
  3. Jika sudah di upload ambil link gambar anda. Caranya arahkan kursor pada gambar dan copy link yang berada di kotak Direct Link
  4. Login ke blog anda klik layout/Tata Letak -> Edit HTML. Cari kode </head>
  5. Masukan kode dibawah ini tepat di atas kode </head>
<link href=' link anda yang telah di copy ' rel='shortcut icon'/>


contoh

<link href='http://i953.photobucket.com/albums/ae17/abi-galoga/logo.gif ' rel='shortcut icon'/>

</head>


Mudahkan, selamat mencoba semoga tampilan blogmu lebih baik dari se
Read more
1

Cara membuat Contact form


Sebelum anda memasang kontak form di blog, ada baiknya mempertimbangkan baik dan buruknya terlebih dahulu. Salah satu kebaikan atau kelebihan dari mamasang fasilitas kontak form yaitu mempermudah pengunjung untuk mengirimkan pesan ke anda. Lalu kekukarangan atau keburukannya yaitu karena sangat mudahnya orang mengirimkan pesan, maka anda harus bersiap-siap kebanjiran email di inbox anda dan tentunya anda harus meluangkan waktu untuk membalasnya, betul tidaaakk?

Dimanakah kita bisa mendapatkan kontak form? di luar sana banyak sekali website yang menyediakan fasilitas ini, selain yang berbayar ada juga yang gratisan. PASTINYA kita semua paling senang yang gratisan bukan? o’o….. kamu ketauan… suka gratisan… karna dirimu sama dengan aku . Web penyedia kotak form secara gratisan antara lain http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com dan banyak lagi yang lainnya.

Kontak form yang akan dipergunakan adalah kontak form dari http://www.emailmeform.com, dan agar seragam, maka tutorial yang akan disampaikan atau terangkan adalah tentunya dari web ini. Berikut adalah langkah-langkah membuat sebuah kontak form :

  1. Silahkan kunjungi situs http://www.emailmeform.com.
  2. Arahkan pandangan anda ke sebelah kanan atas monitor.
  3. Klik pada tulisan Sign up for free.
  4. Isilah form yang ada dengan data diri anda :

    First Name : » isi dengan nama depan anda. Misal : jaka.

    Last Name : » isi dengan nama belakang anda. Misal : tingkir.

    Username : » isi dengan username yang di inginkan. Misal : jaka25.

    Password : » isi dengan kata kunci yang di inginkan. Misal : juralitjungkel.

    Retype Password : » isi dengan kata kunci yang tadi di isikan. Misal : juralitjungkel.

    Your Email : » isi dengan alamat email anda. Misal : jakatingkir25@yahoo.com.

  5. Klik tombol Sign up.

  6. Setelah muncul tulisan terima kasih, silahkan cek email yang tadi di masukan oleh anda untuk memeriksa email verifikasi.

  7. Buka email kiriman dari EmailMeForm yang bertajuk Your new account information.

  8. klik link yang di berikan di email tersebut atau kalau tidak bisa, copy alamat URL tersebut lalu paste di address bar browser internet anda untuk melakukan verifikasi bahwa email yang tadi di masukan adalah benar-benar milik anda.

  9. Setelah proses verifikasi selesai, silahkan klik tulisan click here untuk menuju halaman akun kontrol panel anda.

  10. Alihkan perhatian anda ke sebelah kanan monitor. Klik tulisan Create new form.

  11. Ada beberapa form yang perlu di sisi :

    Web form Name : » isi dengan nama yang anda inginkan, atau biarkan saja (di sana sudah tertera Contact Webmaster).

    Recipients Emails : » isi dengan alamat email yang akan menerima pesan.

    Spam Email address : » isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iseng doank, email iklan, dll) atau kosongkan saja bila tidak mau menerima pesan email spam.

    Thank you page : » isi dengan alamat URL yang memuat tulisan terima kasih, contoh postingan yang ini. Atau jika bingung, tulis saja alamat blog anda.

    Number of fields : » biarkan 4 saja.

  12. Klik tombol next yang ada di sebelah kanan.

  13. Ada beberapa field name yang bisa di ganti sesuai keinginan, misal : Your Name jadi Nama, Your Email Address jadi alamat Email, dst. Atau biarkan saja seperti itu.

  14. Klik tombol next yang ada di sebelah kanan.

  15. Klik tombol next lagi.

  16. Silahkan isi dengan keinginan anda ( hehehe… cape kalau nerangin yang ini) atau biarkan saja seperti itu.

  17. Klik tombol next lagi.

  18. Klik tombol next lagi.

  19. Akan di perlihatkan contoh tampilan kontak form yang tadi di buat oleh anda.

  20. Klik tombol Finish.

  21. Klik tulisan Get the HTML codes.

  22. Copy kode yang ada di text area, di bawah tulisan Copy and paste this HTML code into your page. Lalu paste pada notepad atau text editor lainnya.

  23. Selesai.

Untuk membuat sebuah halaman kontak kami, anda tinggal membuat sebuah postingan seperti biasa. Untuk memasukan kode yang tadi di dapat dari EmailMeForm, anda pindah dulu dari menu compose ke Edit HTML lalu paste di situ. publish dech. Beres.

Selamat berbingung ria bagi yang masih bingung.



http://kolom-tutorial.blogspot.com

Read more
0

Cara Pasang Blogger User Login Di Blog


Cara Pasang Blogger User Login Form Di Blog, dengan memasang widget ini. anda bisa langsung login ke Blog anda tanpa harus mengunjungi www.blogger.com.
Berikut adalah contohnya:



Jika anda tertarik, silahkan ikuti langkah demi langkah dibawah ini :
  • Login ke akun Blogger anda
  • Kemudian Masuk ke Rancangan »» Elemen Laman »» Tambah Gadget, Pilih HTML/JavaScript
  • Setelah itu masukan kode dibawah ini:


<center><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: (e-mail) <br/><input id="Email" tabindex="1" value="" name="Email" size="25" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">Lupa password</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="25" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="User Login" class="ubtn ubtn-block" name="submit" type="submit"/></form></center>



silahkan mencoba, semoga berhasil
Read more
0

Cara Membuat Kotak Daftar Isi


Menyusun daftar postingan adalah bagian dari bangunan yang bisa digunakan untuk menghiasi tampilan blog kita. Blog yang memiliki daftar postingan, akan mempermudah pengunjung untuk mencari informasi yang ada di blog kita. Tapi tentu saja semua informasi tidak wajib kita tampilkan dalam blog kita, daftar postingan sekali lagi hanya menjadi bagian assesories blog, bukan wajib. Jadi dikerjakan bisa lebih baik ditinggalkan juga lebih baik, tergantung dari sisi yang mana anda memandangnya, ok langsung kita ke TKP, ikuti langkah ini :

1. Login ke Blog anda > Layout (tata letak) > Page Elements (laman elemen) Add a Gadget (tambah gadget) > HTML/JavaSript
2. Copy-paste kode berikut ini di kotak konten

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvedn4TCCPCp-NcEtrvmRTCmcyVJi62PC706AEvM-OMQruuc6gE1fU9OdN0yTBnpSOLJ4_7sKiojlqu2buDToMwlsUPULDKbiqsRMPhsxzt_29O2m3HQ07s9yNx0HipfYTTxC8NqVzLtWO/") 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="URL postingan anda">Judul Postingan anda</a></div>

</div>


Keterangan :
  • Kode yang bercetak tebal di atas harus anda tambahkan sesuai banyaknya posting anda.
  • Kode yang berwarna merah ganti dengan URL / Link posting anda. Contoh URL / Link posting misalnya seperti ini http://www.geraiblog.com/2010/10/cara-membuat-kotak-daftar-isi.html

Selesai, Ok, silahkan mencoba semoga berhasil
Read more
0

Daftar Kode Warna HTML

Warna merupakan komponen terpenting dalam setiap momen, apapun status anda, profesi, kedudukan atau apapun yang ada di alam ini tidak bisa melepaskan keterkaitan dengan yang satu ini, yakni warna. Kulit memiliki warna, baju, sepatu, rambut atau apapun kata yang kita sebutkan pasti memiliki sifat ini. Dalam dunia desain, warna atau komposisi dalam mengeksplore tampilan mensyaratkan warna yang sesuai, dalam dunia website/blog akan selalu berhubungan dengan warna. Apapun tempatnya, warna akan selalu ada ( apapun minumannya warnanya pasti ada). nah kali ini saya akan berbagi mengenai kode-kode warna yang akan selalu kita gunakan ketika merubah tampilan website/blog yang ada.

#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000
#465584
#EEF2F7
#3A4F6C
#00D
#434951
#555
#777
#DFE6EF
#345487
#F5F9FD
#3860BB
#BCD0ED
#C2CFDF
#F0F5FA
#D1DCEB
#003
#900
#CCE9FD
#E4EAF2
#4C77B6
#DFE6EF
#EEF2F7
#F
Read more
 

Blogger Tube

Blogger Tube
contoh DEMO klik gambar

Rock All Night

Rock All Night
contoh DEMO klik gambar

Business View

Business View
contoh DEMO klik gambar

Cameo

Cameo
contoh DEMO klik gambar

Studeno

Studeno
contoh DEMO klik gambar

FRANKLE

FRANKLE
contoh DEMO klik gambar

Photo Gallery

Photo Gallery
contoh DEMO klik gambar

Malina

Malina
contoh DEMO klik gambar

Guild Wars

Guild Wars
contoh DEMO klik gambar

Liberation

Liberation
contoh DEMO klik gambar

i Movies

i Movies
contoh DEMO klik gambar

New Story

New Story
contoh DEMO klik gambar