Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Senin, 12 Maret 2012

Cara Memasang Widget Jam Di Blog


Salah satu situs web yang menyediakan widget Jam adalah ClockLink, Disana Anda dapat menemukan berbagai model widget jam menarik untuk Anda pasang pada blog Anda, dan tentunya secara gratis.

Dibawah ini adalah screenshot contoh beberapa model widget jam yang disediakan oleh ClockLink :



Cara Memasang Widget Jam Di Blog :

Langkah 1 : Kunjungi situs www.clocklink.com
Langkah 2 : Pada sidebar web tersebut adalah kategori yang dapat Anda pilih, silahkan tentukan salah satu pilihan model widget yang Anda sukai.

Langkah 3 : Setelah Anda menentukan salah satunya klik "View HTML Tag" dibawah Jam tersebut untuk mendapatkan kode script-nya.



Langkah 4 : Pada halaman baru yang muncul klik "Accept"



Langkah 5 : Sesuaikan warna untuk tampilan widget jam dan jangan lupa atur Zona waktu serta ukuran widget yang akan di tampilkan.




Langkah 6 : Setelah Anda menyelesaikan Langkah 5, selanjutnya Copy kode script yang terdapat pada kotak dibawahnya



Langkah 7 : Setelah berhasil mendapatkan kode script silahkan menuju pada halaman Dasbor blog Anda

Langkah 8 : Pada halaman Dasbor blog, klik Rancangan kemudian klik Tambah Gadget pilih HTML/JavaScript



Langkah 9 : Paste kode script yang sudah Anda copy tadi kedalam konten Gadget

Langkah 10 : Untuk penempatan Widget ini bisa Anda sesuaikan sendiri
Langkah 11 : klik Simpan

Selesai.

Minggu, 11 Maret 2012

Cara Memasang Widget SMS Gratis

Widget SMS online adalah sebuah widget yang memberikan layanan mengirim SMS gratis secara online ke semua operator. Dengan memasang widget SMS Online Gratis ini dapat menarik  pengunjung blog/web untuk betah berlama-lama di blog/web Anda. Widget ini disediakan oleh situs www.sms-online.web.id
Cara Memasang Widget SMS Online Gratis Di Blog :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor pilih Rancangan
Langkah 3 : Klik Tambah Gadget, pilih HTML/JavaScript




Langkah 4 : Copy kode dibawah ini :

<iframe name="I2" src="http://sms-online.web.id/widget"style="border: 1px solid rgb(255, 255, 255);" frameborder="0" height="264" scrolling="no" width="84%"> not support</iframe>

Langkah 5 : Paste kode diatas kedalam konten Gadget
Langkah 6 : Untuk penempatan Widget ini bisa Anda sesuaikan sendiri
Langkah 7 :  Simpan

 Selesai

Rabu, 07 Maret 2012

Cara Memasang Google Translate Pada Blog


Google Translate adalah tool dari Google yang berfungsi untuk menterjemahkan bahasa blog/web ke berbagai bahasa lain. Memasang widget ini pada blog untuk tujuan agar pengunjung blog yang berasal dari negara lain tetap dapat mengerti maksud dan tujuan penyampaian artikel di blog Anda.

Cara Memasang Google Translate Pada Blog :

Langkah 1 : Kunjungi situs http://translate.google.com/translate_tools
Langkah 2 : Pilih atau sesuaikan terlebih dulu fitur gadget sebelum mengambil script-nya, seperti dibawah ini :
  •  Step 1 : pilih Add translation to the entire webpage
  •  Step 2 :, pilih bahasa yang digunakan pada blog Anda

  • Step 3 : klik Show optional settings


     


    Pilih All Language untuk menerapkan seluruh Bahasa yang ada
    Atau pilih Specific languages untuk menampilkan hanya Bahasa yang ingin Anda pilih.
    Pada Display Mode silahkan Anda sesuaikan sendiri
    Advanced biarkan saja default
  • Step 4 : Copy seluruh script yang terdapat pada  kotak dibawahnya


Langkah 3 : Masuk pada halaman Dasbor blog Anda kemudian klik "Rancangan"




Langkah 4 : Klik Tambah Gadget => Pilih HTML/JavaScript



Langkah 5 : Paste Code script Google Translate yang sudah Anda copy kedalam konten Gadget

Langkah 6 : klik Simpan

Selesai

Senin, 20 Februari 2012

Cara Memasang Google Translate Versi Bendera

Google Translate memiliki fungsi untuk menterjemahkan bahasa pada  blog/web dari bahasa aslinya ke berbagai bahasa lain. Memasang widget ini pada blog/web cukuplah penting karena apabila sebuah blog/web mendapat kunjungan dari pengunjung yang berasal dari negara lain, mereka pun akan mengerti maksud penyampaian artikel pada blog/web tersebut.


Google Translate V. Bendera
Screenshot oleh www.gudangcara.com














Tampilan widget Google Translate Versi Bendera ini tampak seperti screenshot diatas, untuk menggunakannya, klik pada salah satu bendera yang ingin Anda pilih maka secara otomatis blog Anda akan diterjemahkan ke bahasa tersebut pada tab baru yang muncul.

Cara Memasang Google Translate Versi Bendera Pada Blog :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor klik Rancangan



Langkah 3 : Klik Tambah Gadget => pilih HTML/JavaScript 



Langkah 4 : Copy seluruh kode dibawah ini :

<div class="widget-content">
<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrZArqYLUqxFPpTB_WN5g7ERNeThK1NBUHXDVVUzwpRh6b8eB9fOX-qImNOm6x692Yg9QfBXbm6CjKWG0498sjDlXyCwwkVlawbvxhTfMam_m9eJGZfzrO5ZyXFV8DoNESCkZqUt3Lis8/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3f-l-zOrWfaat174p0DVlDnXad9guQSR_IIKxmJqYxMkKzLT5BSYCrrs9TIYMe-Md6yH8zpYQ45m8ANzJK9WxW-8alfsTJzw-NtP_fVmfK9UOJX7jHAOl437KtFz3OmHD2yQJK7UKVI/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwfYRs4RMLMFw3YsJqhonAGNSfcXtyMEoU1Rl4CY5FWi2nobhw-TONxLSOfDC6vYo6uM2qsDO1p1HzHLhyPk9bCR-Rl7lmwhVrxqAiLB2TidenujAwW609uzjk32pOnWsodJeXhTJnaZV/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhws86cbVC09aQ3WmNWJQP5HN1iDLkKKK3pKCmcPzuctvAZb0zO_uFX-TdnM1QfjgdOwtfM_ktWCHCAi8u0ku04g8sTPd9UmdJ7VCp8jnfq87Z9qdh1R898CkaH0VpeBf1WfiT_dq6-50gB/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichM-67XY9C6YQWx6n9ywXxb6qjPBWFNjr2e1a3KScOXLbivqCodhVRFPqpISF2YXHH3nfZZdElidoEdUMZrXsRFce2yTknXenhV39Wj4QrlPDhfiQxy50jJmG9I9h-eHCKvHdxiyWw3U/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQoJgqFf-vjbZVgtCfnPtVs8HGthND0np049OHX3I0EpIZrTrasTZpvSW59rO_3VgHvCP5ASlJAC1brBUsN2s0SIy3hotJiHYaBvFIxxrjGXN01TTsD5RRbIZK-Tiinlt4ynNLXKkBsAk/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<br /><br />

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzyUKfykEm-YE1WHmxL-Isu9GSKgJMAlQUTSYgEL0xNtu1OzPKgiHtgt6p2py_1kYCwxyDNSyqZjtjEF9gR_cQ3auXKJU3s1-Dc7G2jaftPaESS9eqnHAmdgy4ffbtFUx2wJknCodiSag/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBF3k4NKKf2E-5LrfCnp1JTQ7HkJtdIWmgYa_jtys0CilrX3zf05NhTETxKb-cuQuTCe3uQZisl4jBf4ABkTS74d8etQI02SSeKRCMyIKqK0GWWNu1zh5WAmsudos-sqTi-nRVOJoIEu4/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCtYpQBtUoGWNF58b1cFSwP2Yo3sGzuB1ZHYIIsUSCMrJQbU2hcpkI1un6Zhqk5Zp9tHkXwaR36vWhN7Br-oFLeUkfRy-hm9DxtnLr00agofQdknEbUpRIwbDu1mQhhGizm-8Un8Gwnycr/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyUGkiqpErpj6qdUvu93VFkIpHM6V_bVqaeTLjSNXcTPBumyGYHwoqdnS115-jg6PLWF8gk2My1THWfmCN7PGQ1-Vh0vEeuon2lYq2ospAusO3c_CQNXMwU96QPiLRqaORXipvfEiL5eM/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTE0rhWtHgN1_EnrF8LA3KgxYQU319ZXlMSfg0Z6NWNC8OvJlFj2aM_8vCnPByVGZqHoWihlNmoYN7wbMM2tQnGwDxvU9RqWkBU9MiolxMROHB1Yw8jAhl-ziPrERSAYz6aw-bm72w3Qw/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR0It7GxxAHWer-XgBKrTxTI0yYyjPmUQ1j6rrGQobTec56OWghprF6nTBptm5zGZdE6xAqOQl041zb2y0VjjvGY4gIp4hDwun1wPkWANigMz1J7GAHpU5ti1ziKig6JJwHnPbIG8LeaQ/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br />
</center>
</div>
</div>

NB :
Pastikan tidak ada kode yang tertinggal saat meng-copy kode diatas.

Langkah 5 : Letakkan seluruh kode diatas yang sudah Anda copy kedalam konten Gadget.
Langkah 6 : Klik Simpan

Selesai.