Gober Blog: Widget

Showing posts with label Widget. Show all posts

Friday, June 25, 2010

Make a Widget Translate Header on Top Right Corner

Make a Widget Translate Header on Top Right Corner - Before learning tentnag follow these tips, my friend had chechk this article yet?
Blog buddy wants to be known to everyone? Indonesian people have guns just dropping by, but also an outsider. Then how to pamper people outside? Guns pake us their language? Put only "Translator Widget."
Translator of the most popular widget is from google translate. My friend once tried to make it? Then how do I make it? Well, it's easy. . .

First, open the page "Google Translate" Click Here

Second, get the code. . . . As * save the code *
I would ask my friend about where you want to put the widget google translator?In the sidebar? Footer?In this post I will share tips google translator widget is placed on strategic locations, namely at the top right corner of the blog header buddy ^ _ ^
How?
follow these steps,Open an account buddy bloggersOpen Design / DesignChoose Edit HTMLThen find the code <div id='header-wrapper'>Place the following code just below the code above<div style='float:right'>
Widget CODE TRANSLATOR here</ Div>

Sunday, May 9, 2010

Cara Membuat Widget Search Engine

Search Engine di blog sama saja dengan Search Engine seperti Google, Yahoo dsb. Yang membedakan cuman lingkup pencariannya, kalau di Google, kan lingkupnya seluruh web yang udah terdaftar di Google (Cara Mendaftarkan Blog ke Google, baca di sini), tapi kalau yang di blog, lingkupnya otomatis di blog itu saja dong.

Yukk kita menuju tutorial buatnya,

1.Masuk ke blogger, buka layout => Page Element => Add a Gadget => html javascript
2. Masukkan kode berikut,

Note : Yang merah adalah url blogmu, yang biru adalah lebar Widget-nya
Previewnya kayak gini nih . . .

Pengin bentuk-bentuk yang lain? baca saja di sini

Cara Membuat Widget Link Exchange (Tukeran Link)

Widget ini sangat berguan untuk promosi blog ke orang lain. Dengan widget ini, kita bisa tukeran link atau banner dengan blogger lain.

Sok, langsung ke TKP aja . . .

1. Seperti biasa, masuk ke blogger, buka layout => add a gadget => html javascript
2. Masukan kode berikut,

Note:
Ungu : ukuran textarea
Hijau : Url Blog Kamu
Merah: Url Banner/gambarmu
Biruu : masing-masing lebar dan tinggi banner kamu

Jika seperti itu, maka hasilnya kita akan dapat texareanya dan isi kode-kodenya, previewnya kayak gini loh . .

Nah. itu kan baru text area sama kodenya, sekarang Kamu tinggal kasih gambar banner Kamu di atasnya, langkahnya gampang . .

misal gambar bannermu kayak gini

Url-nya : http://img378.imageshack.us/img378/7816/facebook24x24lf9.png

cara menampilkan gambar itu kayak gini,

Nah, jika kita gabungkan atara Text area+kode di dalamnya dan gambar bannermu di atasnya ,maka kode keseluruhannya seperti ini,

Hasilnya :

Note : kamu tinggal ganti Url Blogmu (hijau) sama url gambar bannermu (Ungu) plus Kamu sesuaikan sendiri lebar tingginya, gampang kan ?

Selamat Mencoba

Cara Membuat 'Langganan Lewat Email' atau 'Email Subscribtions''

Maksud dari Email Subscriber tersebut adalah widget untuk mempermudah para pembaca blog kita dengan Email Subscriptions ialah cara menawarkan untuk berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Contohnya seperti pada sidebar kiri blog ini, bagian atas itu lho . . . .

Yuk langsung ke TKP pembuatan Email Subscriptions

1. Sebelumnya Kamu harus punya akun Feedburner dulu, kunjungi http://www.feedburner.com
2. Buat akunnya dulu, dengan cara mendaftarkan blogmu, nanti di sana Kamu akan disuruh untuk mengisikan alamat feed blogmu
3. Alamat feedmu seperti ini, http://Blogmu.blogspot.com/feeds/posts/default , ganti Blogmu dengan alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang ada di sana, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Isi terus kolom-kolom pendaftarannya, yang terakhir Kamu klik pada "Activate Feed"
5. Jika telah selesai dan berhasil, maka akan ada konfirmasi dari sananya
6. Di bawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management"
7. Kemudian pilih menu "Publicize"
8. Carilah menu "Email Subscriptions", pilih menu itu
9. Kemudian klik tombol "Activate"
10.Buat kode-mu sendiri (atur-atur sendiri deh di situ) pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout => Add a Gadget => HTMl/Java Script"masukkan kode tadi
13. Selesai dan lihat

O, ya . . .rasanya kurang jika di blogmu ada widget Email Subscriptions tapi ngga ada widget pendampingnya, seperti jumlah orang yang udah berlangganan di blog, atau yg udah baca-baca lewat email . . . .Nah, untuk panduan cara pasang widget tersebut, Kamu baca saja di sini.

Cara Membuat Widget Translator Google

Transaltor adalah widget yang beguna bagi para turis yang berkunjung ke Blog kita. Kadang, yang namanya turis kan butuh pemandu, Nah . . . .Widget Translator ini lah pemandunya. Kali ini kita akan membahas tentang Widget Translatior Buatan Google. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia.

Yukk . . .langsung ke tempat kejadian . . . .

1. Masuk ke blogger, buka "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget".
3. Lalu pilih HTML/Javascript
4. Nih kode-kodenya, masukkan kode berikut,

5. simpan.

Seperti ini jadinya,

Pengen, translator yang laen . . . . .baca di sini