Trik Internet Gratis: Widget blog

Showing posts with label Widget blog. Show all posts

Cara Memasang Arsip Blog

Arsip blog berfungsi untuk memberikan kemudahan bagi pengunjung blog untuk melihat/mencari artikel dengan urutan dari pos lama sampai dengan yang terbaru.

Berikut ikuti langkah-langkah cara memasang arsip pada blog :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget.

3. Cari gadget Arsip Blog, kemudian klik pada 'Arsip Blog'.

4. Atur widget Arsip Blog sesuai dengan keinginan Anda.

5. Setelah selesai, klik 'Simpan'.

Nah, sekian postingan cara memasang arsip blog selamat mencoba.

Cara Memasang Jam pada Blog

Fungsi dari memasang jam mungkin untuk mengingatkan pengunjung, jam berapa saat mereka mengunjungi blog kita. Banyak situs yang menyediakan widget jam pada blog, salah satunya adalah clocklink.com yang akan kita bahas pada kesempatan ini.

Langsung saja simak langkah-langkah memasang jam pada blog berikut :

1. Kunjungi situs clocklink.com
2. Klik 'Gallery' dan pilih tampilan/kategori jam yang akan ditampilkan, contoh: klik 'Digital'.

3. Kemudian klik 'View HTML Tag' pada bawah yang Anda pilih.

4. Akan muncul halaman ketentuan-ketentuan dari clocklink, klik 'Accept'.

5. Selanjutnya kita diminta memilih warna (color), time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih (GMT + 07.00) serta jangan lupa ubah ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya.

6. Copy kode HTML dan simpan pada komputer Anda.

Setelah pembuatan jam selesai kini saatnya kita memasang jam tersebut pada blog.

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode HTML jam yang Anda buat tadi kedalam HTML/JavaScript.
4. Klik Simpan.

Selamat mencoba dan semoga bermanfaat.

Cara Memasang Counter Pengunjung di Blog

Counter pengunjung merupakan salah satu fasilitas blogger yang digunakan untuk menampilkan jumlah pengunjung pada blog.

Selain dari blogger yang sudah menyediakan fasilitas counter pengunjung juga terdapat situs-situs web lain yang menyediakan counter pengunjung seperti histats, sitemeter, dll.

Berikut cara memasang counter pengunjung di blog versi blogger :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> Statistik Blog.

3. Pilih tampilan yang ingin Anda pasang pada blog.

Cara Memasang Counter Pengunjung di Blog

4. Klik Simpan.

Nah, mudahkan cara memasang widget counter pengunjung pada blog, semoga bermanfaat dan selamat mencoba.

Cara Memasang Label atau Kategori pada Blog

Label berfungsi untuk mengkategorikan/membedakan posting pada blog agar kita atau pengunjung dapat mencari posting sesuai dengan kategori masing-masing. Sebelum kita memasang widget label pada blog, pastikan masing-masing posting sudah terdapat labelnya.

Berikut langkah-langkah cara memasang widget label pada blog :

1. Login akun blogger Anda.
2. Pilih 'Tata Letak' ---> Kemudian 'Tambah Gadget'.
3. Cari gadget 'Label', kemudian klik pada 'Label'.

4. Atur widget Arsip Blog sesuai dengan keinginan Anda.

Cara Memasang Label atau Kategori pada Blog

5. Setelah selesai, klik 'Simpan'.

Nah, tidak sulitkan cara memasang widget label atau kategori pada blog, kalau masih mengalami kesulitan silahkan hubungi kami melalui contac.

Cara Membuat Widget Artikel Terbaru di Blog

Pada widget artikel terbaru nantinya akan menampilkan judul posting dari yang lama sampai yang terbaru, tujuannya adalah agar pengunjung mengetahui artikel-artikel terbaru yang kita update.

Kalau Anda sudah penasaran ingin membuatnya, silahkan ikuti langkah-langkahnya berikut ini:

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode dibawah ini pada HTML/JavaScript.

<script src="http://id-pemula-javascript.googlecode.com/files/artikel-terbaru.js"></script>

<script>var numposts = 9; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>

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

</script>

Keterangan:
numposts = 9; yaitu judul artikel yang akan ditampilkan.
http://id-pemula.blogspot.com : ubah dengan URL blog Anda.
4. Klik Simpan.

Nah, kini sidebar Anda sudah terpasang widget artikel terbaru, selamat mencoba.

Cara Memasang Widget Random Post di Blog – Random Post merupakan postingan secara acak yang akan kita tampilkan pada widget blog. Tidak sedikit blogger yang menggunakan widget ini untuk membantu pengunjung menampilkan artikel yang sedang mereka cari.

Sangat mudah memasang widget random post, khususnya bagi pemula seperti kita. Langsung saja kita bahas cara memasang widget random post di blog, berikut langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode dibawah ini pada HTML/JavaScript.

<script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=5;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

document.write(item);}}

}document.write('</ul>');}

</script>

<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">

</script>

Keterangan:
numofpost=5 adalah jumlah posting yang akan Anda tampilkan.
4. Klik Simpan.

Nah, sekarang sidebar blog Anda sudah terpasang widget random post, selamat mencoba.

Cara Membuat Kotak Link Exchange pada Blog

Bagi sebagian teman-teman blogger mungkin sudah ahli dan tidak akan merasa kesulitan lagi dalam membuat kotak link exchange, beda keadaannya dengan kita blogger pemula.

Pasti merasakan kebingungan untuk membuat kotak link exchange seperti yang kita lihat di blog yang sudah professional. Penasaran bagaimana cara pembuatannya, berikut kode script kotak link exchange:

<div>

<form name="copy">

<div align="center">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" />

</div>

<div align="center">

</div>

<div align="center">

<textarea cols="55" name="txt" rows="100" style="height: 60px; width: 200px;" wrap="VIRTUAL"><a href="http://nama-blog-anda.blogspot.com/" target="_blank" title="blogging pemula"><blink>id-pemula</blink></a> </textarea></div>

Keterangan :
nama-blog-anda : ganti dengan nama blog Anda.
blogging pemula : ganti dengan title atau judul blog Anda.
id-pemula : tulisan yang akan ditampilkan.

Berikut contoh hasilnya kotak link exchange:

<a href="http://id-pemula.blogspot.com/" target="_blank" title="blogging pemula"><blink>id-pemula</blink></a>

Cara Memasang Widget Komentar Terbaru di Blog

Fungsi dari memasang widget komentar terbaru di blog adalah untuk mengetahui komentar-komentar terbaru dari pengunjung dan letak posting yang mereka komentari.

Kalau Anda ingin memasangnya pada blog, kali ini kami akan membahas cara memasang widget komentar terbaru di blog, ikuti dan simak langkah-langkah berikut ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada 'HTML/JavaScript'.

<script style="text/javascript" src="http://www.geocities.com/leo_host/komentar-terbaru.js"></script><script style="text/javascript">var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=50;</script><script src="http://id-pemula.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :
rc=5 adalah jumlah komentar yang akan ditampilkan.
rc=50 adalah jumlah karakter yang akan ditampilkan.
http://id-pemula.blogspot.com ganti dengan URL blog Anda.
4. Kemudian 'Simpan'.

Nah, kini blog Anda sudah terpasang widget komentar terbaru, jika masih mengalami masalah hubungi kami melalui contac.

Cara Memasang Google Translate pada Blog

Memasang Google Translate pada Blog akan membantu pengunjung blog Anda jika pengunjung menggunakan bahasa yang berbeda, sebagai contoh: posting Anda menggunakan Bahasa Indonesia dan pengunjung Anda menggunakan Bahasa Inggris, mereka bisa menerjemahkan ke bahasa mereka menggunakan Google Translate.

Google Translate sudah ada dalam widget blogger tinggal menambahkan pada blog. Berikut cara memasang google translate pada blog:

1. Login akun blogger Anda.
2. Pilih 'Tata Letak' ---> kemudian 'Tambahkan Gadget'.
3. Cari gadget Translate/Terjemahan, klik pada 'Translate/Terjemahan'.

4. Setelah itu atur tampilan widget Translate sesuai keinginan Anda.

5. Kemudian klik 'Simpan'.

Nah, sekarang blog Anda sudah terpasang widget translate dan pengunjung blog Anda tidak akan merasa kesulitan jika menggunakan bahasa yang berbeda. Jika Anda merasa kesulitan dengan tutorial id-pemula blogspot silahkan hubungi kami melaluicontac.

Cara Membuat Buku Tamu dengan Cbox di Blog

Chat Box atau Buku Tamu merupakan widget/aplikasi yang menampilkan form chat yang dapat diisi oleh pengunjung sebagai tanda kunjungannya selain kotak komentar pada bawah posting. Cara memasang cbox pada blog sangatlah mudah dan sederhana, kami yakin Anda sebagai pemula dalam blogging tidak akan kesulitan.

Tidak usah terlalu lama langsung saja kita mulai cara membuat buku tamu dengan Cbox, berikut simak langkah-langkahnya :

1. Kunjungi situs http://cbox.ws/
2. Kemudian klik 'Sign Up' pada menu atas.

3. Isi form lengkap pendaftaran dari cbox, jangan lupa centang 'I have read and do agree to the Cbox terms and conditions of service'.

4. Klik 'Create My Cbox!'
5. Pendaftaran berhasil dan Anda bisa langsung login Cbox, dan salinan rincian account cbox akan dikirim ke email yang Anda daftarkan.
6. Setelah Anda berhasil login Cbox, edit tampilan Cbox sesuai keinginan Anda.
7. Klik 'Look & Feel', untuk mengganti tampilan cbox, warna, font, dll.

8. Kalau sudah klik 'Publish!'

9. Copy paste kode cbox dan letakkan pada HTML/JavaScript blog Anda.

Nah, blog Anda sekarang sudah terpasang cbox dan pengunjung dapat meninggalkan pesan pada cbox tersebut. Jika Anda masih mengalami kesulitan silahkan hubungi kami melalui contac.

Cara Membuat Border pada Widget Blog

Border pada widget blog merupakan garis kotak yang mengelilingi widget blog, biasanya ini digunakan sebagai simbol batas dari widget blog. Sangat mudah membuat border pada widget blog, tinggal kita copy paste kode yang akan kita berikan nanti.

Kalau sudah tidak sabar dengan tutorialnya, berikut langkah-langkah cara membuat border pada widget blog :

1. Login akun blogger Anda.
2. Jika Anda menggunakan widget HTML/JavaScript, letakkan kode berikut diantara kode widget Anda.

<div style="border: 1px solid #A5BD51; padding: 5px; width: auto;">

Letakkan kode widget Anda disini!

</div>

Keterangan :
Tulisan yang berwarna kuning adalah tebal garis border, ganti sesuai kebutuhan.
Tulisan yang berwarna biru adalah garis pada border, ganti dengan dotted jika menginginkan garis putus-putus.
Tulisan yang berwarna merah adalah kode warna garis, ganti sesuai keinginan.
3. Simpan.

Berbeda jika widget Anda bukan HTML/JavaScript, yaitu Anda harus menambahkan kode border pada template blog. Misalnya widget label yang akan kita kasih border, berikut kode dan cara pemasangannya pada blog :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Cari kode ]]></b:skin> kemudian copy paste kode dibawah ini tepat diatas ]]></b:skin>

#Label1 .widget-content{

height:auto;

width:auto;

padding:5px;

border:1px solid #5588AA;

}

Keterangan :
Tulisan yang berwarna merah Anda adalah nama widget, ganti sesuai dengan widget yang akan Anda kasih border.
Tulisan yang berwarna kuning adalah garis pada border, ganti dengan dotted jika menginginkan garis putus-putus.
Tulisan yang berwarna biru adalah warna border, ganti sesuai keinginan.
4. Simpan template.

Nah, widget blog anda sekarang sudah terpasang border, selamat mencoba. Jika masih ada masalah hubungi kami melalui contac.