Cara Daftarkan Blog di Search Engine

Bagi anda blogger yang baru bikin blog, tentu saja kita ingin agar blog kita bisa diakses pembaca dari search engine. Selain membuat artikel yang bagus dan keyword yang pas, tentu saja kita harus mendaftarkan blog tersebut di serach engine untuk memudahkan pencarian.

Nah, kita bisa memulai optimasi blog agar blog kita bisa di pick up oleh search engine, dan bukan hanya semata-mata oleh google, tapi oleh search engine lainnya.

Kita bisa mencoba dengan menggunakan auto ping  di bawah ini :

1. http://pingomatic.com
2. http://autopinger.com
3. http://www.pingmyblog.com
4. http://www.feedping.com
5. http://blogsearch.google.com/ping
6. http://pingler.com

Tinggal masukkan nama blog dan klik ping, blog anda akan didaftarkan di banyak search engine dunia maya. Kenapa tidak mencoba?

Mungkin anda menyukai -

 

• daftar blog di search engine
• mendaftarkan blog di search engine
• daftarkan blog di search engine
• mendaftarkan blog ke search engine
• daftarkan blog
• daftar blog ke search engine
• mendaftar blog ke search engine
• daftarkan blog ke search engine
• mendaftarkan blog di serach engine
• daftarkan blogger

Read More

Membuat Efek Gambar Bergetar Pada Blog

Kembali Ke Tutorial Blogger Lagi Dan Kali Saya Akan Bagikan Cara Membuat Gambar Pada Blog Mempunyai Efek Getar Seperti Orang Kedinginan Gitu. Dan Karna Tutorial ini Sangat Mudah Di Cerna Kita Langsung Ke Tutorial.

Nah Berikut Contoh Efek Gambar Bergetar Pada Blog Dan Silahkan Sobat Blogger Arahkan Cursor Mouse Pada Area Gambar.

Bila Sobat Blogger Berminat Silahkan Simak Cara Membuatnya Dibawah ini:

• Silahkan Login Ke Akun Blogger Sobat.
• Masuk Ke Rancangan Lalu Pilih Edit HTMl Dan Jangan Lupa Centang Expand Template Widget.
• Carilah Kode ]]></b:skin> Dan Letakkan Kode Berikut Tepat Diatasnya.
  

  .img_getar{
  position:relative
  }

• Lalu Cari Kode </head> Dan Letakkan Kode Berikut Tepat Diatsanya.
  

  <script src='http://filiex.googlecode.com/files/Getar.js' type='text/javascript'/>

• Simpan Template.
• Nah Bila Sobat Ingin Menambahkan Efek Getar Pada Gambar Sobat Haru Menambahkan class='img_getar' Pada Gambar Seperti Contoh Berikut:
  

  <img class='img_getar' onclick='top.focus()' onmouseout='stoprattle(this);top.focus()' onmouseover='init(this);rattleimage()' src='http://i1230.photobucket.com/albums/ee498/filiex/filiex/indonesia.png'/></a>

• Selesai

Read More

Back To Top Di Blog Dengan Jquery

Salam sobat semua, kita jumpa lage di artikel sederhana saya. Kali ini kita akan belajar membuat “back to top” di halaman blog kita. Back to top adalah sebuah icon untuk memudahkan kita mengembalikan halaman blog yang sudah berada di halaman bawah agar kembali ke atas tanpa harus mlakukan scrol ke atas. Icon back to top ini berbeda dengan icon back to top yang tanpa menggunakan jquery atau back to top lainnya. Jika icon back to top lainnya akan tetap nampak walaupun halaman blog kita masih di halaman atas, sedangkan back to top ini akan nampak jika halaman blog sudah di scrol ke bawah. Mau tau akan seperti apa jadinya??? Mari kita coba bersama-sama.

Berikut beberapa tahapan untuk membuat tombol back to top menggunakan jquery.

1. Seperti biasa sobat, silahkan masuk ke blog sobat.

2. Pilih Rancangan atau Design

3. Kemudian pilih “EDIT HTML” (jangan lupa centang expand template widget)

4. Copy kode berikut sebelum kode ]]></b:skin>

Read More

Membuat twitter melayang di blog

Bertemu lage ne sobat semua. Tips kali ini kita akan membuat icon twitter berbentuk burung yang bisa terbang melayang-layang dihalaman blog kita. Gak percaya? Hasilnya nanti kayak burung twitter yang di blogku ini kawan-kawan. Postingan ini juga ada gara-gara teman saya ada yang bertanya bagaimana sih bikin icon terbang kayak di blog kamu?. Gimana ya...aku lupa caranya hehehe...caranya mudah kok kawan-kawan. Selain icon burung nantinya bisa melayang, warna burung tersebut juga bisa kawan pilih sesuai keinginan dan selera kawan sendiri. Tidak perlu berlama-lama, begini caranya kawan:

*Pertama, seperti biasanya. Login di blog kawan semua dan langsung menuju menu untuk menambah gadget.

*tambah gadget untuk HTML

*Setelah itu, copy script berikut ini:

<script type="text/javascript" src="http://melayang.googlecode.com/files/Twitterkumpulancara.js"></script>

<script type="text/javascript">
var birdSprite="https://lh4.googleusercontent.com/_M1pYMGMUxt0/TaIJdOSR6lI/AAAAAAAAEeU/CaVfKzCIWwU/s800/twitterblack.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button", "select","ul","ol","li","h1","h2","h3","h4","p", 
"code","object","a","b","strong","span"); 
var twitterAccount = "http://twitter.com/akunsobat";
var tweetThisText = "Twitter - akunsobat http://aftanet.blogspot.com/";
tripleflapInit();
</script>

NB:

-Untuk warna merah adalah warna burung twitternya, silahkan ganti sesuai selera.
-Rubah  http://twitter.com/akunsobat dengan akun Twitter yang kawan punya, begitu pula untuk Twitter – akunsobat.

- http://aftanet.blogspot.com/dengan URL blog punya kawan.

*Setelah semua selesai, silahkan Simpan dan lihat hasilnya.

Jika ingin merubah warna burung silahkan pilih sesuai selera:

Hitam
https://lh4.googleusercontent.com/_M1pYMGMUxt0/TaIJdOSR6lI/AAAAAAAAEeU/CaVfKzCIWwU/s800/twitterblack.png
Kuning
https://lh6.googleusercontent.com/_M1pYMGMUxt0/TaIJ0kOdKNI/AAAAAAAAEec/RgmdHXp7NFs/s800/Twitteryellow.png
Putih
https://lh5.googleusercontent.com/_M1pYMGMUxt0/TaIKQ76rirI/AAAAAAAAEek/kb9g0adXEYA/s800/twitterwhite.png
Merah
https://lh4.googleusercontent.com/_M1pYMGMUxt0/TaIKlWlYSVI/AAAAAAAAEes/Vb5gU3RqJ0M/s800/twitterred.png
Ungu
https://lh6.googleusercontent.com/_M1pYMGMUxt0/TaIK4M7_HMI/AAAAAAAAEe0/NpWY6pOT-Bk/s800/Twitterpurple.png
Hijau
https://lh3.googleusercontent.com/_M1pYMGMUxt0/TaILXUyXarI/AAAAAAAAEe8/CpHByPm4uGY/s800/twitterGreen.png
Coklat
https://lh4.googleusercontent.com/_M1pYMGMUxt0/TaILpKo91hI/AAAAAAAAEfE/zmN7rgbz8IE/s800/twitterbrown.png
Biru
https://lh4.googleusercontent.com/_M1pYMGMUxt0/TaIMDpcPs0I/AAAAAAAAEfM/g3G5JU-zYSA/s800/TwitterBlue.png

Itu tadi tips untuk membuat icon burung twitter yang bisa terbang melayang-layang. Selamat mencoba dan semoga bermanfaa

Read More

Membuat Recent Post pada blog

Jumpa lagi sobat semua. Tips kali ini akan membahas tentang cara pembuatan recent post. Kesempatan yang lalu kita sudah membahas tentang pembuatan Recent Comments. Kalau ada yang sudah membaca, langkah-langkah pembuatannya sama kok. Namun sebelumnya sudah taukah sobat semua apa itu recent post?, recent post adalah potingan atau artikel terakhir yang sudah kita buat. Jadi nanti judul potingan terakhir yang sobat buat di blog sobat bisa ditampilkan, bisa di sidebar ataupun di footer. Kalau begitu bagaimana ya cara membuatnya, caranya sangat mudah kok, ikuti langkah-langkah berikut ini:

*Seperti biasanya sobat, silahkan masuk ke blogger sobat semua

*Kemudian buka design atau rancangan

*Setelah itu pilih Page Element

*Selanjutnya tambahkan Gadget 

*Jika sudah, silahkan pilih HTML atau Javascript

*Masukkan kode berkut:

<script src="http://sites.google.com/site/anasku2000/post-terakhir.js">

</script>

<script>

var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; 

</script>

<script src="http://mybasia.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">

</script>

NB:

-Angka 10 adalah jumlah recent post yang ingin sobat tampilkan,

-Sedangkan untuk  http://mybasia.blogspot.com gantilah dengan alamat blog yang sobatpunya

*Jika semua sudah dilakukan, lalu tekan save atau simpan

*Lihat hasilnya

Itu tadi tips untuk membuat recent post buat sobat semua. Selamat mencoba dan semoga bermanfaat...

Read More

Cara Menulis Script Di Postingan Blog

Jumpa lagi kawan semua. Kali ini saya akan memberikan sedikit tips sederhana bagaimana cara menuliskan script di postingan blog kita. Biasanya kalau kita menuliskan script html atau java script di postingan blog, script yang kita cantumkan akan menghilang atau berubah sehingga tidak dapat ditampilkan di blog kita. Sebenarnya caranya sangatlah mudah. Tidak usah merubah html ataupun cara susah lainnya. Berikut cara agar script bisa dituliskan di postingan blog:
1. Posting tulisan ditempat biasa.
2. Copy kode java script yang anda inginkan di Compose jangan di edit HTML!
3. Di bawah kiri ini anda lihat "post options", silakan anda klik
4. Pada setelan tulisan, pilih "tunjukan HTML pada adanya" atau “Show HTML literally”
5. Silakan terbitkan kali ini kode yang anda buat sudah  siap untuk di tampilkan.
NB: Saat mengcopy  kode javascript di postingan. tempatkanlah kode itu di compose, jangan ke edit HTML karena jika di tempatkan disini kode script yang anda buat akan terbaca dan akan berubah bentuk. Itu tadi tips sederhana dari saya, semoga bermanfaat

Read More

Bikin Keren Blogger mu (membuat menu pada blogger)

Hey kawan, gambar di atas adalah tampilan dari blog pertama saya blogger, yang saya rasa itu sudah cukup lumayan buat saya, nah kali ini saya ingin mengupas tentang blog saya beserta gadget dan cara-cara pemasanya, oke langsung saja sebelumnya sekedar informasi thema pada blog saya di dapat di http://www.bloggerthemes.net/2010/02/designpile-blue.html ,disana ada banyak theme blogger yang keren tidak ada salahnya download disana tenang aja free kok..

1. Membuat menu pada bloggerAgar mempermuda dalam pembuatan menu sebaiknya anda menggunakan theme yang sudah terdapat menunya, sehingga kita hanya melakukan perubahan saja untuk pengunaannya . Ya kita lihat pada gambar di atas, menu terdapat pada posisi yang di tunjuk oleh angka 1, di sana terdapat menu pada aslinya adalah Home, about, advertise, contact namun pada blog saya sudah saya rubah menjadi Home, about me, karyaku, download dan blogger, nah sekarang kita mencoba cara mengantinya dan memfungsikannya.

Cara 1 (mengedit yang sudah ada)

• Login ke akun blogger anda kemudian masuklah pada menu rancangan -> edit html, kalau sudah tekan ctrl+f maka akan keluar menu find lalu ketikan “home”

Pada tulisan

1)

Home

2)

About

Warna orange adalah jenis font yang akan digunakan, warna biru itu adalah tulisan yang akan ditampilkan dan warna merah adalah alamat link yang di tujuan.

• Disini kita tidak usah merubah pada label home, karena itu sudah otomatis menuju ke home blog anda kalau mau merubah tulisanya maka rubahlah pada warna biru seperti tulisan di atas.2. selanjutnya pada yang ke 2) kita harus memasukakan alamat tujuan seperti contoh pada warna merah dan melakukan perubahan pada tulisan warna biru. Gimana cara mengetahui alamat link tujuanya?? Nah begini caranya kita buat dulu sebuah posting yang berisi tentang anda, kalau sudah muncul pada blog anda ambilkan link urlnya lalu copy dan pastekan pada tulisan warna merah. Cara yang sama berlaku untuk menu-menu lain di bawahnya.kalau sudah semua jangan lupa di save dan silahkan di cek..

Cara 2 (membuat menu baru)

Cara 2 ini adalah membuat menu baru yang di tambahkan edit html, berikut adalah caranya :

• Carilah pada script html dengan bantuan find
• Setelah di temukan kopikan script html ini tepat di bawah

• Home
• About Me
• Download
• Karyaku

• Itu cara membuatnya untuk mengeditnya silahkan gunakan cara 1
• Jangan lupa di save dan di cek

Cara 3 (membuat menu dengan memanfaatkan fitur pada blogger) Cara 3 ini adalah cara membuat menu dengan memanfaatkan fitur pada blogger, yang biasa di sebut laman, cara membuatnya :

1. Masuklah ke menu posting->edit laman->laman baru
2. Berikan lah judul pada laman tersebut sebagai contoh membuat about , kemudian di save dan tayangkan laman.
3. Di halaman selanjutnya pilih tab blog maka menu akan terletak di atas lalu simpan dan terbitkan.

yang berada di kotak kuning adalah hasilnya pembuatan menu dengan laman

Oke cukup dulu mengupas tentang membuat menu, selamat mencoba, kalau ada yang perlu ditanyakan langsung aja di komen, semoga bermanfaat. Sambung lagi di posting berikutnya tentang

sumber:http://restografiti.blogspot.com

Read More