Showing posts with label widget. Show all posts
Showing posts with label widget. Show all posts

Cara Memberi Kotak Search Versi Tipstrikseoblogger Blogspot

Posted by wiwied dyat on Wednesday, September 14, 2011

Hal yang utama bagi blogger yang ingin menjadikan blognya SEO atau Search Engine Optimatizion salah satunya adalah dengan memberi kotak Search, yang memudahkan visitor untuk searching post-post yang ada di blog anda secara cepat dan tanpa kompromi hehe.. kalau sekarang yang akan saya berikan adalah kotak search versi saya, simple dan tidak memakan tempat. Setelah itu tidak membuat lambat halaman.

Tutorialnya Langsung Saja:

  • Masuk lah ke Akun Blogger anda
  • Menuju rancangan
  • Buatlah Gadget baru, dan pilih HTML / Javascript
  • Masukkan kode berikut 
<div class="block-widget_search" id="instance-search-3">
<div class="search-form">
<form action="/search" class="clearfix" id="searchform" method="get">
<fieldset>
<div id="searchfield">
<input class="text clearField" id="searchbox" name="q" onclick="thisClear()" type="text" value="" />
<input class="submit" type="submit" value="GO" />
</div></fieldset>
</form>
</div>
</div>

  •  Selesai, Save lahh..
Sekian Tutor dari saya Terimakasih

More aboutCara Memberi Kotak Search Versi Tipstrikseoblogger Blogspot

Cara Memberi Forum Simple Di Blog

Posted by wiwied dyat on Tuesday, September 13, 2011

cara memberi forum simple pada blog - kali ini saya akan berbagi ilmu tentang forum pada blog. Forum yang akan saya beritahu ini sangat simple dan cepat pemasangannya. Dengan begitu anda dapat bertukar pikiran dengan visitor anda. Untuk pemasangannya liat di bawah ini:
  • Pertama, bukalah http://tal.ki
  • lalu login, anda dapat menggunakan account facebook, Gmail , dan lain-lain
  • klik GET YOUR EMBEDDABLE FORUM
  • setelah itu klik try it for free
  • setalah itu akan muncul scriptnya, copy lah scriptnya
  • paste scipt tersebut ke tempat yang anda inginkan
sekian tutorial tentang  cara memberi forum simple pada blog, semoga bermanfaat :D



More aboutCara Memberi Forum Simple Di Blog

Cara Mengubah Kursor Pada Blog saat berada di link

Posted by wiwied dyat on Sunday, September 11, 2011

Saya menemukan tutorial untuk blog yang keren. Bagi para blogger yang ingin memperindah dan mempercantik blog anda dapat menggunakan ini yaitu Mengubah Kursor Pada Blog saat berada di link. yap, jadi saat ada button atau tulisan yang mengarah ke suatu web atau page akan berubah cursornya... 
Caranya:
  • masuklah ke akun blogger.com anda
  • pergilah ke rancangan, Edit HTML nah disini coba cari code a:hover{
  • lalu tambahkan code cursor:wait
jadi akan menjadi, contoh:

a:hover {
color:#d2691e;
font-size:19px;
font-style:strong;
cursor:wait;
}


  • save teamplate!!
anda dapat merubah code yang berwarna merah menjadi keinginan anda. anda bisa melihat daftar HTML cursor code di post saya ini.

Terima kasih telah membaca

More aboutCara Mengubah Kursor Pada Blog saat berada di link

Daftar HTML Cursor Code

Posted by wiwied dyat


Nah, ini dia Daftar code HTML yang sudah saya janjikan.. 

untuk contoh tampilannya anda tinggal pindahkan cursor anda ke code di bawah ini.
HTML cursor CODE

HTML cursor codes - "Auto"

HTML cursor codes - "Default"

HTML cursor codes - "Text"

HTML cursor codes - "Help"

HTML cursor codes - "Pointer"

HTML cursor codes - "Wait"

HTML cursor codes - "Crosshair"

HTML cursor codes - "Move"

HTML cursor codes - "Smile"

HTML cursor codes - "Progress"

HTML cursor codes - "e-resize"

HTML cursor codes - "ne-resize"

HTML cursor codes - "nw-resize"

HTML cursor codes - "n-resize"

HTML cursor codes - "se-resize"

HTML cursor codes - "sw-resize"

HTML cursor codes - "s-resize"

HTML cursor codes - "w-resize"


Sekian info dari saya terima kasih 

More aboutDaftar HTML Cursor Code

Cara Memasang Google translate dengan gambar negara yang ada bayangannya

Posted by wiwied dyat on Saturday, September 10, 2011



udah lama saya tidak mengeshare dan berbagi tutorial karena mempunyai urusan diluar blog. nah sekarang tutor yang saya kasih adalah Cara Memasang Google translate dengan gambar negara yang ada bayangannya tidak jauh berbeda dari tutor yang sebelumnya yaitu, Cara Memasang Google Translate With flag tranparantlangsung saja ke tutor nya ya

berikut tutornya: 
  • masuklah dasbor blog anda
  • menuju rancangan 
  • buatlah Gadget baru dengan klik 'Tambah Gadget'
  • lalu pilih 'HTML/Javascript'
  • setelah itu masukan kode di bawah ini 


  • Selesai.. Simpan lah html/javascript tadi dimana pun anda mau
Sekian tutorial dari saya... mohon maaf bila ada salah kata


More aboutCara Memasang Google translate dengan gambar negara yang ada bayangannya

Cara Memasang Google Translate With flag tranparant

Posted by wiwied dyat on Monday, August 29, 2011



Cara Memsang Google Translate With flag tranparant-Widget translate memang sangat di butuh kan sebagai penerjemah di blog kita, jika tidak ada translate pengunjung dari luar negeri pasti sulit sekali untuk membaca artikel kita yang biasanya berisi bahasa sehari hari. Di widget translator hanya bisa mentranslate dari bahasa baku. jadi usahakan Postingan anda berisi bahasa baku. jika anda ingin memasang widget translator.


tutorialnya sebagai berikut:


1. untuk model yang pertama (single cloumn)




2. untuk model yang ke dua (single row)


3. untuk model yang ke tiga (double row)


cara pemakaiannya:
1. login ke blogger anda
2. masuk ke rancangan
3. tambah gadget, pilih Javascript/HTML
4. copy lah salah satu HTML yg ada di atas
5. simpan, dan tarulah di tempat yang anda suka

untuk demo dan gambarnya menyusul
sekian Tutorial singkat ini terimakasih :D

More aboutCara Memasang Google Translate With flag tranparant

Cara membuat daftar isi Blogspot dengan cepat (Index blog)

Posted by wiwied dyat on Friday, August 26, 2011


Daftar isi merupakan suatu komponen yang penting sebagai denah seorang visitor, mungkin blog saya tidak memiliki navigasi next page maupun previous page yang memudahkan pengunjung untuk memutar-mutar pagenya, tetapi blog saya memiliki daftar isi yang bisa di lihat oleh semua orang. Jadi pengunjung tidak membuang-buang kuota & waktu  untuk mengganti halaman hanya untuk mencari artikel yang di inginkan. Daftar isi harus di tempatkan di tempat yang mudah di lihat oleh pengunjung, seperti yang terdapat di blog saya.
More aboutCara membuat daftar isi Blogspot dengan cepat (Index blog)

cara memberi navigasi breadcumb pada Blogspot

Posted by wiwied dyat

cara memberi navigasi breadcumb pada Blogspot - sekarang saya akan memberitahu tentang memasang navigasi breadcumb di blogspot
Untuk memasang navigasi breadcumb di blogger, jika breadvumb yang anda maksud sama dengan gambar diatas, berikut langkah-langkahnya:
More aboutcara memberi navigasi breadcumb pada Blogspot

Cara Menambahkan Pesan Di Bawah Post

Posted by wiwied dyat



Cara Menambahkan Pesan di Bawah Posting Blog - Nah sekarang saya akan memberi tips blog lagi... Sobat blogger pasti pernah liat kan blog yang dibawah postingannya ada pesan atau iklannya? kalo belom, coba liat dibawah postingan ini, yang ada di bawah..
More aboutCara Menambahkan Pesan Di Bawah Post