Selasa, 31 Mei 2011

Cara Membuat Tulisan Berjalan [Marquee]

K
etika Anda membaca salah satu artikel, di bagian bawah di atas kotak komentar pastinya Anda bakal melihat tulisan berjalan berwarna putih dengan background hijau. Dan pastinya Anda juga bertanya, kok bisa yaa tulisannya berjalan..?? hehe5.. Tujuan adanya tulisan berjalan ini tentunya kita semua sudah banyak yang tahu, apa lagi kalau bukan untuk mempercantik tampilan blog kita, yaa kan..!!

Nah.., kali ini saya akan membuat membuat tulisan atau postingan tentang bagaimana cara membuat tulisan berjalan di postingan, widget ataupun menempel pada template Anda. Mungkin beberapa dari Anda sudah penasaran kan. Berikut cara pembuatannya :

[1]. Login ke Blogger
[2]. Kemudian klik Tata Letak dan Elemen Halaman
[3]. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
[4]. Lalu pilih HTML/JavaScript
[5]. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

A. Tulisan Berjalan Dari Kanan Ke Kiri

Kode :
<div cols='45' rows='1' style='border: 1px double #5FB404; padding: 5px; background-color:#5FB404; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; line-height: 1.1em;font-size: 16px; color: #ffffff;'> <marquee direction="left" scrollamount='3'><span style='font-family:Gruppo;'>HARIO PAMUNGKAS</marquee></div>
Hasil :

HARIO PAMUNGKAS

HARIO PAMUNGKAS


B. Tulisan Berjalan Dari Kiri Ke Kanan

Kode :
<div cols='45' rows='1' style='border: 1px double #5FB404; padding: 5px; background-color:#5FB404; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; line-height: 1.1em;font-size: 16px; color: #ffffff;'> <marquee direction="right" scrollamount='3'><span style='font-family:Gruppo;'>HARIO PAMUNGKAS</marquee></div>
Hasil :

HARIO PAMUNGKAS

HARIO PAMUNGKAS


C. Tulisan Berjalan Bolak-balik

Kode :
<div cols='45' rows='1' style='border: 1px double #5FB404; padding: 5px; background-color:#5FB404; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; line-height: 1.1em;font-size: 16px; color: #ffffff;'> <marquee direction="left" scrollamount='3' behavior="alternate"><span style='font-family:Gruppo;'>HARIO PAMUNGKAS</span></marquee></div>
Hasil :

HARIO PAMUNGKAS

HARIO PAMUNGKAS


D. Tulisan Berjalan Dari Atas Ke Bawah

Kode :
<div cols="45" rows="5" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-color: #5fb404; border: 1px double rgb(95, 180, 4); color: white; font-size: 16px; line-height: 1.1em; padding: 5px;">
<marquee align="center" direction="down" scrollamount="3"><center><span style="font-family: Gruppo;">HARIO PAMUNGKAS</span></center></marquee></div>
Hasil :

HARIO PAMUNGKAS


E. Tulisan Berjalan Dari Bawah Ke Atas

Kode :
<div cols='45' rows='5' style='border: 1px double #5FB404; padding: 5px; background-color:#5FB404; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; line-height: 1.1em;font-size: 16px; color: #ffffff;'> <marquee direction="up" scrollamount='3'><center><span style='font-family:Gruppo;'>HARIO PAMUNGKAS</span></center></marquee></div>
Hasil :

HARIO PAMUNGKAS


F. Tulisan Berjalan Naik-Turun

Kode :
<div cols='45' rows='5' style='border: 1px double #5FB404; padding: 5px; background-color:#5FB404; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; line-height: 1.1em;font-size: 16px; color: #ffffff;'> <marquee direction="up" scrollamount='3' behavior="alternate"><center><span style='font-family:Gruppo;'>HARIO PAMUNGKAS</span></center></marquee></div>
Hasil :

HARIO PAMUNGKAS


G. Tulisan Berjalan Zig-Zag Tembus

Kode :
<div cols='45' rows='5' style='border: 1px double #5FB404; padding: 5px; background-color:#5FB404; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; line-height: 1.1em;font-size: 16px; color: #ffffff;'> <marquee direction="up" scrollamount='3' behavior="alternate" ><marquee direction="right"><center><span style='font-family:Gruppo;'>HARIO PAMUNGKAS</span></center></marquee></marquee></div>
Hasil :

HARIO PAMUNGKAS


H. Tulisan Berjalan Zig-zag Mantul

Kode :
<div cols='45' rows='5' style='border: 1px double #5FB404; padding: 5px; background-color:#5FB404; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; line-height: 1.1em;font-size: 16px; color: #ffffff;'> <marquee direction="up" scrollamount='3' behavior="alternate"><marquee direction="right" behavior="alternate"><center><span style='font-family:Gruppo;'>HARIO PAMUNGKAS</span></center></marquee></marquee></div>
Hasil :

HARIO PAMUNGKAS


I. Gambar Berjalan Zig-zag Mantul

Kode :
<div cols='45' rows='7' style='border: 1px double #5FB404; padding: 5px; background-color:#5FB404; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; line-height: 1.1em;font-size: 16px; color: #ffffff;'> <marquee direction="up" scrollamount='3' behavior="alternate"><marquee direction="right" behavior="alternate"><a href="http://hariopamungkas.blogspot.com/" target="_blank"  title="Hario Pamungkas"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUXFjlLNV0TaelIGjSEx0ecbSX0_aEQzHMLBJ0PUvYlGrtF7ZG5c6Sg-Xv1Jx6nJOtmC1w2-5eV2p-0pKViruCaLHcMzr__LnwLjEqfB20T4aqMqAC4ZYv4rie9CmQskhC3B-cDMxhQEs/s1600/banner+aku2.png" alt="Hario Pamungkas"/></a></marquee></marquee></div>
Hasil :

Hario Pamungkas

Catatan :

direction="left/right/up/down" --> mengatur arah gerakan teks.
scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi
Jika ingin menghapus background, tinggal hapus saja background-color:#5FB404; pada kode di atas.
Jika ingin mengganti tulisan "HARIO PAMUNGKAS" dengan gambar seperti pada contoh terakhir, silahkan ganti tulisan tersebut dengan kode sumber gambar yang ingin Anda tampilkan, contoh : <a href="http://hariopamungkas.blogspot.com/" target="_blank" title="Hario Pamungkas"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUXFjlLNV0TaelIGjSEx0ecbSX0_aEQzHMLBJ0PUvYlGrtF7ZG5c6Sg-Xv1Jx6nJOtmC1w2-5eV2p-0pKViruCaLHcMzr__LnwLjEqfB20T4aqMqAC4ZYv4rie9CmQskhC3B-cDMxhQEs/s1600/banner+aku2.png" alt="Hario Pamungkas"/></a>

Nahh.. di atas ada berbagai macam contoh tulisan atau gambar berjalan. Jika Anda ingin mempercantik blog Anda dengan tulisan berjalan, alangkah lebih baiknya Anda mencobanya, hehe5..

Selamat mencoba yaa dan semoga bermanfaat...
READ MORE . . .

Minggu, 29 Mei 2011

Cara Memasang Tools Parse HTML Pada Blogspot

P
arse HTML adalah salah satu cara yang di gunakan para blogger untuk memposting artikel yang berkaitan dengan code HTML/javascript. Kegunaannya agar kode yang kita posting di dalam artikel akan tampil menjadi sebuah karakter/tulisan. Karena jika kita memposting kode script ke dalam artikel, maka tulisan tidak akan muncul atau malah muncul sebagai widget.

Sebagai alat bantu untuk memudahkan kita memparse kode HTML supaya dapat ditampilkan menjadi tulisan di postingan kita, kita membutuhkan tools parse HTML

Jika Anda ingin memasang tools parse HTML di postingan atau halaman blog Anda, silahkan lakukan beberapa langkah mudah di bawah ini :

[1]. Login ke akun blogger anda, sehingga anda akan di bawa ke halaman dasbor akun blogger anda.
[2]. Posting sebuah entri/artikel baru dengan memasukkan code script di bawah ini pada mode "Edit HTML" (Ingat! Masukkan pada mode "Edit HTML")
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=320&amp;h=200&amp;title=Code+HTML+Converter&amp;border=%23ffffff%7C0px%2C1px+solid+%2399BB66%7C0px%2C2px+solid+%23AACC66%7C0px%2C2px+solid+%23BBDD66&amp;output=js"></script>
Dan berikut ini hasilnya :

[3]. Terbitkan entri/artikel anda. Maka tools parse HTML sudah ada di dalam postingan atau halaman blog anda.

Saya kira cukup mudah bagaimana membuat dan memasang tools parse HTML di blog kita. Jika ada pertanyaan mengenai cara memasang tools parse HTML ini, silahkan tuliskan pertanyaan Anda di kotak komentar di bawah.

Selamat mencoba dan semoga bermanfaat..
READ MORE . . .

Sabtu, 28 Mei 2011

Cara Daftar Dan Memasang Cbox Pada Blogspot

S
ebelumnya kita telah membahas tentang bagaimana cara membuat buku tamu tersembunyi, dimana dalam penerapan /aplikasinya nanti dibutuhkan penyedia buku tamu/chatbox dari pihak ketiga. Banyak situs penyedia chatbox yang beragam dengan fasilitas dan kelebihanya masing-masing, tapi dibalik kelebihan tersebut terdapatlah sebuah kekurangan, kali ini saya tidak akan membahas kelebihan dan kekurangan masing-masing situs penyedia layanan chatbox tersebut, tetapi menurut saya situs penyedia chatbox yang sangat dianjurkan untuk para pengguna blog adalah situs www.cbox.ws dengan nama chatbox-nya adalah Cbox, karena rata-rata blogger menggunakan Cbox dan banyak pula saat ini situs yang menggunakan layanan Cbox karena fiturnya yang sederhana dan memiliki banyak kegunaan dibandingkan penyedia chatbox lainnya, baiklah langsung saja saya akan memandu Anda untuk mendaftar dan memasang Cbox pada blog Anda, silahkan ikuti langkah-langkah di bawah ini :


[1]. Pertama buka situs www.cbox.ws

[2]. Setelah itu klik Sign Up dan isi formulirnya sesuai dengan data-data Anda. Untuk Penjelasan silahkan dibaca agar tidak terjadi kesalahan dalam mengisi formulirnya :
  • Cbox Name = Isi dengan nama untuk cbox Anda, yang nantinya bisa dibuka melalui address dengan www.namaAnda.cbox.ws sebagai contoh punya saya adalah www.hariopamungkas.cbox.ws
  • Email Address = isi dengan alamat Email Anda
  • Pasword = isi dengan password yang nantinya digunakan untuk loggin akun cbox
  • Confirm Pasword = ketik ulang password yang Anda tuliskan pada kolom di atas 
  • Website = isikan dengan alamat blog Anda, contoh : http://www.hariopamungkas.blogspot.com
  • Language = Pilih bahasa yang Anda suka, tapi ini tidak tersedia untuk bahasa Indonesia
  • Style = Pilih Tampilan yang Anda sukai dan contoh dari tampilan tersebut bisa Anda lihat pada bagian kanan formulir tersebut
  • Setelah semua diisi, silahkan dicentang pada tulisan "I have read and do agree to the Cbox terms and conditions of service."

[3]. Setelah selesai klik tombol Create my Cbox.

[4]. Setelah langkah Sign Up dilakukan dengan benar maka akan ada tulisan CBOX CREATED! pada halaman selanjutnya, naaahhhh sekarang Anda baca penjelasannya dan sebuah email telah terkirim pada email yang Anda pakai saat melakukan Sign Up tadi. Pada email tersebut terdapat sebuah link dan Anda klik link tersebut untuk menuju ke langkah selanjutnya.

[5]. Lalu Anda akan akan menuju Cbox kembali untuk mengambil kode yang nantinya akan dipasangkan ke blog Anda, setelah dapat maka copy kode tersebut dengan mengklik Copy to Clipboard dan setelah dicopy, saatnya untuk memasang Cbox tersebut di blog Anda dengan langkah-langkah di bawah ini :
  • Loggin ke akun Blogger
  • Klik "Tata Letak" dan "Tambah Gadget"
  • Pilih "HTML/Java script", setelah itu paste-kan kode Cbox yang telah Anda copy tadi dan "Simpan".
  • Selesai dehhh, dan fasilitas chatbox telah tersedia di blog Anda.

Catatan :
Jika Anda ingin menggunakan fasilitas chatbox ini dan diletakkan pada buku tamu tersembunyi, caranya gampang tinggal sisipkan saja kode Cbox tadi.

Selamat mencoba dan semoga bermanfaat..
READ MORE . . .

Jumat, 27 Mei 2011

Cara Membuat Buku Tamu Tersembunyi

M
emasang sebuah buku tamu (guestbook) pada sebuah blog adalah hal yang cukup penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang Anda dengan para pengunjung blog. Dengan adanya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang Anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi lebih menarik.

Pastinya Anda penasaran kan dengan buku tamu di blog saya ini. Ternyata buku tamu ini bisa disembunyikan dengan tujuan tidak memakan tempat seperti di sidebar blog Anda dan membuat blog Anda jadi lebih menarik.

Namun sebelum Anda membuat buku tamu, Anda harus menggunakan penyedia buku tamu dari pihak ketiga, tapi Anda nggak usah khawatir, ada kok penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com atau http://www.cbox.ws. Nah, dari penyedia buku tamu inilah kita nanti akan mendapatkan kode buku tamu yang akan kita pasang bersama script di bawah ini.

Ahh.. sepertinya kita tidak usah bertele-tele lagi kali yaa, berikut ini cara membuat buku tamu seperti yang saya miliki :

[1]. Masuk ke Blogger
[2]. Pilih "Rancangan/Layout" kemudian "Page Elements"
[3]. Klik "Add a Gadget" lalu pilih "HTML/JavaScript" dan copy-paste kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLyctgEOU-qt7ORmM55swYJgttLgXV08A2QQMMROPmKvgEesw_p1NbD0WQe-Woy0hHUF0fU6hy7K317stbRemwbiEeTzkAImebZqOtwZVtlDyCvr5z_CmVOgot9KT9MfVlR0NI4nDmjT6A/s128/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- GANTI INI DENGAN KODE BUKU TAMU ANDA -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik
<a href="http://hariopamungkas.blogspot.com/2011/05/cara-membuat-buku-tamu-tersembunyi.html">
disini
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
[4]. Pada kode di atas, cari kode <!-- GANTI INI DENGAN KODE BUKU TAMU ANDA -->  dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya. Sebagai referensi, saya tambahkan cara mendapatkan kode buku tamu dari Cbox.
[5]. Yang terakhir klik "Simpan", selesai deh.

Catatan :
Jika Anda ingin mengatur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda.

Bagaimana..?? Makin penasaran..??? Saran saya lebih baik Anda langsung aja deh mencobanya, mudah kok.

Selamat mencoba yaa dan semoga bermanfaat..
READ MORE . . .

Kamis, 26 Mei 2011

Cara Memasang "Readmore" Otomatis Pada Blogspot

P
ada postingan kali ini, saya akan membahas bagaimana membuat "Readmore Otomatis", seperti yang Anda lihat pada halaman pertama blog saya ini. Pada dasarnya penggunaan "readmore" ini bertujuan untuk meringkas artikel pada setiap postingan dan dimunculkan pada halaman pertama blog. Dan lebih menariknya lagi dalam ringkasan tersebut kita bisa tambahan image thumbnail untuk memberikan kesan menarik dan elegan yang diletakkan di awal paragraf.

Bukan hanya itu saja, disini kita dapat pengatur jumlah karakter yang akan ditampilkan dalam ringkasan. Ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image thumbnail yang ikut ditampilkan dalam postingan dan yang kedua jumlah karakter tanpa image thumbnail. Dan Anda bisa juga mengatur lebar dan tinggi image thumbnail yang akan di tampilkan.

Oke.. untuk lebih jelasnya, langsung saja kita pada pembahasan inti tentang bagaimana cara memasang "Readmore Otomatis" dalam template blog kita. Berikut langkah-langkahnya :

[1]. Silahkan Anda login dulu ke Blogger
[2]. Masuk ke "Rancangan/Layout" dan klik "Edit HTML"
[3]. Jangan lupa centang "Expand Template Widget"
[4]. Cari kode </head> kemudian letakkan script di bawah ini di atas kode </head> tadi.
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Jika sudah silahkan klik "Simpan Template" untuk mengamankan script di atas.

[5]. Langkah berikutnya, silahkan Anda cari kode berikut ini : <data:post.body/>
[6]. Ganti kode <data:post.body/> dengan script berikut ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><span style='font-style:italic;'> &gt;&gt; read more.. </span></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
[7]. Kemudian "Simpan Template" dan silahkan lihat hasilnya.

Catatan :
var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (banyak karakter akan ditampilkan di ringkasan tanpa gambar/thumbnail)
summary_img = 250; (banyak karakter akan ditampilkan di ringkasan dengan gambar/thumbnail)
img_thumb_height = 120; (tinggi gambar/thumbnail)
img_thumb_width = 120; (lebar gambar/thumbnail)

Bagaimana, mudah bukan..??
Yahh, mudah-mudahan postingan kali ini bisa membantu Anda dan membuat blog Anda jadi lebih menarik dan elegan seperti yang Anda inginkan.

Selamat mencoba dan semoga bermanfaat..
READ MORE . . .

Rabu, 25 Mei 2011

Download Eset Antivirus 5.0.6.5 Beta 2011

E
set Antivirus 5.0.6.5 Beta Terbaru 2011 merupakan anti virus terbaru dari Eset. Dalam versi 5 tersebut ada beberapa fitur terbaru yang diupdate dan ditambahkan antara lain untuk Smart Security dan Eset Antivirus NOD32.

Fitur lain yang banyak ditunggu oleh para pengguna Eset antivirus adalah parental control yang dapat digunakan untuk memblokir situs-situs yang tidak diinginkan dari internet. Dengan adanya fitur parental control tersebut, para orang tua dapat memblokir situs-situs dewasa sehingga tidak dapat diakses oleh anak-anak. Selain itu, fitur Advance Heuristic Engine yang menjadi andalan dari Eset, akan secara otomatis mengawasi adanya file-file yang dianggap mencurigakan.

Beberapa fitur unggulan lain yang akan dipersenjatai pada Eset antivirus versi 5 tersebut diantaranya yaitu memiliki kemampuan scan yang lebih cepat dengan tingkat deteksi lebih tinggi dan minimum false positive alarm, parental control (hanya ada di ESET Smart Security) fitur untuk membatasi web access atau untuk penyesuaian pola pengawasan bagi pengguna anak-anak dengan membuat daftar yang boleh dan yang tidak boleh dikunjungi.

Mengingat faktor user juga sangat penting dalam menjauhkan komputer dari serangan threat dunia maya, dengan dasar itu pulalah maka ESET memberikan kelengkapan parental control dalam produk ESET Smart Security.

Bagi para blogger yang ingin mendownload Eset Antivirus versi 5 terbaru silahkan klik link berikut ini atau langsung saja berkunjung ke : http://www.eset.com/beta
Selamat mencoba dan semoga bermanfaat..
READ MORE . . .

Menghilangkan "Langgan: Entri (Atom") dan "Subscribe to: Poskan Komentar (Atom)"

L
anggan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) adalah sebuah fitur yang dibuat oleh blogger. Sesuai dengan namanya Langgan: Entri (Atom) adalah fasilitas untuk berlangganan artikel/posting, sedangkan Subscribe to: Poskan Komentar (Atom) adalah fasilitas berlangganan bagi pengunjung untuk mengetahui komentar-komentar atas posting/artikel dari blog yang bersangkutan.

Namun demikian sebagian blogger tidak menyukai fitur-fitur tersebut, karena selain terlalu sederhana, juga telah tersedia fasilitas berlangganan yang lebih canggih seperti FeedBurner, maka dari itu sebagian blogger lebih suka menghapus/menghilangkan fitur Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) dari blog mereka.

Nah jika Anda ingin mengikuti jejak sebagian blogger tersebut, berikut ini Cara Menghilangkan Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) pada Blogspot:

A. Cara Menghapus Langgan: Entri (Atom):

[1]. Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template dan gunakan tombol Find untuk memudahkan pencarian kode;
[2]. Cari kode di bawah ini:
<b:include data='feedLinks' name='feedLinksBody'/>
[3]. Hapus/delete semua kode di atas, lalu Save Template, selesai.


B. Cara Menghapus Subscribe to: Poskan Komentar (Atom):

[1]. Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template dan gunakan tombol Find untuk memudahkan pencarian kode;
[2]. Cari kode di bawah ini:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
[3]. Hapus/delete semua kode di atas, lalu Save Template, selesai.


Demikian tips ngeblog sederhana cara hapus/hilangkan Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) pada Blogspot ini

Selamat mencoba dan semoga bermanfaat.
READ MORE . . .

Selasa, 24 Mei 2011

Mengganti Tulisan "Poskan Komentar" Pada Kotak Komentar Blogspot

P
ada tips ngeblog sebelumnya saya sudah menjelaskan tentang bagaimana cara Mengubah Background Kotak Komentar Blogspot. Dan pada tips ngeblog kali ini saya akan menjelaskan pada Anda tentang bagaimana cara Mengganti Tulisan "Poskan Komentar" Pada Kotak Komentar Blogspot, seperti kotak komentar yg saya miliki itu sudah saya ubah tulisan poskan komentar dengan kata-kata saya sendiri, kalau Anda tidak percaya,Anda bisa lihat sendiri kotak komentar saya di bawah.

Anda berminat dan ingin mengganti tulisan Poskan Komentar dengan kata yang sesuai keinginan Anda sendiri! Mari ikuti langkah-langkah berikut :

[1].Login ke akun Blogger
[2].Pilih Rancangan/Tata Letak--->Edit Html
[3].Centang Kolom Expand Template
[4].Cari Kode berikut ini :
<data:postCommentMsg/>
Nanti Anda akan menemukan "dua kode" yg sama seperti kode tersebut di atas
[5].Ubah kedua kode yg sama tersebut dengan kata yang sesuai keinginan Anda
[6].Simpan Template

Bagaimana..?? Simpel bukan..?!!

Catatan :
Selain tulisan, Anda bisa ganti kode tersebut di atas dengan gambar atau tulisan bergerak seperti punya saya di bawah ini.
READ MORE . . .

Mengubah Background Kotak Komentar Blogspot

S
elamat bertemu kembali para blogger semua, posting kali ini saya akan kasih tahu cara buat mempercantik tampilan kotak atau form komentar blogspot. Di sini saya akan kasih tahu caranya memberi backround di form komentar blog Anda sehingga tampilanya akan semakin menarik, tapi kalau Anda ingin mempraktekkan cara ini pastikan pengaturan tampilan komentar blogger Anda tidak di tampilkan di halaman pop up, trik ini hanya berhasil jika kotak komentar kamu berada di bawah posting, tidak di halaman pop up Sekarang gimana caranya ??

Silahkan Anda masuk ke
Blogger
Design
Edit HTML
>> beri tanda centang di opsi expand widget template.

Sekarang cari kode berikut :
<div class='comment-form'>
Kalau sudah sekarang gantikan kode di atas dengan kode
<div id='ib-form'>
Kalau sudah sekarang kamu cari kode ]]></b:skin> dan letakan kode berikut sebelum atau tepat di atas kode ]]></b:skin>
#ib-form iframe{
background:#ffffff url(http://i1191.photobucket.com/albums/z464/izoel1/Alam04.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(http://i1191.photobucket.com/albums/z464/izoel1/Alam04.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
Catatan :
Gambar backgroundnya bisa kamu ganti sesuka kamu.
Selanjutnya kamu tinggal simpan pengaturan template kamu dan lihat blog kamu.

Selamat mencoba dan semoga bermanfaat...!!
READ MORE . . .

Senin, 23 Mei 2011

Download Antivirus Smadav 2011 Rev. 8.5

S
madav 2011 Rev 8.5 Mei 2011 akhirnya dirilis ke publik setelah disempurnakan dan dites selama sebulan lebih di lab Smadav. Revisi kali ini adalah revisi terbesar yang pernah dilakukan di Smadav. Bisa dikatakan ini adalah versi terbaik Smadav yang pernah ada. Sangat banyak penyempurnaan yang dilakukan, penyempurnaan utamanya adalah pada engine scanner, fitur karantina, proteksi registration key, penanganan error, dan masih banyak lagi.

Smadav 2011 Rev. 8.5 : Smadav-Updater, Fitur update database tiap minggu (online/offline), Pendeteksian khusus untuk virus Ramnit.shortcut, Fitur baru : "Forgot Password" untuk Smadav Pro, "Berita Terkini Smadav", dsb. Pendeteksian khusus untuk beberapa virus shortcut terbaru (MSO-sys, fanny-bmp),penambahan database 40 virus baru, penyempurnaan deteksi semua varian virus shortcut, penambahan teknik heuristik, dsb.


Smadav 2011 Rev. 8.5 dirilis dengan berbagai fitur dan penyempurnaan baru yang dikhususkan untuk pemberantasan virus lokal. Fitur-fitur itu seperti Smad-Behavior yang bisa mengenali virus lokal baru yang belum ada di database Smadav dari tingkah lakunya ketika menginfeksi sistem. Smad-Ray yang bisa melakukan scan flashdisk secara otomatis setelah terpasang hanya dalam waktu maksimum 5 detik. Smadav 2011 lebih stabil dan sangat disarankan untuk digabungkan dengan antivirus internasional karena Smadav hanya bisa menangani virus lokal. Pengebalan flashdisk (menggunakan folder autorun.inf) telah disempurnakan lagi dan sebelumnya akan ada konfirmasi sehingga Anda bisa memutuskan apakah suatu flashdisk ingin dikebalkan atau tidak.

Sebagai informasi, dari sampel-sampel virus yang di-upload pengguna ke situs Smadav.net, penyebaran virus lokal saat ini sudah mulai turun drastis di Indonesia. Mungkin ini dikarenakan sudah banyaknya antivirus lokal yang bisa membasmi virus-virus lokal. Dan juga karena pengguna Windows XP yang sudah berkurang karena sebagian sudah meng-upgrade sistem operasinya menjadi Windows Vista atau Windows 7 yang sangat aman dari infeksi virus khususnya virus lokal. Penyebaran virus di Indonesia lebih banyak didominasi oleh virus dan malware internasional yang tentunya tidak bisa diatasi Smadav. Anda wajib dan sangat disarankan menggunakan antivirus internasional untuk perlindungkan komputer Anda dari virus dan malware internasional ini.

Selamat mencoba dan semoga bermanfaat...
READ MORE . . .

Sabtu, 21 Mei 2011

Cara Membuat Tag Cloud / Label Cloud

K
emarin ada yang nanyain tentang gimana cara membuat tag cloud/label cloud (tag atau label yang berputar-putar itu lho..). Nah bagi Anda yang ingin punya tag cloud seperti yang ada di kategori pada blog saya, silahkan Anda terapkan cara berikut ini, baik cara manual maupun cara otomatis.

Rasanya saya tidak mau basa-basi lagi bagaimana membuat tag cloud atau label cloud, berikut caranya :

a. Cara Manual

[1]. Log in dulu ke blogger.com
[2]. Klik "Rancangan" dan kemudian pilih "Elemen Laman"
[3]. Tambahkan "Gadget" dengan memilih "HTML/Javascript"
[4]. Kemudian copy-paste kode berikut ini :

    <embed allowscriptaccess="always" bgcolor="#ffffff" flashvars="tcolor=669900&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

    &lt;a href='http://hariopamungkas.blogspot.com/search/label/Ujian%20Nasional'style='12'&gt;Ujian Nasional&lt;/a&gt;

    &lt;a href='http://hariopamungkas.blogspot.com/search/label/Software'style='12'&gt;Software&lt;/a&gt;

    &lt;a href='http://hariopamungkas.blogspot.com/search/label/Renungan'style='12'&gt;Renungan&lt;/a&gt;

    &lt;a href='http://hariopamungkas.blogspot.com/search/label/Tokoh%20Matematika'style='12'&gt;Tokoh Matematika&lt;/a&gt;

    &lt;a href='http://hariopamungkas.blogspot.com/search/label/Ceritaku'style='12'&gt;Ceritaku&lt;/a&gt;

    &lt;a href='http://hariopamungkas.blogspot.com/search/label/SNMPTN'style='12'&gt;SNMPTN&lt;/a&gt;

    &lt;/tags&gt;" height="200&quot; id="tagcloud" name="tagcloud" quality="high" src="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" type="application/x-shockwave-flash" width="200&amp;quot;"></embed>

Keterangan :
Warna Biru : Ganti kode warna biru dengan kode link masing-masing label
Warna Merah : Ganti dengan nama masing-masing label
Warna Orange : Ubah ukuran tinggi dan lebar tag cloud sesuai dengan yang Anda inginkan

b. Cara Otomatis

[1]. Login ke dashboard
[2]. Pilih Tata Letak -> Edit HTML
[3]. Carilah kode berikut :
<b:section class='sidebar' id='sidebar' preferred='yes'>
Jika menggunakan template blogger designer (template baru) coba cari kode seperti di bawah ini :
<b:section-contents id='sidebar-right-1'>
[4]. Setelah menemukan kode di atas masukkan kode berikut :
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "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>
[5]. Simpan Template

Catatan :

Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud


Jika ingin mengubah warnanya Anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa Anda ganti sesuai lebar widget Anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain sesuai background template Anda

Selamat mencoba dan semoga bermanfaat...!!
READ MORE . . .


Facebook Comment Box : "Silahkan berikan komentar Anda mengenai tampilan dan isi blog saya ini untuk membangun blog ini jadi lebih baik lagi . . ."