Minggu, 17 Juli 2011

Berapa Berat Badan Blog Anda ???

T
ak terasa udah begitu banyak pernak-pernik yang sudah saya tempel di sana-sini pada tubuh blog aku. Dari semua artikel yang aku tulis disini, hampir seluruhnya sudah aku terapkan / aplikasikan di blog saya ini, seperti halnya widget, banner, header picture, musik dan lain sebagainya, sehingga membuat blog saya jadi enak dipandang dan terlihat elegan [itu kata temen-temenku lho, hehe5..].

Tanpa saya sadari, bahwa pernak-pernik yang bejibun terpasang di blog saya itu ternyata membuat badan blogku jadi "gendut", sehingga pas begitu loading jalannya macem keong sawah, lemot abis dah, hehe5. Apalagi waktu itu saya pasang juga musik yang sudah jelas memakan memori yang lumayan gede, yang membuat loading blog saya makin "ngos-ngosan". Dari kejadian itu lah, saya mulai berfikir, gimana cara merampingkan badan blog saya supaya langsing dan singset tapi masih menyisakan kesan anggun dan elegan.

Namun sebelum membahas kiat-kiat supaya badan blog jadi ramping, disini saya akan memberikan referensi bagi Anda para blogger untuk menimbang berat badan blog Anda dengan menggunakan tools online service, diantaranya sebagai berikut :
  1. WebSiteOptimization.com : Hasil analisis lebih lengkap, kita dapat mengetahui seberapa cepat waktu loading sebuah website apabila diakses menggunakan 6 kecepatan koneksi internet. Hasil tes juga disertai dengan analisis website yang dapat dipakai sebagai acuan untuk optimasi website lebih lanjut.
  2. Tool Pingdom  : Tools ini hasilnya lumayan lengkap dan rinci sebab menampilkan grafik lamanya loading dari semua objek  link yang ada dalam blog kita.
  3. Iwebtool Speed Test : Caranya tinggal masukan URL blog Anda, klik Submit dan Anda akan tahu seberapa berat size-nya (kb) dan berapa lama loadingnya (seconds).
  4. Tool Stopwatch  : Seperti namanya "stopwatch" kita akan tahu berapa detik loading blog kita.
Nah.., sekarang kita bahas kiat-kiat merampingkan badan blog kita agar saat loading tidak terasa berat. Berikut beberapa kiat yang bisa Anda terapkan pada blog Anda :
  1. Jika dalam blog Anda terdapat widget atau image dengan ukuran yang besar, lebih baik diletakkan di bagian bawah blog.
  2. Hapus widget yang menurut Anda tidak perlu atau tidak penting.
  3. Kurangi jumlah image dan perkecil resolusi image yang Anda pasang di blog.
  4. Silahkan Anda kompres CSS atau script template Anda untuk memperkecil ukurannya.
Mungkin hanya itu saja kiat-kiat yang bisa Anda lakukan agar loading blog Anda tidak merasa berat. Namun jika Anda memiliki kiat-kiat yang lainnya bisa Anda tambahkan di kotak komentar di bawah ini, hehe5..

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

Sabtu, 16 Juli 2011

Download Smadav 8.6 [Update Juli 2011]

P
ada tanggal 13 Juli 2011 lalu, Smadav merilis antivirus terbaru dengan merevisi antivirus sebelumnya yaitu Smadav 8.5 dengan versi Smadav 8.6. Bedanya Smadav 8.6 dengan versi sebelumnya yaitu memiliki interface yang lebih interaktif dan menarik untuk penggunanya dibandingkan versi-versi sebelumnya.

Dalam versi terbaru Smadav 8.6 ini, smadav merilis beberapa penambahan antara lain menambah sekitar 100 jenis virus baru pada database, penyempurnaan fitur Smadav-Updater, pendeteksian khusus untuk virus Ramnit, Sality, dan OneLetter yang menyebar via USB Flash Disk. Dengan meng-update versi terbaru ini, diharapkan bisa menghasilkan hasil scanning yang lebih memuaskan daripada versi sebelumnya.

Nah, bagi Anda yang ingin memiliki versi terbaru Smadav 8.6 maupun Smadav Pro, silahkan klik saja link berikut ini untuk download :

Selamat mencoba ya semoga bermanfaat..
READ MORE . . .

Senin, 04 Juli 2011

AWARD #2

P
agi-pagi buta, pas saya lagi bangun trus buka tuh blog.. Eee..ada pesan dari seorang teman blogger yang ngasih tau kalo aku dapet Award, hehe5.. Lagi-lagi Award yang diberikan ini sebanyak 2 buah, sama seperti Award sebelumnya, Alhamdulillah... Nah berikut bentuk Award yang diberikan oleh Adi's blog kepadaku :



Nah.., sesuai amanat dari si pemberi Award ini, maka Award ini akan saya coba teruskan ke temen-temen blogger lainnya yang menurut saya layak menerima Award ini. Berikut daftar nama blogger yang berhak menerima Award :
  1. Eko Kurniasaputra
  2. Cory Senjaya
  3. Muhammad Yasri
  4. An99a
  5. Nunu Sang Pemimpi
Adapun tugas yang harus diemban oleh penerima Award adalah meneruskan kembali Award ini ke teman-teman blogger yang lainnya. Tujuannya yang pasti adalah menjalin tali silaturahmi untuk mempererat persahabatan antar blogger.

Trus bagi temen-temen blogger yang namanya tidak tercantum pada daftar penerima di atas jangan berkecil hati. Tetep Anda bisa ambil itu Award dengan syarat sama seperti temen-temen di atas yaitu harus meneruskan Award ini ke temen-temen blogger lainnya, key..

SEMANGAT.....!!!!
READ MORE . . .

Sabtu, 02 Juli 2011

Mengedit Animasi Flash Dengan SWF Quicker

S
WF Quicker adalah Editor SWF Flash. Aplikasi ini untuk mengedit file SWF yang ada atau membuat animasi Flash profesional dari awal. Mendukung, mengimpor atau mengekspor film-film dari Flash CS3 (V9), Flash CS4 (V10), ActionScript 3.0 untuk pengguna tingkat lanjut, dan film ekspor ke Flash, Lite 2.0 2.1 dan 3.0.

Fitur Utama :
  1. Mengimpor dan mengedit file SWF Flash V6, v7, V8, V9 (CS3), V10 (CS4) dan Flash CS5.
  2. Mendukung pengeditan elemen Flash misalnya Teks, Shape, Movie Clip, URL, ActionScript, dll
  3. Sebuah ActionScript Editor cerdas yang mendukung Sorot Sintaks, Auto Completion dan Dynamic Prompt tertanam dalam Flash Editor.
  4. Mampu untuk merancang permainan interaktif dengan ActionScript 2.0/3.0 Kelas dan pemrograman Berorientasi Obyek.
  5. Lebih dari 60 + built-in efek animasi dan 7 Flash filter.
  6. Template Flash Album yang melimpah, Banner, Tombol Navigasi dan Slide Show.
  7. Menyediakan Flash Creation berfungsi seperti timeline, desain bentuk, Motion/Shape/Gambar Tween, dan sebagainya.
  8. Menyediakan Object Snapping, Pixel Snapping dan Snap Alignment untuk menyelaraskan objek.
  9. Penuh dengan set alat unguk menggambar vektor, seperti Persegi Panjang, Pen, Brush, Eraser, Paint Bucket, dll.
  10. Mendukung mengimpor berbagai jenis media, seperti AI, MP3, MPEG, AVI, MOV, AVI, MPEG, WMV / ASF, MOV / QT, RM / RMVB, DivX / XviD, dll.
  11. Format output kaya – SWF (termasuk 10.0), EXE, GIF, AVI dan Flash Lite (2.0, 2.1, 3.0).
Untuk mendapatkan Aplikasi SWF Quicker silahkan klik link berikut : SWF Quicker 5.2.509

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

Selasa, 28 Juni 2011

Cara Membuat Auto Hide Navbar Pada Blogspot

A
pa itu navbar..?? Navbar adalah bagian yang terlihat pada bagian teratas blog kamu. Yang mana pada bagian tersebut terdapat tulisan Entri Baru, Rancangan, dan Keluar. Nah, ada beberapa temen blogger yang ingin menghilangkan navbar ini, hal ini tentu saja melanggar peraturan yang telah ditetapkan oleh Blogspot. Namun untuk mewujudkan keinginan Anda tanpa menghilangkan navbar secara permanen, Anda bisa kok menyembuyikan navbar tersebut dengan auto hide navbar. Penasaran..??? Berikut cara membuat auto hide navbar pada blogspot :

[1]. Login Blogspot
[2]. Klik Rancangan kemudian Edit HTML
[3]. Silahkan Anda cari kode body {, kemudian copas script berikut ini dan letakkan di atas kode body { tadi
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Sehingga formatnya menjadi seperti ini :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
[4]. Jika sudah, silahkan klik Simpan Template dan lihat hasilnya di blog Anda

Silahkan Anda arahkan mouse pada bagian teratas blog Anda, maka akan muncul navbar yang telah disembunyikan. Apabila mouse Anda arahkan ke tempat lain, maka navbar akan kembali hilang atau tersembunyi kembali.

Saya kira cukup sekian saja pembahasan cara membuat Auto Hide Navbar pada Blogspot. Jika ada pertanyaan silahkan Anda tuliskan komentar Anda di kotak komentar di bawah ini.

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

Senin, 27 Juni 2011

Cara Membuat Slide Out Navigation

K
etika Anda membuka halaman blog saya, tentunya Anda akan melihat beberapa menu navigasi berupa "Home", "About Me", "Bannerku" dan lain sebagainya yang tentunya unik dan menarik. Dan sering kali temen-temen blogger menyebutnya dengan istilah "Slide Out Navigation". Tuuhh...lihat yang paling atas tuhh.. Menarik kan..??? hehe5.. Saya yakin deh Anda pasti penasaran dengan menu navigasi tersebut dan bertanya dalam hati, bagaimana yaa cara membuatnya, yaa kan..?? Jangan bohong deehhh..!!! hehe5..

Tapi Anda jangan khawatir, kali ini saya akan mencoba untuk share ilmu dan pengalaman saya ini kepada Anda semua [kurang baik apa cobaa... hihi5..].

Oke.., berikut langkah-langkah cara membuat Slide Out Navigation :

[1]. Login Blogger

[2]. Klik Rancangan kemudian Edit HTML lalu cari kode ]]></b:skin>

[3]. Copas script berikut dan letakkan di atas kode ]]></b:skin> tadi :
/*----------------
Beautiful Slide Out Navigation
-------------------------------*/
.headerfixed
        {
            width:600px;
            height:56px;
            position:absolute;
            top:50%;
            left:10px;
            background:#fff url(title.png) no-repeat top left;
        }
ul#navixed {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
}
ul#navixed li {
    width: 103px;
    display:inline;
    float:left; 
}
ul#navixed li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navixed li a:hover{
     background-color:#000;
}
ul#navixed li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#FFF;
    
}
ul#navixed .home a{
    background-image: url(http://3.bp.blogspot.com/-aXrFVyf4QsA/TZBebt8Z8jI/AAAAAAAAAgY/wHMKwyDH86g/s1600/home.png);
}
ul#navixed .about a      {
    background-image: url(http://4.bp.blogspot.com/-U0VzmKiVx3k/TZBeclR4x5I/AAAAAAAAAgc/c6T4Q-__HTw/s1600/id_card.png);
}
ul#navixed .search a      {
    background-image: url(http://2.bp.blogspot.com/-84f0jEeeffc/TZBehJq90AI/AAAAAAAAAgs/w4UaF1VPgLs/s1600/search.png);
}
ul#navixed .podcasts a      {
    background-image: url(http://1.bp.blogspot.com/-sbloKktswgc/TZBed0gK93I/AAAAAAAAAgg/avwmYOErpGI/s1600/ipod.png);
}
ul#navixed .rssfeed a   {
    background-image: url(http://1.bp.blogspot.com/-Ro686lePoM8/TZBef9OyGcI/AAAAAAAAAgo/e_QaROPLVx0/s1600/rss.png);
}
ul#navixed .photos a     {
    background-image: url(http://3.bp.blogspot.com/-fi5XP0zvpB8/TZBeael-n5I/AAAAAAAAAgU/bwS_VlGvi-U/s1600/camera.png);
}
ul#navixed .contact a    {
    background-image: url(http://4.bp.blogspot.com/-RTxgq3NFIYM/TZBeei8J4-I/AAAAAAAAAgk/Zgo-9V-JXss/s1600/mail.png);
}

[4]. Kemudian cari kode </head> dan letakkan script berikut ini di atas kode </head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
    <script src='http://kangdadang.googlecode.com/files/jcolor.js'/>
<script type='text/javascript'>
            $(function() {
                var d=300;
                $(&#39;#navixed a&#39;).each(function(){
                    $(this).stop().animate({
                        &#39;marginTop&#39;:&#39;-80px&#39;
                    },d+=150);
                });

                $(&#39;#navixed &gt; li&#39;).hover(
                function () {
                    $(&#39;a&#39;,$(this)).stop().animate({
                        &#39;marginTop&#39;:&#39;-2px&#39;
                    },200);
                },
                function () {
                    $(&#39;a&#39;,$(this)).stop().animate({
                        &#39;marginTop&#39;:&#39;-80px&#39;
                    },200);
                }
            );
            });
        </script>

[5]. Terakhir, cari kode </body> dan letakkan script berikut ini di atas kode </body> :
<ul id='navixed'>
            <li class='home'><a href='#'><span>Home</span></a></li>
            <li class='about'><a href='#'><span>About</span></a></li>
            <li class='search'><a href='#'><span>Search</span></a></li>
            <li class='photos'><a href='#'><span>Photos</span></a></li>
            <li class='rssfeed'><a href='#'><span>Rss Feed</span></a></li>
            <li class='podcasts'><a href='#'><span>Podcasts</span></a></li>
            <li class='contact'><a href='#'><span>Contact</span></a></li>
        </ul>
Catatan :
# : Silahkan Anda ganti dengan masing-masing link menu navigasi di blog Anda

[6]. Selesai deh.. dan jangan lupa Simpan Template

Bagaimana, mudah kah cara membuat Slide Out Navigation..??? Yakin deh Anda semua pasti bisa membuat SLide Out Navigation seperti yang saya terapkan di blog saya.

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

Sabtu, 25 Juni 2011

Menambah Kecepatan Koneksi Internet

M
enambah kecepatan akses internet sangat diinginkan para pengguna internet. Ada banyak cara digunakan untuk menambah kecepatan akses koneksi internet, dari cara simpel menonaktifkan loading gambar pada browser hingga penggunaan software tertentu dari gratis hingga berbayar. Posting ini hanya akan memberi 2 alternatif cara menambah kecepatan koneksi internet anda.

CARA 1 : Un-reserving Bandwidth

Secara default, XP menyimpan 20% dari bandwith anda untuk penggunaan aplikasi dari XP itu sendiri. Kita bisa ubah menjadi 0% untuk menambah kecepatan akses internet anda.

  • Buka Group Policy Editor dengan mengetikkan gpedit.msc pada Run box (Windows Start kemudian klik Run). Lihat gambar dibawah.
  • Pada panel sebelah kiri, klik Computer Configuration/Administrative Templates/Network/QOS Packet.
  • Pada panel kanan, terdapat menu Limit reservable bandwidth, klik kanan dan pilih properties.
  • Pada tab setting, pilih atau klik pada Radio Button Enabled kemudian ubah Bandwith limit ( % ) dibawahnya menjadi 0 . Seharusnya seperti gambar dibawah ini.
  •  Klik OK lalu tutup Group Policy Editor.


CARA 2 : Optimizing TCP/IP Setting

Cara ke-dua ini, Anda membutuhkan freeware SG TCP Optimizer. Aplikasi kecil ini sanggup meng-optimalkan cara kerja PC saat mengirim dan menerima data packets saat Anda terhubung ke internet. Tools ini lebih efektif untuk pengguna koneksi broadband, walapun bisa digunakan untuk semua jenis koneksi internet.

  • Download SG TCP Optimizer. Tanpa perlu install, cukup double-click dan tools ini akan running. Lihat gambar di atas untuk lebih detail.

  • Kita hanya akan bekerja dengan beberapa klik saja, abaikan saja menu lainnya. Di bawah tab General Settings, drag slider-nya pada kecepatan koneksi yang Anda inginkan. Lalu, pada jendela yang sama di bagian bawah, pilih radio button Optimal Settings dan klik Apply Changes.
  • Selanjutnya Anda akan temui tampilan seperti gambar dibawah ini.  
  • Pastikan pada box Backup dicentang lalu klik OK.
  • Restart PC Anda.
  • Setelah restart, coba browsing internet Anda pada halaman web yang tidak terlalu “berat” atau memakan bandwith terlalu banyak. Jika anda merasa kecepatan koneksi internet justru melambat atau menurun Anda bisa melakukan restore pada original setting. Start SG TCP Optimizer, klik File dan pilih restore backed up settings. Anda akan dibawa pada dialog box yang Anda gunakan untuk navigasi tempat dimana mendownload program. Disitu Anda akan menemui file dengan extension .spg dan filename yang mengandung tanggal. Contoh, jika anda melakukan perubahan 21 February maka “sg_backup_2008-02-21-xxxx.spg” merupakan filename-nya, dimana xxxx bisa diisi dengan nomor apa saja. Buka file tersebut. Anda akan dibawa pada dialog box seperti yang ditunjukkan di atas. Klik OK lalu restart. Original settings Anda telah kembali.

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

Kamis, 23 Juni 2011

Konversi Dokumen Hasil Scan Menjadi File Word

K
ira-kira seminggu lalu, saya ditanya teman apa ada software yang bisa melakukan konversi dari dokumen hasil scan menjadi file Word? Proses ini disebut Rekognisi Karakter Optik atau pengenalan huruf optik (lebih populer dalam istilah bahasa Inggris, optical character recognition, yang biasa disingkat OCR). Saya bilang ada, tapi bukan free software. Sebagai alternative, saya menawarkan layanan OCR gratis secara online yang disediakan oleh i2OCR.

i2OCR adalah layanan online gratis yang dapat mengkonversi dokumen hasil scan atau gambar ke dalam dokumen word yang selanjutnya dapat diedit oleh pengguna. OCR online gratis ini tidak membutuhkan pendaftaran untuk menggunakannya, dan mendukung Multi-Kolom dokumen scan untuk pengenalan karakter yang tersedia dalam 33 bahasa termasuk diantaranya Inggris, Perancis, Spanyol, Jerman, Italia, Rusia, Portugis, dan Cina.

Layanan OCR online gratis ini mendukung format gambar seperti TIF, JPEG, PNG, BMP, PPM, PBM, PGM. Anda dapat meng-upload gambar hingga maximal 10 MB. Untuk pengenalan karakter teks yang lebih baik, gambar yang Anda upload harus minimal 200 dpi. Anda dapat menyalin teks hasil konversi ke dalam notepad atau download sebagai file Word.

Sumber : i2OCR Online
READ MORE . . .

Senin, 20 Juni 2011

Proses Migrasi IPv6 Dibidik Si Pembuat Virus

P
ercobaan tentang implementasi IPv6 sebagai protokol internet masa depan berlangsung mulus, Rabu (8/6/2011), dalam gerakan bersama yang disebut Hari IPv6 Sedunia. Sejumlah situs yang berpartisipasi menjajal versi yang mendukung trafik IPv6 tidak mengalami gangguan berarti. Namun, antisipasi gangguan yang mungkin dihadapi selama proses migrasi dari protokol internet IPv4 yang dipakai saat ini ke IPv6 masih harus mendapat perhatian.

Hari IPv6 Sedunia yang menguji implementasi di ratusan situs merupakan langkah penting untuk penerapan secara penuh penggantian protokol tersebut. Namun ketika melakuan transisi menuju standard IP baru tersebut, bakal ada sebuah situasi di mana ancaman-ancaman yang sebelumnya tidak nampak, akan muncul secara perlahan ketika para pembuat malware mengetahui transisi ini dan mulai melakukan adaptasi.

Menurut catatan yang ditulis Cathal Mullaney dari Symantec, dari sudut pandang keamanan, transisi ini memunculkan beberapa potensi masalah baru. Transisi IPv6 misalnya bisa menarik bagi para pembuat malware. Dengan diperkenalkannya IPv6, para penjahat cyber akan melakukan pemindaian alamat IPv6 untuk mengetahui kelemahan jaringan atau menemukan cara penyerangan yang dapat dilakukan.

Perusahaan anti-virus dan administrator sistem/jaringan harus memahami potensi ancaman tersebut dan melakukan tindakan antisipasi. Sepeti biasanya, Symantec merekomendasikan agar definisi, signature, dan aturan firewall di jaringan agar diperbarui untuk menjamin terlindungi dari ancaman-ancaman baru.

IPv6 merupakan protokol internet baru yang dikembangkan untuk mengantisipasi protokol IPv4 yang sebentar lagi penuh. Sistem Internet Protocol (IP) Address adalah sistem pengalamatan jaringan yang merupakan bagian paling penting dari sebuah proses akses informasi dan komunikasi. Sejak 1983 hingga saat ini sistem pengalamatan yang umum dipergunakan adalah IPv4 dengan kapasitas alamat sebesar kurang lebih 4,2 miliar.

Internet Assigned Numbers Authority (IANA), sebuah lembaga resmi internasional pengelola alamat IP merilis data bahwa jumlah alamat tersisa dari IPv4 saat ini kurang lebih hanya tersisa 10 persen dari kapasitas awal atau sekitar 400 juta alamat saja. Jumlah ini tidak memadai untuk mengantisipasi perkembangan pengguna internet saat ini yang amat luar biasa ditambah lagi dengan adanya perkembangan teknologi telekomunikasi masa datang yang berbasis IP. Sementara IPv6 menyediakan alamat internet miliaran kali jauh lebih besar.

Sumber :
kompas.com
READ MORE . . .

Hari IPv6 Sedunia

R
abu 8 Juni 2011 adalah Hari IPv6 Sedunia. Ini adalah hari ketika dalam kurun waktu 24 jam sejumlah situs besar dunia termasuk Yahoo! menyediakan konten mereka pada kedua server, IPv4 dan IPv6. Tujuannya adalah mengetes kesiapan layanan Internet selama masa transisi dari pemakaian Alamat Protokol Internet versi 4 ke versi 6. Uji coba itu berlangsung sejak pukul 7 pagi WIB.

Perlunya migrasi ke IPv6
Alamat IP atau internet protocol address adalah suatu nomor yang mengenali setiap pengirim atau penerima informasi yang dikirim melalui Internet. Industri komputer telah menggunakan Alamat IP versi 4 sejak lama dan pada suatu saat alamat tersebut akan habis.

Sama seperti halnya nomor telepon, penambahan deret digit nomor akan menambah jumlah total nomor telepon yang bisa dipakai. Migrasi ke IPv6 memberikan solusi karena setiap alamat IP memiliki deretan nomor yang lebih panjang. Dengan begitu, industri komputer akan memiliki cukup banyak alamat IP baru untuk masa depan.

Dampak bagi pengguna Internet
Pada Hari IPv6 Sedunia, tidak akan ada banyak pengguna yang mengalami gangguan mengakses Internet karena berbagai situs besar mentransmisikan layanan Internetnya menggunakan server IPv4 dan IPv6 secara bersamaan.

Namun bila Anda mengalami gangguan, tak perlu khawatir. Anda dapat mengunjungi situs bantuan IPv6 untuk mengatasi gangguan yang muncul.

Penyedia layanan Internet beserta penyedia infrastruktur jaringan akan mulai menyediakan IPv6 untuk Anda dalam beberapa bulan ke depan. Dengan begitu, saat alamat IPv4 habis, alamat IPv6 sudah diimplementasikan secara luas. Perubahannya tidak akan terlihat bagi pengguna Internet sehari-hari.

Uji komputer Anda
Anda bisa mengetes apakah komputer Anda sudah kompatibel dengan IPv6 melalui halaman tes di http://help.yahoo.com/l/id/yahoo/ipv6/ yang disediakan oleh tim IPv6 Yahoo!.

sumber :
http://id.berita.yahoo.com
READ MORE . . .

Kamis, 16 Juni 2011

Award # 1

Kemarin malam, pas lagi buka blog dan kutelusuri buku tamu blog-ku, eee tidak disangka aku dapet Award dari temen-temen blogger. Tak tanggung-tanggung Award yang diberikan ke aku ada dua, hehe5.. Matur tengkyu atas Award-nya mas bro..

Award  1
Bunga Majapahit Award 



Award 2
 Majapahit Award


Ada satu kesamaan dari dua Award ini, semua bertemakan "Award Persahabatan". Seperti dalam kisahnya sebuah kerajaan Majapahit yang mampu mempersatukan wilayah Nusantara ini, pemberi Award juga memiliki tujuan yang hampir sama yaitu ingin mempersatukan para blogger semua untuk bersatu dan mempererat tali silaturahmi dalam menjalin sebuah persahabatan.
SALUT...!!!

Aku ucapkan terima kasih buat mas bro berdua yang telah memberikan Award perdana kepadaku. Harapanku, semoga ini jadi awal yang baik untuk bersatu, berbagi dan terpenting terus terpelihara tali silaturahmi antar blogger semua.
SEMANGAT...!!!
READ MORE . . .

Kamis, 09 Juni 2011

Memasang Kotak Komentar Facebook Dengan Fitur Reply Pada Blogspot

F
acebook memang tidak ada matinya. Benar saja, facebook ternyata terus mengembangkan plugin sosial yang disinergikan dengan keberadaan web atau blog. Salah satunya adalah mengembangkan kotak komentar facebook dengan fitur reply yang bisa dipasang di template blog kita. Sebagai contoh, Anda bisa lihat penerapan plugin kotak komentar facebook di blog saya ini : http://talipati.blogspot.com. Bagaimana menarik bukan..??

Penggunaan kotak komentar facebook dengan fitur reply ini banyak manfaat yang bisa didapat bagi kita sebagai penggila dunia maya. Salah satunya ya mencoba memberikan ruang bagi para pembaca blog kita untuk mengomentari artikel di blog kita lewat akun facebook. Hhmm.. lebih menariknya lagi, kotak komentar facebook ini memiliki fitur reply yang akan memberikan kenyamanan bagi pembacanya untuk saling balas komentar. Inilah nilai plus yang dimiliki kotak komentar facebook ini. Dan bagi si empunya blog, kotak komentar ini bisa disetting sesuai dengan keinginannya, karena terdapat ruang moderasi untuk setiap komentar yang masuk. Artinya, si empunya blog bisa menyaring mana komentar yang mau ditampilkan dan mana yang tidak. Yahh, boleh dibilang inilah ruang "hak siar" bagi pemilik blog, hehe5..

Ahh, sepertinya pengantar di atas sudah terlalu banyak saya ngomong, hehe5.. Langsung aja deh kita ke pokok bahasan, gimana memasang kotak komentar facebook dengan fitur reply ini ke dalam blog kita. Berikut langkah-langkahnya :

[1]. Login dulu ke Blogger

[2]. Kemudian masuk ke "Rancangan" dan klik "Edit HTML"

[3]. Silahkan Anda cari kode berikut ini <data:post.body/>, kemudian copas script di bawah ini persis di bawah kode tadi. (catatan : jika Anda telah menggunakan readmore, tentunya kode <data:post.body/> ada dua, maka dari itu silahkan letakkan script di bawah setelah kode <data:post.body/> yang kedua.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=ISIKAN ID APP ANDA DISINI&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='5' width='600'/>
</b:if>
Silahkan Anda ganti kata "ISIKAN ID APP ANDA DISINI" dengan ID App Anda. Jika Anda belum memiliki ID App silahkan daftar terlebih dahulu di : http://developers.facebook.com/setup

[4]. Cari kode berikut ini <b:skin><![CDATA[/, kemudian letakkan script di bawah ini di atas kode tadi.
<meta content='ID Profile Anda' property='fb:admins'/>
<meta content='ID App Anda' property='fb:app_id'/>
ID Profile Anda, bisa Anda dapatkan di halaman profil Anda. Silahkan klik tab Profile Facebook Anda, kemudian perhatikan URL yang tertera di address bar, contohnya : http://www.facebook.com/profile.php?id=100000095143813 dan 100000095143813 adalah ID Profile Anda.

[5]. Simpan Template

Setelah Anda selesai memasang kotak komentar facebook tersebut, silahkan Anda cek terlebih dahulu dengan membuka salah satu postingan Anda. Crriiiinnggg... Selamat Anda telah berhasil! hehe5..

Sementara sekian dulu postingan kali ini. Nah, jika ada yang ingin ditanyakan, silahkan tulis pertanyaan Anda di kotak komentar di bawah ini. Selamat mencoba dan semoga bermanfaat..
READ MORE . . .

Rabu, 08 Juni 2011

Memasang Tombol "Like" Facebook Pada Blogspot

F
acebook telah mensetting sebuah plugin sosial baru yang memungkinkan kita untuk berbagi pengalaman menarik atau hal yang disukai di sebuah website atau blog kepada pengguna lainnya hanya dengan sebuah tombol.

Yahh, tombol "Like" facebook. Tombol ini akan terpasang di seluruh halaman posting blog, dan untuk setiap halaman posting berbeda-beda jumlah orang yang "like/recommend". Jumlahnya ya tergantung berapa banyak orang yang menyukai halaman / postingan tersebut. Sebagai contoh, silahkan lihat tombol "Like" facebook di bawah postingan ini. Keren kan..?? hehe5..

Rasanya saya tidak perlu basa-basi lagi, berikut ini langkah-langkah memasang tombol "Like" facebook pada blogspot :

[1]. Login ke akun Blogger dan buka menu Layout --> Edit HTML dan klik "Expand Widget Templates"
[2]. Kemudian cari kode <data:post.body/>, dan copas kode tombol like facebook di bawah ini persis di bawah kode <data:post.body/> tadi.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
[3]. Simpan Template

Bagaimana, mudah bukan..?? Nah, sekarang giliran Anda yang mencobanya, key.. hehe5..

Selamat mencoba kawan, semoga bermanfaat..
READ MORE . . .

Selasa, 07 Juni 2011

Mengembalikan File Yang Terhapus Dari Flashdisk/ Komputer

K
ali ini saya mau review sebuah software yang saya yakin akan sangat bermanfaat buat Anda yang suka bergelut di dunia komputer. Dalam menggunakan komputer, sering kali kita melakukan kesalahan dengan menghapus file yang kita anggap tidak perlu. Yahh, akhirnya penyesalan pun tiba ketika kita membutuhkan file tersebut. Pusing bukan kepalang jika hal ini bener-bener terjadi, tapi tenang, Anda masih memiliki peluang untuk mengembalikan file yang terhapus tadi. Dengan bantuan aplikasi Pendora Recovery data Anda masih bisa terselamatkan, apalagi aplikasi ini gratis lagi. Sapa sih yang tidak mau..?? hehe5.. Meskipun termasuk golongan freeware, namun aplikasi buatan Pendora Corp ini terlihat lebih lengkap serupa dengan glary undelete, Pendora Recovery memiliki tampilan windows explorer. Fitur di dalamnya pun memiliki kemampuan mengembalikan file yang terkompresi, yang sudah terfragmentasi, file terekscripsi, termasuk file yang hidden (tersembunyi) di dalam system.

Pandora juga memiliki kemampuan untuk mengembalikan Alternate Data Stream (ADS) dengan system NTFS yang berisi daa actual dari sebuah file, misalnya inforasi ganre, nama album atau penyayi dalam file MP3 atau meta data dalam sebuah foto atau gambar.

Saat memindai harddisk untuk mendeteksi file yang hilang, Pendora mampu menampilkan preview file yang hilang unuk format tertentu, seperti file gambar dan foto dan video serta sejumlah file document teks juga  Keterangan, dan yang berhasil terdeteksi juga dilengkapi dengan estimasi keberhasilan recovery dalam hitungan persentase.
Jika ada keterangan overwriten 50%, tingkat kesuksesan dalam pengembalian data tersebut hanya 50% saja. Para pengguna akan mudah mengelola aplikasi ini terlebih dengan tersedianya wijaya (wizard) recovery data saat pertama kali program dijalankan.

Selamat mencoba dan semoga bermanfaat..

Catatan :
Support : Hard drive (local drive dan network drive) USB flash drive, memory card
Ukuran : 3.2 MB
Format file system : FAT16 FAT32 NTFS, NTFS5, NTFS/EFS
Sistem : Window XP, Vista, Windows7

Sumber :
http://www.pandorarecovery.com/
READ MORE . . .

Senin, 06 Juni 2011

Ponsel Nokia Bisa Jadi Wifi Hotspot

J
ika suatu hari jaringan internet di rumah atau pun di kafe tempat Anda ngopi, sedang mati, apa yang akan Anda lakukan? Jangan khawatir. Bila Anda membawa smartphone Nokia aatu Sony Ericsson, Anda tetap bisa mengakses internet. Mengapa bisa?

Inilah rahasianya. Unduh aplikasi joikuspot melalui ovi store ke ponsel pintar Nokia Anda. Tapi Nokia tipe mana saja yang kompatibel dengan aplikasi ini?

Ada dua cara mudah untuk mendeteksi apakah aplikasi JoikuSpot bisa bekerja di ponsel Anda.

Pertama, kunjungi alamat www.joiku.com di browser ponsel Anda. Di sini, model ponsel Anda langsung terlihat. Anda juga dapat langsung membeli lisensi JoikuSpot Premium lewat browser ponsel. Dan Anda dapat langsung mengunduh dan menginstal aplikasi ini ke ponsel Anda.

Kedua, pilih model ponsel Anda dari daftar di komputer Anda. Ada beberapa pilihan dari Nokia S60, Nokia Symbian^3, Nokia Maemo, dan juga Sony Ericsson S60.

Nokia S60 meliputi model-model E51, E52, E55, E60, E61, E61i, E63, E65, E66, E71, E72, E73, E75, E90, N78, N79, N80, N81, N81 8GB, N82, N85, N86, N91, N93, N931, N95, N95 8GB, N95 Americas, N95 8GB Americas, N96, N97, N97 Mini, 5530 XpressMusic, 5630 XpressMusic, 5730 Xpress Music, 5800 Xpress Music, C5-03, C6, E5, X5, X6, 6710 Navigator, dan 8800 Erdos.

Sedangkan model-model Nokia Symbian^3 adalah N8, E7, C6-01, C7, E6, dan X7. Sementara Nokia Maemo adalah N900.

Ponsel Sony Ericsson S60 yang kompatibel dengan aplikasi JoikuSpot adalah Satio (Idou), Vivaz, dan Vivaz Pro.

Tahap berikutnya adalah bagaimana membuat aplikasi JoikuSpot bekerja sebagai Wifi Hotspot?

Anda tinggal mencari aplikasi JoikuSpot ini di folder "Application", lalu klik aplikasi "JoikuSpot". Akan muncul pertanyaan "Allow sharing your internet connection with external devices?" Anda hanya perlu menjawab "Yes".

Setelah itu JoikuSpot siap bekerja. Anda bebas memberi nama WiFi Hotspot ini berikut kata sandi yang diinginkan, sehingga tidak sembarang orang bisa ikut mengakses WiFi Hotspot ini. Kompas.com sudah mencoba aplikasi JoikuSpot Premium dengan membeli seharga Rp 10.000 (biaya ini dibebankan pada tagihan ponsel).

Ponsel pintar seperti Nokia E7 dengan kartu Telkomsel khusus data 4 GB. Akses internet lewat JoikuSpot Premium di Nokia E7 ini sangat cepat, baik saat menggunakan MacBook Pro maupun iPad, maupun dua-duanya.

Menjadikan Nokia E7 sebagai WiFi Hotspot lewat aplikasi JoikuSpot Premium ini akan menghemat biaya internet Anda. Misalkan Anda memiliki iPad, Anda tidak perlu berlangganan kartu baru. Anda cukup menggunakan JoikuSpot Premium untuk akses internet. Toh Anda juga bisa berselancar internet di laptop Anda atau pun iPod touch Anda.

Nah, Anda tertarik? Selamat mencoba dan semoga bermanfaat..

Sumber :
www.kompas.com
READ MORE . . .

Sabtu, 04 Juni 2011

Download PCMAV 5.1 Terbaru [Mei 2011]

D
ownload PCMAV 5.1 telah disediakan bersamaan dengan peluncuran majalah PC Media edisi 05/2011 yang sudah lama dinanti pembaca setia PC Media tentunya. Kali ini PCMAV 5.1 telah dilengkapi dengan penambahan database pengenal dan pembersih 102 virus lokal/asing/varian baru yang banyak menyebar di Indonesia. Total database pada PCMAV 5.1 sebanyak 4.127 virus beserta variannya.

Fitur terbaru apa saja yang terdapat pada PCMAV 5.1 ini?
  1. UPDATED! Ditambahkan database pengenal dan pembersih 102 virus lokal/asing/varian baru yang dilaporkan menyebar di Indonesia. Total 4127 virus beserta variannya.
  2. ADDED! Removal engine khusus untuk membersihkan secara tuntas virus AngryAngel3, Ronkor, ViewFiles yang menyebar luas di Indonesia.
  3. ADDED! Penambahan filter untuk mencegah file shortcut yang mengekspoitasi Windows, agar tidak dapat memanggil malware secara otomatis pada removable drive (flash disk).
  4. ADDED! Penambahan menu terpisah untuk menon-aktifkan dan mengaktifkan fitur LinkProtector.
  5. IMPROVED! Perubahan nama virus mengikuti varian baru yang ditemukan.
  6. IMPROVED! Perbaikan beberapa minor bug dan improvisasi kode internal untuk memastikan bahwa PCMAV tetap menjadi antivirus kebanggaan Indonesia.

Untuk mendapatkan aplikasi antivirus PCMAV 5.1, silahkan download melalui link berikut ini : Download PCMAV 5.1

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

Download Software Partisi Hardisk "Partition Wizard Home Edition"

M
enyimpan file data atau file kerja, sebaiknya tidak dalam partisi yang sama dengan partisi yang digunakan sistem operasi sehingga bilamana terjadi kerusakan pada sistem operasi, tidak berdampak pula pada file kerja atau data.

Terdapat beberapa aplikasi partisi yang dapat digunakan, dan salah satunya yang mudah penggunaannya, meski bagi user yang tak berpengalaman sekalipun adalah Partition Wizard Home Edition.

Aplikasi ini mampu menangani operasi partisi yang kompleks, meliputi operasi resize, copy, create, hapus, format, konversi, menyembunyikan, mengubah drive letter, mengaktifkan dan recover partisi. Aplikasi ini pun telah mendukung RAID, kapasitas harddisk di atas dua terabyte.

Download Partition Wizard Home Edition

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

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="http://3.bp.blogspot.com/-JZbLc9os7h4/TanHwl66eII/AAAAAAAAAe8/9Gkj2bsv7EQ/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="http://3.bp.blogspot.com/-JZbLc9os7h4/TanHwl66eII/AAAAAAAAAe8/9Gkj2bsv7EQ/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('http://lh5.ggpht.com/_2gmmRPmjmvY/TQMwCdNk4zI/AAAAAAAAAzU/TNUJSRonVhw/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 . . ."