Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Cara Memasang Widget Label Cloud Animasi Pada Blog

Posted by Unknown on Sunday, January 29, 2012

Cara Memasang Widget Label Cloud Animasi Pada Blog mungkin adalah cara yang sedang anda cari untuk mempercantik blog anda, cara ini berbeda dengan cara Memasang Widget Histats. Pada dasarnya ada dua jenis label cloud untuk blog, yang bisa anda pakai untuk mempercantik blog anda, yang pertama adalah label cloud blog yg bentuk tag nya tidak sama dari ukuran, yang kedua adalah label cloud animasi yang berputar apabila anda mendekatkan mouse/ kursor ke label tersebut, untuk lebih jelasnya saya beri gambar untuk ilustrasinya dibawah.



Anda sudah dapat ilustrasinya kan!!!

Very well!! Kita akan lanjutkan untuk bahasan cara memasang widget label cloud animasi untuk mempercantik blog. Begi kawan-kawan blogger pemula, perhatikan langkah berikut
  • Copy script dibawah ini dan simpan di notepad atau microsoft word terlebih. Script dibawah ini adalah script yang saya dapatkan dari sahabat bloger Awalk Blog's. Setelah melakukan sedikit perubahan pada script-nya untuk ukuran sidebar blog yang berbeda, dan silahkan sahabat bloger pakai untuk membuat label cloud animasi pada blog sobat semoga bermanfaat.

<b:widget id='Label99' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='https://sites.google.com/site/scriptawalk/javascript/tagcloudawalkblogs.js' type='text/javascript'/>
<div id='flashcontent'>Tag Cloud <a href='http://abas-kerja-online.blogspot.com/'>kerja online</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "300", "320", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

  • Langkah berikutnya silahkan sahabat blog login ke akun blog sahabat..
  • Dari halaman Dasbor, silahkan klik Tata Letak lalu pilih Edit HTML.
  • Silahkan simpan template sabat untuk antisipasi kesalahan.
  • Lalu paste script diatas di bawah kode berikut:
<b:section class='sidebar' id='sidebar' preferred='yes'>

Untuk memudahkan anda, silahkan cari kode diatas dengan menggunakan tombol Control + F atau tekan F3.
  • Silahkan sahabat blog tekan Preview atau Pratinjau terlebih dahulu untuk melihat hasilnya sebelum melakukan save template anda. Jika sudah silahkan Save Tamplate.


  • Keterangan*
* Lebar widget : 300px* Tinggi widget : 320px
* Warna latar (background) : putih atau #ffffff
* Warna huruf : abu gelap atau 0x333333
* Ukuran huruf : 12

Sahabat blogger bisa mengubah settingan tersebut jika diperlukan untuk penyesuaian dengan blog sobat. Misalnya ukuran siderbar dan code warna, untuk kode warna anda bisa cari di http://www.html-color-codes.info/.

Demikian sahabat blogger mengeanai Cara Memasang Widget Label Cloud Animasi Pada Blog, semoga postingan ini bisa membantu dan bermanfaat untuk sahabat blogger dalam membuat label cloud animasi pada blog anda.

Happy Blogging dan selamat mencoba semoga berhasil.


Description: Cara Memasang Widget Label Cloud Animasi Pada Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Memasang Widget Label Cloud Animasi Pada Blog
More aboutCara Memasang Widget Label Cloud Animasi Pada Blog

Memasang Widget Histats Pada Gadget Blogspot

Posted by Unknown on Friday, January 27, 2012

Memasang widget histats ke dalam Gadget Blogspot sama mudahnya dengan cara kita memasang Tampilan Recent Posts pada postingan yang lalu.

Histats adalah sebuah layanan web gratis untuk mentracking visitor blog, atau menghitung pengunjung ke blog kita. Sebagaimana kita ketahui bahwa dengan bantuan Histats ini kita bisa melihat langsung berapa pengunjung yang sedang online di web/ blog kita, kita juga bisa melihat berapa total pengunjung hari ini, berapa halaman yang pengunjung buka hari ini, berapa total pengunjung selama dari awal hingga saat ini, dan semuanya bisa ditracking secara detail oleh Histats, dan kita dapat memanfaatkan widgetnya secara gratis dengan memasang widget Histats pada blog kita.

Very well, kita lanjutkan cara memasang widget Histats kedalam blog, langkahnya lebih kurang seperti dibawah ini:

Anda bisa membuka halaman Histats dengan mengcopy url http://www.histats.com/ ke browser anda, atau dengan mengetikkan "Histats" pada Google.com, untuk lebih mudahnya anda bisa klik Histats INI dan tampilan halamannya seperti dibawah ini.


Setelah itu silahkan login di Histats untuk mendaftar terlebih dahulu dengan mengklik Register pada bawah kanan halaman utama Histats. Dan anda akan dibawa ke halaman seperti dibawah.


Untuk dapat Memasang Widget Histats Pada Gadget Blogspot di histats. Isikan informasi pada Create New Account Histats terlebih dahulu. isikan informasi berupa email anda, dan comfirmasi email, kemudian password, dan konfirmasi password,  informasi tambahan, serta memilih time zone dimana anda berada, mencentang pada I have read and agree publisher agreement terms, masukkan chapta dan klik Register seperti pada gambar login diatas yang saya beri centang merah. Setelah selesai silahkan anda mengkomfirmasi link yang dikirim Histats ke email anda.

Kemudia klik control Panel, dan add a website. Kemudian isikan alamat url anda, set time zone, kategori blog anda, judul blog dan diskripsi, kemudian masukkan chapta dan klik "Continue", lihat ilustrasi gambar dibawah.


Kemudia klik url blog yang barusan anda daftar di Histats, dan klik Counter Code seperti pada ilustrasi gambar dibawah ini.


Selanjutnya pilih klik Add Counter, dan pilih Histats Counter yang anda anginkan seperti ilustrasi gambar dibawah ini, dan pilih jenis tracking yang anda ingin tampilkan.


Kemudian klik Counter Id


Dan copy seluruh JavaScript/ HTML Histats seperti pada gambar dibawah yang saya pagari dengan garis merah dan paste kedalam gadget HTML/ Javascript blog anda.


Masuk ke dasbor blog, Tambah Gadget, pilih HTML/Javascript dan langsung bisa paste widget histats dan jangan lupa Save, cara ini sama seperti di cara menampilkan artikel terbaru di postingan terdahulu.

Barusan kita sudah belajar cara  Memasang Widget Histats Pada Gadget Blogspot. Terimakasih sudah berkunjung ke KERJA ONLINE. Selamat mencoba semoga berhasil.



Description: Memasang Widget Histats Pada Gadget Blogspot Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Widget Histats Pada Gadget Blogspot
More aboutMemasang Widget Histats Pada Gadget Blogspot

Memasang Widget Kurs Mata Uang

Posted by Unknown on Friday, July 30, 2010

Memasang Widget Kurs Mata Uang Rupiah. Pada kesempatan yang terdahulu, di sini, sebenarnya Tips dan Trik Blog telah memposting tema serupa tentang pemasangan kurs mata uang ini. Namun tidak ada salahnya, jika kali ini Tips dan Trik Blog mempostingnya kembali dengan layanan yang berbeda, yaitu KlikBCA. Dengan postingan ini diharapkan para pengunjung mempunyai banyak pilihan jika ingin menggunakan salah satunya.

Dengan memasang kurs mata uang pada blog diharapkan dapat membantu para pengunjung (terutama yang sering berkecimpung dalam dunia perdagangan valas) untuk mengetahui kurs mata uang rupiah secara up to date (realtime). Dengan demikian mereka tidak perlu repot-repot menuju ke situs yang menyediakan kurs mata uang.

Cara pemasangannya cukup mudah, yaitu dengan langkah-langkah sebagai berikut.

Pertama
, login ke akun blogger hingga masuk Dasbor >> Rancangan >> Tambah Gadget >> Tambahkan HTML/Javascript.

Kedua, kemudian copy kode berikut ini.

<iframe border="0" frameborder="0" marginheight="0" marginwidth="0" height="250" src="http://masterbisnis.com/kurs_bca.php" scrolling="no" width="180"></iframe>


Keterangan
Jika menginginkan, kita dapat merubah variable “height” dan “width” dengan angka yang lebih besar atau lebih kecil tergantung selera dan kebutuhan.

Ketiga, simpan perubahan

Keempat, selesai

Sekarang, refreshlah blog dan pastikan widget kurs mata uang telah "bercokol" pada blog kita. Hasilnya seperti di bawah ini.



Selamat Mencoba!!!
Description: Memasang Widget Kurs Mata Uang Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Widget Kurs Mata Uang
More aboutMemasang Widget Kurs Mata Uang

Memasang Harga Emas Realtime

Posted by Unknown on Tuesday, July 27, 2010

Memasang Widget Harga Emas Realtime. Ketika bersilahturahmi di blog teman, Tips dan Trik Blog menemukan widget yang menampilkan Harga Emas secara realtime, di mana kita dapat melihat harga emas yang terupdate setiap saat. Sebenarnya widget serupa juga pernah Tips dan Trik Blog ketengahkan pada postingan sebelumnya, di sini, namun tidak ada salahnya jika Tips dan Trik Blog mengetengahkan lagi dengan harapan para blogger mempunyai pilihan untuk memasang salah satu widget harga emas tersebut.

Adalah Gold-Quote.net yang menyediakan layanan harga emas yang akan terupdate secara realtime. Harga emas yang ditampilkan adalah dalam satuan dollar per troy oz, di mana 1 troy oz sama dengan 31,1 gram. Jadi untuk mengkonversi harga emas ke dalam rupiah adalah dengan membagi harga tersebut dengan 31,1 kemudian dikalikan dengan kurs rupiah terhadap dollar.

Contoh perhitungannya telah Tips dan Trik Blog sampaikan pada postingan yang terdahulu, di sini.

Untuk memasang widgetnya pada side bar blog kita dengan cara sebagai berikut.

Pertama, login kea kun blogger hingga masuk Dasbor >> Rancangan >> Tambah Gadget >> HTML/Javascript

Kedua, buka halaman http://gold-quote.net/dashboard.php?lang=en

Ketiga, kita akan melihat beberapa tampilan yang dapat kita pilih sesuai dengan selera masing-masing. Dan pilihlah tampilan yang kita inginkan.



Keempat, di bawah tampilan yang kita inginkan tersebut terdapat script yang harus kita pastekan pada di sidebar blog kita. Copy dan pastekan script tersebut pada Gadget.



Kelima, simpan.

Keenam, selesai

Sekarang, refresh blog dan pastikan widget harga emas tersebut telah muncul pada blog kita, contoh hasilnya adalah seperti di bawah ini.



Selamat Mencoba!!!
Description: Memasang Harga Emas Realtime Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Harga Emas Realtime
More aboutMemasang Harga Emas Realtime

Memasang Pengatur Style Dan Ukuran Font

Posted by Unknown on Saturday, November 7, 2009

Memasang Pengatur Style dan Ukuran Font Pada Blog. Ketika membaca artikel atau postingan blog, masing-masing pengunjung mungkin mempunyai kebiasaan atau selera yang berbeda-beda terhadap style font (huruf) serta ukurannya. Ada sebagian pengunjung yang lebih cocok dengan huruf dengan ukuran yang lebih besar karena mungkin alasan penglihatan yang kurang. Sebagian yang lain mungkin lebih senang dengan ukuran yang lebih kecil karena mungkin tidak perlu sering-sering melakukan scroll.

Begitu juga dengan dengan style fontnya, ada sebagian pengunjung yang lebih menyukai style font “Roman” sementara pengunjung yang lain mungkin lebih menyukai font “Arial”. Sehubungan dengan hal tersebut, kita dapat memasang widget pengatur Ukuran dan Style Font yang dapat kita letakkan pada sidebar.

Dengan widget pengatur tersebut diharapkan akan dapat memberikan keleluasaan kepada pengunjung untuk memilih dan menetapkan ukuran maupun style font sendiri sesuai dengan selera dan kebiasaan masing-masing. Khusus untuk ukuran font, sebenarnya beberapa browser, seperti Firefox, SeaMonkey, Opera telah memberikan pilihan kepada user untuk menentukan ukuran font melaui menu [Tampilan]>>[Perbesaran] namun kurang praktis jika dibandingkan dengan widget yang akan kita pasang tersebut.

Memasang widget ini sangat simple dan mudah, kita hanya perlu menambahkan gadget kemudian copy paste kode yang akan saya berikan berikut ini.

Berikut langkah-langkah rinci untuk memasang widget pengatur style dan ukuran font dimaksud.

Pertama, login ke account blogger hingga masuk [Dasbor] >> [Tata Letak] >> [Tambah Gadget] >> [Tambahkan HTML/Javascript]

Kedua, copy paste kode berikut ini.

<center>
<script>
function go1(){
if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value

}
}

function go2(){
if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value

}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select>
</form>
</center>



Ketiga, simpan perubahan

Keempat, selesai

Jika script pengatur font tersebut tidak berjalan dengan baik, lakukan pengeditan kode css post pada template blog, caranya sebagai berikut.

Pertama, Masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, temukan kode css .post, seperti berikut ini.

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
font-family: Verdana;
border-width:1px 0;
}



Ketiga, hapus kode css “font-family” (yang bercetak tebal) di atas. Kode css tersebut bisa seperti “font-familiy : Arial” atau “font-family : Times New Roman”, dan lain-lain.

Keempat, simpan template

Kelima, selesai.

Contoh hasilnya, silakan dilihat pada sidebar sisi kanan blog Bisnis Internet.

Selamat Mencoba!!

(sumber : Trik-tips Blog)
Description: Memasang Pengatur Style Dan Ukuran Font Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Pengatur Style Dan Ukuran Font
More aboutMemasang Pengatur Style Dan Ukuran Font

Memasang Form Login Akun Blogger

Posted by Unknown on Thursday, November 5, 2009

Memasang Form Login Akun Blogger Pada Blog. Secara default, form login akun blogger terdapat pada bar navigasi yang letaknya berada di sebelah kanan atas. Jika menginginkan, kita dapat memasang form login tersebut pada sidebar blog. Dengan memasangnya pada sidebar diharapkan dapat membantu para pengunjung blog yang ingin melakukan login ke akun blogger dengan praktis tanpa harus membuka tab/halaman baru pada browser. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya seperti berikut ini.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy paste kode berikut.



<form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit= "return(gaia_onLoginSubmit());" >
<div id="gaia_loginbox">
<table class="form-noindent" cellspacing="0" cellpadding="5" width="100%" border="0">
<tr> <td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa">
<input type="hidden" name="ltmpl" value="draft">
<div class="loginBox">
<table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
<tr><td colspan="2" align="center">
<table> <tr> <td valign="top">
<img src="http://kodehexa.googlepages.com/google_transparent.gif" alt="Google">
</img>
</td>
<td valign="middle">
<font size="+0">
<b>Akun</b>
</font>
</td>
</tr>
</table>
<font size="-1">
</font></td>
</tr>
<script type="text/javascript">
<!-- function onPreCreateAccount() { return true; } function onPreLogin() { if (window["onlogin"] != null) { return onlogin(); } else { return true; } } -->
</script>
<tr>
<td colspan="2" align="center">
</td>
</tr>
<tr>
<td nowrap="nowrap">
<div align="right">
<span class="gaia le lbl">
Email:
</span>
</div>
</td>
<td>
<input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/loginz?d=%2Fhome&a=ADD_SERVICE_FLAG" />
<input type="hidden" name="service" id="service" value="blogger" />
<input type="hidden" name="naui" id="naui" value="8" />
<input type="hidden" name="fpui" id="fpui" value="2" />
<input type="hidden" name="skipvpage" id="skipvpage" value="true" />
<input type="hidden" name="rm" id="rm" value="false" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="hl" id="hl" value="in" />
<input type="hidden" name="alwf" id="alwf" value="true" />
<input type="hidden" name="alinsu" id="alinsu" value="0" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="GALX" value="Ie2nThzvHSI" />
<input type="text" name="Email" id="Email" size="18" value="" class='gaia le val' />
</td>
</tr>
<tr>
<td>
</td>
<td align="left">
</td>
</tr>
<tr>
<td align="right">
<span class="gaia le lbl">
Sandi:
</span>
</td>
<td>
<input type="password" name="Passwd" id="Passwd" size="18" class="gaia le val" />
</td>
</tr>
<tr>
<td>
</td>
<td align="left">
</td>
</tr>
<tr>
<td align="right" valign="top">
<input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" />
<input type="hidden" name='rmShown' value="1" />
</td>
<td>
<label for="PersistentCookie" class="gaia le rem">
Ingat saya di komputer ini
</label>
</td>
</tr>
<tr>
<td>
</td>
<td align="left">
<input type="submit" class="gaia le button" name="signIn" value="Masuk" />
</td>
</tr>
<tr id="ga-fprow">
<td colspan="2" height="33.0" class="gaia le fpwd" align="center" valign="bottom">
<a href="https://www.blogger.com/forgot.g" target=_top>
Anda lupa sandi?
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<input type="hidden" name="asts" id="asts" value="">
</form>
<form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit="return(gaia_onLoginSubmit());">
<input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/loginz?d=%2Fhome&a=ADD_SERVICE_FLAG" />
<input type="hidden" name="service" id="service" value="blogger" />
<input type="hidden" name="naui" id="naui" value="8" />
<input type="hidden" name="fpui" id="fpui" value="2" />
<input type="hidden" name="skipvpage" id="skipvpage" value="true" />
<input type="hidden" name="rm" id="rm" value="false" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="hl" id="hl" value="in" />
<input type="hidden" name="alwf" id="alwf" value="true" />
<input type="hidden" name="alinsu" id="alinsu" value="0" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
</form>




Ketiga, simpan perubahan

Keempat, selesai


Selamat Mencoba!!

(sumber : Blogger Modif)
Description: Memasang Form Login Akun Blogger Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Form Login Akun Blogger
More aboutMemasang Form Login Akun Blogger

Widget Kurs Valuta Asing

Posted by Unknown on Friday, September 25, 2009

Menambahkan Widget Valuta Asing Pada Blog. Postingan kali ini masih seputar aksesoris blog dan kali ini Tips dan Trik Blog akan mengetengahkan widget kurs valuta asing. Sebenarnya widget serupa pernah Tips dan Trik Blog pada kesempatan terdahulu, di sini juga di sini. Dengan postingan kali ini, saya berharap akan memberi banyak pilihan kepada para pengunjung yang ingin menambahkan akesoris blognya dengan kurs valuta asing.

Jika tertarik untuk memasangnya, silakan copy paste kode berikut ini pada side bar blog kita. Langkah-langkahnya, seperti biasa adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy kode berikut ini.


<a href="http://blog.fendiahmad.com/script-kurs-bca" target="_blank"><img alt="kurs bca Script Kurs BCA" src="http://blog.fendiahmad.com/kurs-bca.php" title="Script Kurs BCA" border="0" width="160" height="200"></a>


Ketiga, simpan perubahan

Keempat, selesai.

Sekarang, refresh blog dan pastikan kurs valuta asing sudah “nangkring” pada side bar blog kita, seperti di bawah ini


kurs bca Script Kurs BCA

Selamat Mencoba!!


Description: Widget Kurs Valuta Asing Rating: 4.5 Reviewer: Unknown - ItemReviewed: Widget Kurs Valuta Asing
More aboutWidget Kurs Valuta Asing

Menambah Widget Polling Pada Blog (bag. 3)

Posted by Unknown on Monday, September 21, 2009

Menambahkan Widget Polling Pada Blog. Untuk menjaga “kelangsungan hidup blog”, kita perlu mengerti dan memahami sedikit (jika tidak mungkin semuanya) keinginan atau apa yang diharapkan pengunjung terhadap blog kita. Untuk tujuan tersebut diperlukan wadah tersendiri. Dan salah satu wadah tersebut adalah kita dapat memasang widget polling pada blog kita.

Sebenarnya Tips Trik Blog sudah pernah mengetengahkan postingan serupa, yaitu Widget Polling Bag. Pertama dan Widget Polling Bag. Kedua. Dan pada kesempatan ini, Tips Trik Blog akan mengetengahkan lagi namun dengan layanan yang berbeda. Dengan postingan ini, saya berharap pengunjung mempunyai banyak pilihan untuk memasang widget polling mana yang paling cocok dengan selera masing-masing.

Pada kesempatan kali ini, Tips dan Trik Blog akan mengetengahkan layanan widget polling yang disediakan oleh Ballot-Box.net. Fitur dari layanan widget polling tersebut sangatlah lengkap untuk ukuran layanan yang gratis, antara lain sebagai berikut.

  • Tampilan Polling yang dapat dikustomasi
  • Support sampai dengan 15 pertanyaan
  • Support sampai dengan 15 jawaban untuk masing-masing pertanyaan
  • Mencegah user melakukan voting dua kali atau lebih
  • Hasil polling yang dapat dibuat privat maupun dipublikasikan
  • Hasil polling dapat diketahui se-real time dan se-update mungkin
  • Pembuatan account yang instant
  • Mengizinkan user untuk meninggalkan pesan
  • Hasil polling ditampilkan dalam popup
  • Dan masih banyak lagi fitur lainnya.

Jika tertarik, silakan ikuti langkah-langkahnya sebagai berikut.

Pertama, masuk ke halaman http://www.ballot-box.net/

Kedua, lakukan sign up (pendaftaran) dengan cara geser ke menu yang berada di sisi sebelah kanan kemudian pilih sign up.

Ketiga, isilah semua data pada form yang disediakan dan jangan lupa centangi pada “I agree to the Terms of Service” kemudian lanjutkan dengan menekan button “sign up”

Keempat, setelah sukses melakukan sign up, kemudian lakukan login dengan user dan password yang baru saja kita buat.

Kelima, untuk mulai membuat widget polling, pada menu yang ada di sebelah kiri, klik “Create New Poll

Keenam, klik “next” hingga kita harus memilih jumlah pertanyaan yang akan kita buat pada polling tersebut.

Ketujuh, pilih jumlah pertanyaan yang akan kita buat pada widget polling tersebut kemudian lanjutkan dengan menekan “next”.

Kedelapan, kita akan mendapat pemberitahuan bahwa polling telah sukses dibuat juga tentang ID polling kita tersebut.

Kesembilan, lanjutkan dengan menekan “next”.

Kesepuluh, isikan Judul dan URL blog kita kemudian lanjutkan dengan “next”

Kesebelas, buat pertanyaan sekaligus opsi jawaban yang dapat dipilih oleh user atau pengunjung. Jika menginginkan, kita dapat memilih bentuk “question style”, misalnya “radio buttons”, “check boxes”, atau “drop menu”.

Keduabelas, buat pertanyaan sekaligus opsi jawaban untuk yang kedua dan seterusnya sesuai dengan jumlah pertanyaan yang kita setting sebelumnya.

Ketigabelas, pilih satu dari beberapa “sceme” polling widget yang ada kemudian lanjutkan dengan “next”

Keempatbelas, kita akan mendapati preview dari widget polling yang baru saja kita buat tersebut.

Jika dirasa kurang cocok tampilannya, klik “edit” untuk melakukan pengeditan seperlunya.

Jika ingin melakukan pengeditan pada pertanyaan maupun jawabannya, klik “prev”.

Jika sudah cocok, silakan klik “done”.

Kelimabelas, setelah itu kita akan mendapat konfirmasi bahwa pembuatan polling telah selesai, seperti screenshot di bawah ini.


Keenambelas, untuk melihat hasilnya silakan klik “view the poll” dan untuk memasang widget polling pada blog, silakan klik “get the poll HTML code

Ketujuhbeas, klik button “get code

Kedelapanbelas, kemudian kita akan mendapati code HTML widget polling tersebut.

Kesembilanbelas, copy dan pastekan pada sidebar atau pada halaman blog.

Keduapuluh, jika berhasil, hasilnya seperti di bawah ini.




My Ballot Box
Mengenal Blog ini melalui




Bagaimana artikel pada blog ini






Bagaimana tampilan blog ini






Apa yang paling menarik dari blog ini








View Results



Keduapuluhsatu, selesai dan selamat mencoba!!


Description: Menambah Widget Polling Pada Blog (bag. 3) Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menambah Widget Polling Pada Blog (bag. 3)
More aboutMenambah Widget Polling Pada Blog (bag. 3)

Memasang Layanan Link Exchange Otomatis

Posted by Unknown on Friday, September 11, 2009

Tips Memasang Layanan Link Exchange Otomatis Pada Blog. Pada postingan terdahulu, Tips Trik Blog juga telah mengetengahkan layanan serupa, yaitu Link Me Up, juga Memasang Banner Exchange Swalayan. Dan pada postingan kali ini, Tips Trik Blog akan mengetengahkan layanan lain yang serupa di mana dengan memasang layanan ini pada blog kita maka akan memberikan kesempatan para pengunjung untuk memasang URL blognya secara swalayan. Artinya para pengunjung dapat memasang sendiri URL blognya tersebut pada blog kita tanpa perlu “mengemis-ngemis” kepada kita untuk memasang URL blognya pada blog kita.

Dan satu lagi layanan yang dapat memberikan layanan link exchange otomatis tersebut adalah Link Box.

Langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman linkbox.

Kedua, klik register untuk melakukan pendaftaran terlebih dahulu, hingga akan muncul form isian, seperti di bawah ini.

Ketiga, isilah username, email, password, security code, dan jangan lupa mencentagi pada “I agree with Terms od Service” kemudian dilanjutkan dengan menekan “Submit” dan tunggu beberapa saat dan jika sukses maka kita akan mendapatkan konfirmasi “Registration Success”, seperti di bawah ini.

Keempat, klik “home” untuk melanjutkan ke langkah berikutnya.

Kelima, kemudian pada “Create a new Linkbox” isi pada Box Name (nama kotak link), dan juga alamat URL_Blog kita kemudian dilanjutkan dengan menekan “Create Box”, seperti di bawah ini.

Catatan

Jika setelah mengklik “Create Box” terdapat tanda silang berwarna merah, berarti nama box sudah digunakan user lain, silakan untuk mengganti dengan nama lainnya.


Keenam, kustomasi warna sesuai keinginan masing-masing. Atau jika ingin praktis, kita dapat memilih opsi template dengan mengklik pada menu pulldown “template” kemudian kita akan melihat previewnya.

Ketujuh, jika pengaturannya selesai, kemudian lanjutkan dengan menekan button “Get the Code”, dan kemudian kita akan mendapatkan code html tersebut, seperti di bawah ini.

Kedelapan, copy dan pastekan pada halaman blog atau sidebar pada blog milik kita.

Jika sukses, kita akan melihat hasilnya seperti pada sidebar blog ini.

Selamat Memasang Link Exchange Otomatis.

Bisa juga dicoba yang ini.
Link Me Up
Banner Exchange Swalayan

Description: Memasang Layanan Link Exchange Otomatis Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Layanan Link Exchange Otomatis
More aboutMemasang Layanan Link Exchange Otomatis

Menampilkan Top Post Atau Artikel Terpopuler

Posted by Unknown on Thursday, September 3, 2009

MENAMPILKAN TOP POST POSTINGAN TERPOPULER. Agar para pengunjung dapat mengetahui postingan apa saja yang paling popular pada blog kita, kita dapat memasang widget top post pada side bar. Di sini, Tips dan Trik Blog akan mengetengahkan widget yang dapat menampilkan postingan terpopuler (top post) yang saya dapatkan ketika melakukan “blogwalking” di “rumahnya” O-om. Top post (artikel terpopuler) yang ditampilkan pada widget ini didasarkan pada banyaknya komentar yang dilakukan oleh pengunjung blog pada setiap postingan. Jika tertarik, silakan ikuti tips memasang Widget TOP POST yang dibuat dengan bantuan Yahoo Pipes ini bersama Tips dan Trik Blog.

Kelemahan Widget TOP POST ini

Mendasarkan perhitungan pada banyaknya komentar memang bukanlah cara yang pas karena banyak pengunjung yang melakukan klik tetapi tidak meninggalkan komentar apa-apa pada suatu postingan. Namun setidaknya inilah yang dapat diukur dan paling mendekati kenyataan.

Dari pada pusing, lebih baik kita langsung mengikuti langkah-langkah untuk menampilkan top post seperti berikut ini.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript >>

2. Kemudian copy kode berikut ini.


<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript">
</script>



Keterangan

Ubah nama_blog dengan nama blog Anda tanpa “http”

Angka 10 menunjukkan jumlah post dengan peringkat teratas yang dapat Anda ganti sesuai keinginan.

3. Kemudian Simpan Perubahan

4. Selesai

Jika ingin melihat hasilnya, silakan kunjungi Tips Trik Komputer.

(sumber : o-om.com)


Description: Menampilkan Top Post Atau Artikel Terpopuler Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menampilkan Top Post Atau Artikel Terpopuler
More aboutMenampilkan Top Post Atau Artikel Terpopuler

Blogger Menambahkan Fitur Label Cloud

Posted by Unknown on Thursday, August 27, 2009

Blogger Menambahkan Fitur Baru Label Cloud. Ketika saya ingin menambahkan gadget label pada salah satu blog saya, secara tidak sengaja saya menemukan fitur baru yang disediakan oleh blogger. Fitur tersebut adalah kita dapat memilih jenis tampilan label (kategori) berupa cloud di mana sebelumnya pilihan tampilan tersebut tidak tersedia. Mungkin ini bagian dari salah satu bentuk kepedulian Blogger yang ingin selalu memberikan yang terbaik kepada para penggunanya. Jadi sekarang, bagi new blogger yang ingin membuat label cloud, tidak perlu susah-susah mengotak-atik HTML karena pihak Blogger telah menyediakannya yang dapat dilakukan secara praktis dan simple.

Dengan adanya fitur baru tersebut, langkah-langkah untuk menambahkan label cloud adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget

Kedua, pilih Gadget Label hingga muncul jendela seperti di bawah ini.

Ketiga, pada pilihan tampilkan, pilih “Cloud” seperti screenshot di bawah ini.

Keempat, kita juga dapat melakukan pengaturan lainnya, antara lain :

1. Pengaturan untuk tidak menampilkan jumlah entri per label, dengan cara menghilangkan centangan pada “Tampilkan jumlah entri per label

2. Pengaturan untuk hanya menampilkan label-label tertentu saja, dengan cara :

Centangi “Label yang Dipilih” kemudian dilanjutkan dengan mengklik “edit” kemudian akan muncul semua label yang ada kemudian hilangkan centangan pada label yang tidak ingin ditampilkan.

Setelah selesai memilah-milah label-label, lanjutkan dengan mengklik “selesai

Kelima, setelah melakukan pengaturan, jangan lupa untuk mengklik Simpan.

Keenam, refresh blog dan pastikan label cloud sudah bertengger pada side bar blog kita, contoh dapat dilihat pada sidebar blog tips dan trik blog ini.

Selamat Mencoba !!


Description: Blogger Menambahkan Fitur Label Cloud Rating: 4.5 Reviewer: Unknown - ItemReviewed: Blogger Menambahkan Fitur Label Cloud
More aboutBlogger Menambahkan Fitur Label Cloud

Menghiasi Blog dengan Widget Kurs Mata Uang Asing

Posted by Unknown on Thursday, May 14, 2009

Widget Kurs Mata Uang Rupiah Terhadap Mata Uang Asing : Pada postingan kali ini, perkenankanlah Tips dan Trik Blogging untuk mengetengahkan widget yang menampilkan konverter Mata Uang Rupiah terhadap mata uang beberapa Negara asing. Widget ini merupakan layanan yang disediakan secara gratis oleh http://fx-rate.net/ yang dapat kita gunakan untuk “menghiasi” blog kita terutama blog yang berhubungan dengan ekonomi & bisnis. Jika tertarik, silakan ikuti tipsnya berikut ini.

Widget yang disediakan oleh http://fx-rate.net/ tersebut terdiri dari dua type tampilan yang dapat kita pilih sesuai selera dan kebutuhan, yang pertama adalah bertipe converter mata uang. Dengan widget ini, kita dapat menghitung nilai kurs rupiah ke mata uang dari beberapa Negara asing yang lain.

Tipe widget yang kedua adalah bertipe table kurs mata uang rupiah terhadap beberapa mata uang asing. Dengan tipe yang ini, kita akan dapat mengetahui kurs mata uang rupiah terhadap mata uang Negara asing tanpa harus melakukan konversi satu per satu seperti pada tipe yang pertama.

Tipe Konverter

Agar lebih jelas, untuk blogger yang menyukai dengan tipe konverter (semacam kalkulator), silakan langsung menuju ke halaman http://fx-rate.net/IDR/getwidget_calculator/.

Di situ, kita diberi beberapa opsi tampilan yang cocok dengan kebutuhan atau selera kita, ada yang berbentuk memanjang ke bawah dan ada juga yang memanjang ke samping.

Kemudian copy code html yang letaknya berada di bawah pada setiap contoh tampilan yang ada pada gadget blog kita, seperti screenshot di bawah ini.

Tipe Table Kurs

Yang menyukai tipe table kurs, silakan langsung menuju ke halaman http://fx-rate.net/IDR/getwidget/.

Di situ juga, kita dapat memilih beberapa contoh tampilan yang sesuai dengan kebutuhan atau selera masing-masing. Ada yang hanya menampilkan kurs terhadap beberapa mata uang asing saja, dan ada juga yang menampilkan hampir seluruh mata uang asing dari Negara-negara di dunia. Selain itu, ada yang hanya menampilkan bendera saja dan ada juga yang menampilkan bendera beserta nama Negara masing-masing. Pokoknya, kita diberi banyak opsii untuk memilih tipe mana yang pas untuk sidebar blog kita.

Setelah cocok dengan pilihan yang ada, langkah selanjutnya adalah melakukan copy paste atas kode html yang disertakan (di bawahnya) dalam setiap contoh tampilan pada gadget blog kita. Lihat contoh screenshot di bawah ini.

Jika berhasil, maka kita akan mendapatkan hasil tampilannya seperti di bawah ini.

Ini contoh tipe tampilan converter atau kalkulator.



Ini contoh tipe tampilan table kurs.



Akhirnya, selamat mencoba pada blognya masing-masing. Good Luck!!!


Description: Menghiasi Blog dengan Widget Kurs Mata Uang Asing Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menghiasi Blog dengan Widget Kurs Mata Uang Asing
More aboutMenghiasi Blog dengan Widget Kurs Mata Uang Asing

Memasang Gagdet Konverter Mata Uang

Posted by Unknown on Wednesday, April 29, 2009

Memasang Gadget Konverter Mata Uang (Currency Converter) : Di antara sekian banyak pengunjung yang datang di blog kita, pasti ada yang membutuhkan informasi tentang kurs mata uang dari berbagai negara untuk berbagai maksud dan kepentingan masing-masing. Untuk membantu para pengunjung tersebut, kita dapat memasang widget yang menyediakan informasi yang berhubungan dengan kurs mata uang tersebut sehingga pengunjung tidak perlu susah-susah mencarinya di “tempat” lain.

Untuk tujuan tersebut, secara default, Blogspot telah menyediakan gadget untuk kepentingan tersebut sehingga kita tidak perlu susah-susah mencari layanan dari pihak ketiga. Adalah Gadget Currency Converter (Konverter Mata Uang) yang menyediakan layanan konversi mata uang lebih dari 50 negara di dunia. Dengan gadget tersebut, para pengunjung dapat mengkonversi mata uang dari berbagai Negara tersebut dengan mudah dan praktis.

Untuk memasangnya pada blog, langkah-langkahnya cukup mudah dan praktis, sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget

Kedua, di bawah kategori pilih Finance

Ketiga, pilih Currency Converter dan tunggu beberapa saat hingga muncul jendela seperti di bawah ini.

Kemudian kita dapat melakukan perubahan pada judul maupun ukuran tinggi kotak.

Keempat, Simpan

Kelima, selesai

Jika berhasil, kita akan mendapatkan gadget Konverter Mata Uang di side bar blog kita. Jika tertarik, silakan dicoba pada blognya masing-masing.

Selamat Mencoba!!

Kunjungi juga yang ini.

  1. Tips Trik Komputer
  2. Tips Bisnis di Internet
  3. Tips Trik Internet
  4. Website Pegadaian

Description: Memasang Gagdet Konverter Mata Uang Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Gagdet Konverter Mata Uang
More aboutMemasang Gagdet Konverter Mata Uang

Memasang Widget Kotak Penelusuran Blog

Posted by Unknown on Friday, April 24, 2009

Memasang Widget Kotak Penelusuran Blog : Widget ini merupakan salah satu widget baru yang masih dalam draft blogger namun sudah dapat kita fungsikan dan kita tambahkan pada blog kita. Kotak Penelusuran yang disponsori Google ini hampir mirip dengan Google Search “biasa” namun lebih difokuskan kepada blog. Dengan demikian, bisa saja suatu keyword yang tidak kita temukan pada Google Search “biasa” akan kita temukan pada daftar penelusuran blog ini. Bingung ya? Sama, dong, saya juga bingung menjelaskannya.

PENGERTIAN, KEGUNAAN, & KELEBIHAN WIDGET KOTAK PENELUSURAN BLOG

Seperti yang telah dijelaskan pada alinea pertama, Kotak Penelusuran Blog adalah satu widget yang disediakan oleh Blogger dan disponsori oleh Google yang dapat digunakan untuk menelusuri postingan tertentu atau keseluruhan blog yang ada di internet yang tidak hanya blog yang “disponsori” oleh Blogger saja.

Kotak Penelusuran akan mengindeks seluruh blog menurut feed situsnya dan akan akan memeriksa konten baru secara rutin. Dengan demikian, hasil Penelusuran Blog untuk blog tertentu akan memperbarui konten baru lebih cepat dibandingkan Google Search “biasa”.
Karena data telah terstruktur dalam feed situs, Kotak Penelusuran Blog ini akan menemukan postingan dengan rentang tanggal tertentu dapat ditemukan dengan keakuratan yang lebih tinggi.

Kelebihan lainnya adalah mampu mencari blog dengan bahasa tertentu dari 35 bahasan yang ada.

Hasil penelusurannya akan dituangkan ke dalam masing-masing lingkungan pencarian, misalnya hasil pencarian dari Current Blog, Link Dari Situs Ini, Web, Fav Link, Blogroll di mana masing-masing lingkungan pencarian akan dituangkan ke dalam tab menu dan ini memudahkan kita untuk berpindah antar lingkungan pencarian tersebut.

MEMASANG KOTAK PENELUSURAN BLOG PADA BLOG

Sepertinya tidak perlu panjang lebar untuk menguraikan tentang penelusuran blog ini. Yang penting bagaimana cara menambahkan widget ini pada blog kita.

Pertama, login ke http://draft.blogger.com hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> pilih Kotak Penelusuran, seperti di bawah ini.

Kedua, kemudian klik “Kotak Penelusuran” hingga akan muncul jendela seperti di bawah ini.


Ketiga, isi judul dan memilih tab menu yang ingin ditampilkan.

Judul >> dapat kita isi sesuka kita
Centangi untuk tab menu yang ingin ditampilkan, kita dapat memilih beberapa saja atau semuanya.

Keempat, Simpan Perubahan
Kelima, selesai

Coba, sekarang refresh blog kita dan pastikan widget Kotak Penelusuran telah terpasang di side bar blog. Kemudian cobalah untuk mencari dengan keyword tertentu dilanjutkan dengan mengklik Cari maka dengan seketika akan ditampilkan hasil penelusuran di area postingan blog. Kita dapat berpindah-pindah dari satu tab yang satu ke tab yang lain dengan cepat dan mudah.

Untuk melihat contohnya, silakan kunjungi Bisnis Internet.

Selamat Mencoba!!

Description: Memasang Widget Kotak Penelusuran Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Widget Kotak Penelusuran Blog
More aboutMemasang Widget Kotak Penelusuran Blog

Tips Memasang Google Terjemahan Pada Blog

Posted by Unknown on Friday, November 28, 2008

Tips Memasang Google Terjemahan Pada Blog. Walaupun berbahasa Indonesia, jika kita kelola dengan serius, blog kita dapat juga menjadi popular dan jika sudah demikian maka tidak menutup kemungkinan blog tersebut akan dikunjungi dan dibaca oleh pengunjung yang bukan berasal dari Indonesia saja. Di sisi lain, pengunjung yang berasal dari luar Indonesia tersebut kebanyakan tidak bisa memahami bahasa Indonesia dengan baik. Nah, untuk menjembatani hal ini, kita dapat memasang tool layanan Google Terjemahan pada blog atau situs kita sehingga pengunjung yang tidak mengerti bahasa yang digunakan dalam blog tertentu dapat dengan mudah memahami isi postingannya dengan hanya menekan klik pada tool terjemahan yang kita pasang tersebut.

Walapun masih terdapat kesalahan di sana-sini, seperti grammar dan juga penterjemahan kota-kota di dunia, namun hal ini akan lebih sedikit membantu mempermudah dalam memahami isi situs atau blog dari berbagai bahasa di dunia yang didukung oleh Google Terjemahan yang masih beta ini.

Layanan Google Terjemahan

Google Terjemahan Beta ini memberikan dua layanan terjemahan, yaitu layanan terjemahan untuk teks dan layanan terjemahan untuk halaman blog atau website.

Untuk menggunakan layanan yang pertama, silakan masuk halaman situs http://translate.google.com/.

Coba ketikkan atau pastekan beberapa paragraph pada kolom teks asli kemudian klik terjemahkan maka dalam hitungan detik hasilnya akan terlihat di samping kanan.

Untuk layanan yang kedua, layanan terjemahan halaman websites, silakan masuk halaman http://translate.google.com/ seperti screenshot di bawah ini.

Kemudian isikan alamat URL dari blog atau website yang ingin kita terjemahkan dilanjutkan dengan menekan “terjemahkan” dan dalam waktu yang tidak begitu lama akan ditampilkan blog atau website hasil terjemahan.

Asyik, kan!!

Memasang Google Terjemahan Pada Blog

Untuk memasang Google Terjemahan pada blog adalah sebagai berikut.

1. Masuk halaman http://translate.google.com/

2. Kemudian masuk menu Peralatan hingga tampilannya menjadi seperti di bawah ini.

3. Kemudian pilih bahasa Indonesia

4. Kemudian copy kode html yang diberikan pada widget atau gadget blog Anda.

Kodenya seperti di bawah ini.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js">
</script>

Jika menghendaki, kita dapat merubah lebar dan tinggi dengan merubah angka merah pada kode di atas sesuai dengan lebar gadget blog kita.

5. Selesai.

Jika berhasil (Insya Allah berhasil lah) maka hasilnya seperti di bawah ini di mana saya lakukan kustomasi untuk lebar menjadi 200 dan tinggi menjadi 80.

Bagi yang belum memasang, selamat mencoba, ya!!

Baca juga yang ini.

  1. Tips Mendulang Rupiah dari Kumpulblogger.com
  2. Tips Mendulang Rupiah dari Reviewmu.com
  3. Tips Membuat Footer Multi Kolom
  4. Tips Penomoran Pada Blog

Description: Tips Memasang Google Terjemahan Pada Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tips Memasang Google Terjemahan Pada Blog
More aboutTips Memasang Google Terjemahan Pada Blog