Tampilkan postingan dengan label tips. Tampilkan semua postingan
Tampilkan postingan dengan label tips. Tampilkan semua postingan

Rabu, 12 Oktober 2011

Menghilangkan Facebook chat

Menghilangkan Virus W32 Kolab - Virus Facebook chat




Setelah saya selidiki tentang virus w32 kolab atau yang lebih di kenal sebagai virus chat facebook, ada beberapa ciri-ciri jika komputer anda terkena virus ini





  • kecepatan internet anda menjadi lambat, ini di karenakan karena virus kolab membuat akses jaringan sendiri ketika menginfeksi virus anda
  • merubah start page (halaman awal) , error pages (halaman saat link tidak di temukan atau tidak dapat di akses) dan search pages (halaman pencarian) pada browser anda
  • ada beberapa program aneh muncul pada proses task manager (dengan nama acak) kadang menyamar menjadi svchost.exe
  • tidak menampilkan error saat blue screen
  • saat anda chatting di facebook tiba-tiba anda akan mengirim link otomatis ke teman anda supaya teman anda menginstall virus ini
  • saat virus kolab terinstall, Dia mengajak teman-temanya (virus lain) untuk bersarang di komputer anda.
Kata/Julukan lain w32 kolab : Generic.dx, Trojan-Dropper.Win32.VB.jhz, Backdoor.Win32.SdBot.jzm, W32/Kolabc-G, Win32/IRCBot.worm.Gen, Trojan.Crypt.XPACK, Win32/Kolab.worm.483328, Backdoor.Colfusion, Mal/Generic-A, Backdoor.Win32.Poison.vfw, Net-Worm.Win32.Kolab.axc, W32/Spybot.worm.gen, Net-Worm.Win32.Kolabc.ewm, Net-Worm.Win32.Kolab.ajb, Backdoor.Win32.Bifrose.aisz, PE_SALITY.JER, Backdoor:Win32/IRCbot.gen!K, W32.Sality.AE, Net-Worm.Win32.Kolab.tj, Bloodhound.Packed.32, Mal/Behav-004, WORM_KOLAB.Z, Trojan:Win32/Malagent

Bagaimana cara meghapusnya?

pertama-tama matikan semua koneksi di internet, kemudian restart komputer anda, setelah itu masuk ke safe mode (dengan cara setelah melewati tampilan bios tekan F8) lalu scan dengan aplikasi Super anti Spyware free software , jika tidak bisa dalam save mode gunakan mode biasa saja (tidak di anjurkan - opsional) 

tara sekarang komputer anda bebas virus untuk penanganan kedepan gunakan antivirus yang up to date bagi PC anda (saya sarankan AVIRA atau AVG)

Download Net-Worm.Win32.Kolab Remover software

Senin, 03 Oktober 2011

Cara membedakan bisnis online yang beneran

Cara membedakan bisnis online beneran dan bisnis online yg bohongan (SCAM) ?

Saya hanya ingin share saja kepada semua peminat bisnis online agar anda tidak tertipu...

Untuk membedakan program bisnis online beneran atau bohongan sangat mudah, coba anda perhatikan halaman untuk pendaftaran, login, pemesanan produk dan pembayaran/transfer dana coba anda perhatikan ada tulisan https di address bar ada atau tidak ( address bar adalah kolom untuk mengetikkan alamat website di browser anda) contoh halaman https adalah https://ibank.klikbca.com/ <---- adalah halaman login pada klik BCA. klo tidak ada https bisa dipastikan itu adalah SCAM atau bohong....

FYI...

Rincian tambahan

Intinya untuk transaksi yg aman harus menggunakan halaman https karena data anda dienkripsi di halaman itu, klo hanya halaman http saja pada saat login atau order berarti penyedia bisnis itu masih amatir atau coba2 atau malah memang penipu, coba anda login facebook atau login email pasti menggunakan halaman https pada saat login kan, nah itu pentingnya halaman https

Masih Banyak lagi anda bisa menanyakan kepada yang berwajib atau ke bank sebelum melakukan apapun.
karena BANK yang bersangkutan mempunyai data-data pemilik Rekening.
Semoga bermanfaat. Berhati-hatilah sebelum bengong....

Rabu, 22 Juni 2011

Cara Mempercepat Download Hingga 6 Kali Lipat

Cara Mempercepat Download Hingga 6 Kali Lipat dengan Free Download Manager
Bagi anda yang suka mendownload sesuatu dari internet, kecepatan download adalah satu hal yang sangat penting. Anda pasti sangat sebal ketika mendownload suatu file yang berukuran besar dengan kecepatan yang sangat lambat. Untuk itu pada kesempatan kali ini PG akan berbagi tips bagaimana cara mempercepat download hingga 6 kali lipat dengan menggunakan software download manager yang Gratis dan Legal.
Ketika membicarakan masalah software download manager untuk mempercepat download, hampir sebagian besar orang akan menyebut IDM (Internet Download Manager) maupun DAP (Download Accelerator Plus). Hal itu tidaklah mengherankan karena baik IDM maupun DAP memang merupakan software yang paling populer di kelasnya. Akhirnya banyak orang memakai Internet Download Manager dan Download Accelerator bajakan dengan crack sebagai solusinya. Hal ini beresiko terhadap terinfeksinya komputer kita dengan virus, spyware, malware maupun threat berbahaya lainnya yang terkadang disisipkan melalui crack tersebut.
Free Download Manager untuk Mempercepat Download Secara 
Untuk itu sekarang PG akan membagikan tips dan cara mempercepat download hingga 6 kali lipat dengan Free Download Manager (FDM). Free Download Manager adalah sofware download manager gratis namun memiliki kemampuan untuk meningkatkan kecepatan download hingga 6 kali lipat! Hasil ini PG peroleh ketika melakukan pengujian terhadap software free download manager.
Untuk membuktikannya, PG melakukan pengujian terhadap peningkatan kecepatan download antara sebelum dan sesudah menggunakan Free Download Manager. Berikut ini adalah hasil perbandingan kecepatan download tersebut :
1. Kecepatan download sebelum menggunakan FDM adalah 34.4 KB/sec
Kecepatan Download Sebelum menggunakan FDM
2. Kecepatan Download Dengan Menggunakan FDM meningkat drastis menjadi 186 KB/sec atau meningkat hampir 6 kali lipat lebih cepat

Kecepatan Download dengan Menggunakan FDM Meningkat Drastis
Dengan begitu didapatkan hasil bahwa kecepatan download sesudah menggunakan Free Download Manager meningkat hingga 5,5 atau hampir 6 kali lebih cepat daripada sebelum menggunakan FDM.
Fitur dari Free Download Manager (FDM) adalah :
1. Gratis dan Legal
Tidak seperti software Internet Download Manager (IDM) atau Download Accelerator Plus (DAP) yang berbayar, Free Download Manager (FDM) ini bisa anda gunakan secara gratis dengan kemampuan yang tidak kalah ampuh.
2. Support BitTorent
Bagi anda pengguna windows 2000,XP,2003 maupun Vista, anda bisa menikmati fitur support BitTorent ini. Dengan fitur ini anda bisa mendownload dari BitTorent protocol tanpa menggunakan software torrent downloader.
3. Upload Manager
Dengan kemampuan ini, anda bisa dengan mudah mengupload file dan berbagi dengan teman anda langsung melalui FDM
4. Support Video Download
FDM mampu mendownload video dalam berbagai format termasuk flash video format (.flv) seperti yang digunakan oleh YouTube, Google Video, dsb. Anda bisa mendownloadnya sebagai .flv atau langsung mengconvertnya ke berbagai format video populer lainnya.
5. Remote Control
Anda bisa mengakses Free Download Manager secara remote via internet mulai dari membuat download baru, melihat list download yang sedang aktif maupun proses download yang sudah selesai.
6. Portable Mode
Anda tidak perlu menginstal FDM lagi ketika anda ingin menggunakan komputer lain. Anda cukup membuat versi portable dari Free Download Manager dengan mudah dari menu yang telah disediakan.
7. Menu Pengaturan Audio/Video yang Lengkap
Anda bisa melihat video atau mendengarkan audio bahkan ketika proses download belum selesai. Setelah proses download selesai anda juga bisa langsung mengconvertnya menjadi format yang anda inginkan. Semua bisa anda setting secara otomatis.
8. Download Acceleration
Ketika anda mendownload file, Free Download Manager akan membagi file tersebut menjadi beberapa bagian dan mendownloadnya secara bersamaan. Hal ini membuat proses download menjadi jauh lebih cepat. Sesuai dengan pengujian yang PG gunakan, FDM bisa mempercepat download hingga hampir 6 kali lebih cepat.
9. Resume proses download file yang broken
Ada kalanya ketika kita mendownload file, maka ada hal-hal yang membuat proses download kita terhenti misalnya saja koneksi yang tiba-tiba down, lampu yang tiba-tiba mati, komputer yang restart tiba-tiba dan masih banyak penyebab lainnya. Hal tersebut membuat proses download kita terhenti. Dengan Free Download Manager, anda bisa meresume atau melanjutkan proses download yang terhenti tersebut. Hal ini akan menghemat waktu dan uang anda daripada harus mendownload semuanya dari awal lagi.
10. Pengaturan File dan Scheduler file yang powerful
Anda bisa mengatur jenis-jenis file yang anda download berdasarkan tipe nya. Anda bisa menyimpan tipe-tipe tersebut di folder yang berbeda ketika anda mendownloadnya. Anda juga bisa start dan pause proses download yang sedang berlangsung.

11. Pengaturan Penggunaan Traffic dan Kecepatan Internet
Ada kalanya anda ingin download sambil browsing. Terkadang kita jengkel ketika mendownload suatu file dengan software download manager, maka bandwidth akan tersedot habis untuk mendownload file tersebut. Akibatnya browsing menjadi sangat lemot. Nah dengan Free Download Manager ini anda bisa mengatur berapa traffic atau bandwidth yang ingin anda gunakan untuk download, sehingga sisanya bisa anda gunakan untuk browsing tanpa terganggu proses download yang sedang berlangsung

12. Memiliki Site Explorer
Dengan Site Explorer, anda bisa dengan mudah melihat dan mengatur folder tempat anda menyimpan file hasil download anda.

13. Memiliki HTML Spider

Anda bisa mendownload halaman sebuah situs dengan menggunakan HTML spider ini. Anda juga bisa memerintahkan HTML Spider ini untuk hanya mendownload file dengan tipe tertentu di sebuah halaman website.
14. Download bersamaan dari banyak server Mirror sekaligus
Free Download Manager akan mendownload file dari banyak mirror sekaligus untuk semakin meningkatkan kecepatan download anda.
15. Proteksi terhadap Spyware dan Adware dari Komunitas FDM
Ketika anda mendownload sebuah file, maka anda bisa secara langsung melihat komentar pengguna FDM di seluruh dunia yang sudah mendownload file tersebut. Dengan begitu anda bisa membaca peringatan dari komunitas ketika file yang anda download ternyata berbahaya dan mengandung virus, spyware, adware maupun threats berbahaya lainnya.
Fitur sebanyak itu dan fakta hasil pengujian PG menunjukkan bahwa Free Download Manager tidak kalah, bahkan bisa lebih unggul dari software download manager berbayar yang populer saat ini.
Untuk itu bagi anda yang suka mendownload file dari internet, berikut ini PG berikan tips bagaimana cara install dan cara menggunakan Free Download Manager secara detail langkah demi langkah :

1. Download FDM secara gratis disini :

Download FDM
2. Double Klik Installer FDM yang baru saja anda download

Double Klik Installer FDM
3. Klik Next untuk memulai proses instalasi Free Download Manager

Memulai Instalasi FDM
4. Pilih I Accept the Agreement dan Klik Next hingga proses instalasi selesai
Proses Instalasi FDM
5. Klik Finish Ketika Proses Instalasi selesai
Proses Instalasi FDM Selesai
6. Free Download Manager akan otomatis terbuka saat pertama kali penginstalan. Ketika keluar dialog box, silahkan pilih kecepatan koneksi internet anda dan klik Finish
Setting Awal FDM
7. Untuk mendownload file, cukup klik link file yang ingin anda download (Di contoh berikut ini saya mendownload dari mediafire)
Memulai Proses Download
8. Atur pengaturan untuk penyimpanan file dan klik OK
Pengaturan penyimpanan File
9. Ketika muncul Kotak Konfirmasi, centang “Do Not Preview in The Future” dan klik Yes
Konfirmasi Download
10. Selamat menikmati kecepatan download anda secara maksimal.
Dengan menggunakan Free Download Manager ini, proses download anda bisa menjadi lebih cepat hingga 6 kali lipat. Meningkatnya kecepatan download ini akan menghemat waktu, biaya dan mendownload file menjadi lebih menyenangkan.
Download Juga: 
1. Mempartisi dan Memanage Hardisk dengan Wondershare Disk Manager Gratis
2. Trik Mempercepat Download Video yang Anda Lihat Secara Online
3. Tips Mempercepat Download
4. Cara Mempercepat Game dengan Game Booster 2
5. Download AVG Antivirus Free Edition 2011 Gratis

Cara Membuat Texs to Image

Google
Add this gadget to your webpage
Link to this page   
This is a preview of what the gadget would look like on your page. If parts of the gadget appear cut off, try increasing the width and/or height. More about this gadget.








Tip: Drag the bottom right corner of the preview above to resize the gadget.
Display settings
Title
Width px
Height px

Border
   


 

iGoogle changes that may impact open syndication gadgets
Look for more Google Gadgets for your webpage
Terms and Conditions for Webmasters

Jumat, 17 Juni 2011

Tips dan Trik Mudah Agar Blogger Blog Bisa diakses Handphone

Seperti kita ketahui bersama bahwa jutaan masyarakat dunia mengakses internet dengan memakai
handphone ( HP ). Disamping itu kecepatan akses menggunakan HP untuk sekarang ini semakin dikembangkan terus menerus dan semakin cepat seperti 3G, Mobile APP dan lain-lain.

Berasal dari fakta ini
maka, bisa kita katakan begitu banyak pengunjung blog kita berasal dari pengguna
HP. Untuk itu jika Blog kita tidak di arahkan atau dibuat tidak ramah HP maka
tidak menutup kemungkinan kita akan kehilangan banyak pengunjung yang berasal
dari komunitas pengguna handphone ( Mobile ). Secara umum blog memakan banyak
waktu untuk loading pages dan banyak issue juga bahwa banyak handphone yang
tidak kompatibel dengan layar handphone.

Maka, sekarang saya akan
berbagi tips dan triks bagaimana caranya agar Blog kita ramah handphone, artinya
ketika blog kita di akses via HP tidak menemui kendala baik dalam hal loading
juga kompatibiliti-nya.

Adapun caranya adalah :


  1. Login ke blogger
    sobat


  2. Pilih Elemen
    Rancangan


  3. Pilih Edit HTML,
    kemudian cari kode dibawah ini dengan menggunakan Ctrl - F

  4. <b:include data='blog' name='all-head-content'/>

    Kemudian Copy dan Paste-kan kode berikut di bawah kode diatas :


  5. Simpan Template


  6. Maka sekarang
    secara otomatis Google akan men-setting blog sobat menjadi Phone Friendly.


  7. Selesai.

Demikianlah semoga
menjadi tips dan trik bermanfaat.

Selasa, 07 Juni 2011

Cara Membuat Tombol Bookmark di Halaman Blog

Cara Membuat Tombol Bookmark di Halaman Blog

Membuat Tombol submit ke social bookmark seperti digg.com , stumbleuppon, dellicious ,dll di footer halaman artikel blog , dapat mempermudah kita untuk mensubmit halaman blog kita ke bookmarking site tsb.
Caranya sebagai berikut
Untuk blogspot :
Pergi kedashbor blogspot anda, lalu masuk ke Layout  Edit-html centang pada kotak “expand widgetz template”
Lalu Pastekan kode dibawah ini  setelah tag <div class=’post-footer’>
<!– AddThis Button BEGIN –>
<div><a expr:addthis:title=’data:post.title’ expr:addthis:url=’data:post.url’ class=’addthis_button’><img src=”http://s7.addthis.com/static/btn/v2/lg-share-en.gif” width=”125″ height=”16″ alt=”Bookmark and Share” style=”border:0″/></a>
<script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#username=xa-xxxxxxxx“></script></div>
<!– AddThis Button END –>
Huruf merah itu anda ubah dgn kode user anda yg bisa anda dapatkan disini :
http://www.addthis.com/
nanti di Adhthis..anda pilih tombol utk format blogspot , ( Select your service.) lalu klik tombol “Get Your Button”
Setelah itu …copy kode yg ada di bagian kotak “Blog Post Button Instructions”
Cara PasangTombol Bookmak di blog  WordPress
Untuk WordPress.org (Domain milik sendiri dgn script wordpress) caranya sbb:
1. Log-in ke dashbor blog WordPress Anda.
2. Klik pada Plugin.
3. Gulir ke bawah ke bagian bawah halaman dan klik pada Plugin Browser / Installer.
4. Pada kotak pencarian, ketik AddThis, dan klik Search.
5. Cari plugin AddThis dan klik link “install” di atas kanan.
6. Pada jendela pop-up, klik Install Now.
7. Pada halaman Install, klik link Aktifkan Plugin
8. Anda bisa menyesuaikan AddThis dengan Dalam Setting > AddThis, tambahkan nama pengguna AddThis.com Anda,
Demikian semoga bermanfaat

Artikel Sumber dari :

Cara Membuat Daftar Isi Version 2

Membuat Daftar Isi Versi 2


Cara Membuat Daftar Isi dengan model lain yang diambil dari Blog Marcelino Agatha

Ikuti Langkah Berikut ini :

  1. Copy Kode dibawah ini :

     
    <div style="border: 1px solid #000; overflow: auto; height: 220px;">
    <script style="text/javascript" src="http://h1.ripway.com/marcellinoagatha/daftar_isi.js"></script>
    <script style="text/javascript">
    var numposts = 1000;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
    var standardstyling = true;
    </script>
    <script src="http://bloggerblogku.blogspot.com/feeds/posts/default?
    orderby=published&alt=json-in-script&max-results=999
    &callback=showrecentposts"></script>
    </div>
  2. Seperti biasa, login ke Blogger.
  3. Setelah itu klik Dasbor pada blogspot anda
  4. Klik Tata Letak
  5. Klik Tambah Gadget
  6. Pilih HTML/Javascript dan letakkan script ini didalamnya
  7. Ganti link berwarna biru dengan link blog anda
  8. Klik Simpan

Cara Membuat Daftar Isi Blog Versi 1

Membuat Daftar Isi (1)

Daftar isi blog pada website/blog tidak jauh berbeda dengan daftar isi pada halaman buku pada umumnya. Tujuannya tentu untuk memudahkan pembaca mencari halaman yang ingin mereka baca. Sobat tertarik mencobanya, ikuti langkah-langkah berikut,
Langkah pertama :

  1. Masuk ke blogger
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik link Download full template, save untuk backup data
  5. Copy paste kode CSS berikut di atas kode ]]></b:skin>
    #toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;} .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;} .toc-header-col2 { width:75px;} .toc-header-col3 { width:125px;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { font-size:100%; text-decoration:none;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}
  6. Save
Langkah kedua :

  1. Klik menu Elemen Halaman
  2. Klik tulisan Tambah sebuah Elemen Halaman 
  3. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML 
  4. Copy paste kode berikut ke dalam elemen yang muncul
    <div id="toc"></div>
  5. Simpan
     
  6. Pindahkan elemen yang baru di buat tepat di atas elemen Post
     
  7. Klik tombol Simpan yang berada di sebelah atas
     
  8. Klik tulisan Tambah sebuah Elemen Halaman kembali
     
  9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML
     
  10. Beri judul elemen tersebut dengan yang kata yang sobat ke hendaki. Contoh : DAFTAR ISI
    kemudian copy paste kode berikut ke dalam kotak elemen
    <div id="toclink"><a href="javascript:showToc();"&gt;Daftar Isi Blog</a><br/><br/></div> <script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script> <script src="http://namaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
    Keterangan
    • Ganti tulisan tebal dengan nama blog Sobat, yang merah adalah tittle Daftar Isi Sobat
    • Simpan
      Tulisan yang muncul pada 'Widet Daftar Isi' di atas adalah berbahasa Inggris, untuk menggantinya menjadi Bahasa Indonesia, lakukan langkah berikut, Pasang dengan kode di bawah ini saja, :

       
      <div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/> &nbsp;&nbsp;Lihat Daftar Isi !</a><br/><br/></div> <script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js"> </script><script src="http://NamaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
    Selamat Mencoba

Cara Menampilkan Daftar Posting Menurut Kategori

Menampilkan Daftar Posting Menurut Kategori

Beberapa waktu lalu saya kesulitan untuk membuat navbar menu horizontal dengan submenu vertikalnya...bukan karena menunya tapi direpotkan dengan daftar link yang akan saya masukkan --> jumlahnya cukup banyak misalkan pada menu "Blogging" ada 24 posting yang jika di buat secara manual akan memerlukan waktu yang cukup lama.
Setelah saya cari-cari kesana-kesini akhirnya saya menemukan bagai mana menampilkan posting sesuai dengan kategorinya/labelnya dari blog SC Community'snya Kang Enes, berikut ini adalah script contoh diblog saya :
 
SELAMAT MENCOBA..!

Senin, 06 Juni 2011

Cara Membuat Kode Warna Widget Blog

Pasang Widget Kode Warna di Blog

Kode warna, pasti sobat yang masih suka utak-atik template blogger bakal sering dihadapkan dengan ini. Saya sudah buat posting khusus untuk memilih kode warna untuk kebutuhan desain template. Nah, barangkali ada sobat yang tertarik untuk memasang widget kode warna pada blognya. Namun, sedikit banyak script CSS kode warna ini akan mempengaruhi kecepatan loading blog. Agar loading blog cepat, silahkan baca CSS Compressor. Jika tertarik ingin memasang kode warna pada blog, silahkan ikuti langkah berikut ini.

Cara pasang widget kode warna pada blogger

Langkah Pertama
 
  1. Login ke blogger dengan id anda
  2. Klik menu Tata Letak
  3. Pada tab menu klik Edit HTML
  4. Silahkan Backup dulu template anda dengan klik Download Template Lengkap
  5. Sekarang cari kode </head>. Jika sudah ketemu, copy lalu paste kode berikut di atas kode </head>
 
Selesai
Langkah Kedua : Berikutnya, memasang tabel kode warna pada blog. Ada dua pilihan, pertama dipasang sebagai posting blog dan yang kedua dipasang pada halaman utama (homepage) blog. Nah, kode untuk tabel kode warna yang akan dipasang adalah berikut ini :
Kode Warna : 

Cara pasang kode warna sebagai posting blog :
  • Yang pasti, anda buat posting baru terlebih dahulu
  • Copy lalu paste Kode Warna tersebut pada posting anda
  • Berikan judul posting yang sesuai
  • Jangan lupa untuk memberi label posting
  • Kemudian terbitkan postingan
  • Selesai
Cara pasang kode warna di halaman utama (homepage) blog :
  • Masuk ke menu Elemen Halaman
  • Klik Tambah Gadget
  • Pilih tambahkan HTML/JavaScript
  • Copy lalu paste Kode Warna tersebut di dalamnya.
  • Berikan judul atau nama gadget
  • Klik tombol Simpan
  • Silahkan tempatkan gadget kode warna dengan men-drag ke tempat yang sesuai
  • Klik tombol Simpan
  • Selesai
Sekarang widget kode warna sudah hadir di blog anda. Selamat mencoba dan mudah-mudahan bermanfaat.

Membuat Menu Horisontal pada Blogger dengan CSS


Membuat Menu Horisontal pada Blog Blogger dengan CSS


Yups! Kalian tahu maksud dari menu horisontal kan?
Contohnya seperti deretan link menu yang terdapat di header blog ini.
Mungkin banyak template yang sudah memakai menu navigasi seperti ini, tapi gak ada salahnya buat dicoba.
 Sebenarnya untuk membuatnya cukup mudah karena hanya membutuhkan 2 kode.

  • Login dulu ke Blogger kamu!
  • Masuk ke Tata Letak -> Edit HTML
  • Copy kode ini:
#top-nav {
margin-top: 8px;
position:relative;
margin-left: 15px;
}
#top-nav ul {
padding: 0px;
margin: 0;
color: #333333;
float: left;
width: 100%;
font-weight:normal;
}
#top-nav ul li {
display: inline;
}
#top-nav ul li a {
margin-left: 2px;
margin-right: 2px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: #666666;
text-decoration: none;
float: left;
border: 1px solid #999999;
height: 15px;
font-size: 12px;
font-family: Verdana;
padding-left: 10px;
padding-right: 10px;
background: #FFFFFF;
font-weight:bold;
}

#top-nav ul li a:hover {
color: #666666;
background: #eeeeee;
text-decoration: bold;
border: 1px solid #999999;
}

  • Kode ini kamu letakkan di atas ]]></b:skin>
  • Langkah berikutnya, cari kode template yang menunjukkan sebuah header
contohnya:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Header' type='Header'/>

... dan seterusnya ...

</b:section>
</div>
Pastein kode di bawah ini di atas kode yang berwarna Kuning!
<div id='top-nav'>
<ul>
<li><a href='http://blog.yudhaime.co.cc/search/label/Blogger%20Tricks'>Blogger Trick</a></li>
<li><a href='http://blog.yudhaime.co.cc/search/label/intensedebate'>Intense Debate</a></li>
<li><a href='http://blog.yudhaime.co.cc/search/label/Widget'>Widget</a></li>
<li><a href='http://blog.yudhaime.co.cc/p/chat-online.html'>Chatting Online</a></li>
<li><a href='http://blog.yudhaime.co.cc/p/yudhaime-forum.html'>Forum</a></li>
<li><a href='http://blog.yudhaime.co.cc/search/label/artikel'>Artikel</a></li>
<li><a href='#'>Others</a></li>
</ul></div>

  • Ubah kode berwarna Biru dengan alamat yang ingin kamu tuju dari Blogmu
  • Ubah kode warna Merah dengan Menu yang kamu inginkan! 
  • Simpan template!
Udah dulu ya! temenku dah gak sabar ngajakin pulang!

Cara Membuat Tabview di Blog


Membuat TabView

Sebenarnya sudah banyak yang memposting tentang membuat TAB VIEW, namun tak apa saya tuliskan tutorialnya di sini. Widget tab view sangat berguna untuk blog karena dapat menghemat ruang pada blog dan bisa menampung begitu banyak link serta konten blog di dalamnya.

Contohnya bisa anda lihat pada gambar di bawah ini:



Nah, untuk membuat widget tab view pada blog anda silahkan ikuti langkah berikut :
  1. Login ke blog dengan ID anda
  2. Pilih menu Layout » masuk ke Edit HTML
  3. Cari kode ini ]]></b:skin>
  4. Copy lalu paste kode berikut ini sebelum kode ]]></b:skin>


    div.TabView div.Tabs
    {
    height: 24px;
    overflow: hidden;
    }

    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 90px; /* Lebar Menu Utama Atas */
    text-align: center;
    height: 24px; /* Tinggi Menu Utama Atas */
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #000000; /* Warna border Menu Atas */
    border-bottom-width: 0;
    text-decoration: none;
    font-family: "Arial", Times New Roman, Serif; /* Font Menu Utama Atas */
    font-weight: 900;
    color: #000080; /* Warna Font Menu Utama Atas */
    }

    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #BDBDBD; /* Warna background Menu Utama Atas */
    }

    div.TabView div.Pages
    {
    clear: both;
    background-color: #FFFFFF; /* Warna background Kotak Utama */
    border: 1px solid #000000; /* Warna border Kotak Utama */
    overflow: hidden;
    }

    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    }

    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }
    Teks yang berwarna biru adalah keterangan untuk mengatur tab view. Seperti ukuran tebal border, tinggi dan lebar tab view serta warna background. Nah, untuk mengatur warna, silahkan gunakan kode warna saya.
  5. Kemudian pasang kode berikut sebelum kode </head>


    <script type='text/javascript'>
    function tabview_aux(TabViewId, id)
    {
    var TabView = document.getElementById(TabViewId);

    // ----- Tabs -----

    var Tabs = TabView.firstChild;
    while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

    var Tab = Tabs.firstChild;
    var i = 0;

    do
    {
    if (Tab.tagName == "A")
    {
    i++;
    Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
    Tab.className = (i == id) ? "Active" : "";
    Tab.blur();
    }
    }
    while (Tab = Tab.nextSibling);

    // ----- Pages -----

    var Pages = TabView.firstChild;
    while (Pages.className != 'Pages') Pages = Pages.nextSibling;

    var Page = Pages.firstChild;
    var i = 0;

    do
    {
    if (Page.className == 'Page')
    {
    i++;
    if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
    Page.style.overflow = "auto";
    Page.style.display = (i == id) ? 'block' : 'none';
    }
    }
    while (Page = Page.nextSibling);
    }

    // ----- Functions -------------------------------------------------------------

    function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

    function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
    </script>
  6. Kemudian klik Save Template
  7. Masuk ke menu Page Elements
  8. Pilih Add a Gadget » Pilih menu HTML/Javascript, Copy lalu paste kode berikut di dalamnya.


    <form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 350px;">
    <a>Tab 1</a>
    <a>Tab 2</a>
    <a>Tab 3</a>
    </div>
    <div class="Pages" style="width: 350px; height: 250px;">

    <div class="Page">
    <div class="Pad">
    Tab 1.1 <br />
    Tab 1.2 <br />
    Tab 1.3 <br />
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    Tab 2.1 <br />
    Tab 2.2 <br />
    Tab 2.3 <br />
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    Tab 3.1 <br />
    Tab 3.2 <br />
    Tab 3.3 <br />
    </div>
    </div>

    </div>
    </div>
    </form>

    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
  9. Lalu klik Save dan tempatkan widget tab view agar sesuai dengan template anda.
  10. Selesai
Sebagai catatan:
  • Angka yang berwarna merah adalah ukuran lebar dan tinggi widget tab view.
  • Kode yang berwarna hijau adalah teks pada menu utama di bagian atas.
  • Kode yang berwarna biru adalah teks yang berada di halaman tab view yang bisa kamu isi dengan link apa saja, gambar, banner dan script lainnya.
  • Untuk menambahkan jumlah menu maka perhatikanlah text yang berkedip2-kedip. Tambahkan menu berikutnya di bawahnya. 
  • Contoh pengaturan teks : Teks "Tab 1" dapat diganti dengan teks lain seperti "Tutorial Blogger", "Bisnis" atau teks lainnya.
  • Sedangkan pada bagian isi menu di bawahnya yang berwarna biru Tab 1.1

Rabu, 04 Mei 2011

Cara Menyembunyikan Posting Di Homepage Blogspot

Cara Menyembunyikan Posting di Homepage Blogspot

Menyembunyikan artikel blog di homepage pada blogspot mungkin terdengar aneh dan bahkan mungkin barang baru. Karena kebanyakan tutorial adalah bagaimana cara menyembunyikan gadget/widget blog di homepage atau sebaliknya. Nah, pada kesempatan kali ini saya mencoba untuk memberi trik untuk menyembunyikan postingan blog di homepage blog kita. Tapi posting tetap dapat dilihat pada halaman posting yang bersangkutan tersebut.
Hal ini saya gunakan untuk belajar membuat minisite gratis menggunakan blogspot. Jadi mau tidak mau saya harus menyembunyikan posting dari halaman depan. Sehingga saat saya mengakses homepage, tidaka akan menampilkan posting-posting yang ada d blog, melainkan hanya beberapa gadget yang sudah diisi dengan template minisite saya.
Berikut cara menyembunyikan posting blogspot agar tidak tampil di homepage.

Pertama, silakan mulai dari Dasbor » Rancangan » Edit HTML.
Jangan lupa centang kotak Expand Template Widget.



Kemudian cari kode seperti ini di template blog anda:

<b:includable id='main' var='top'>
<b:if cond='data:blog.pageType == "item"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
</b:if>
Silakan sisipkan kode warna biru seperti contoh di atas. Dan simpan template anda. Selesai.

Silakan anda pelajari sendiri, ya biarpun hanya sedikit jika diterapkan dengan trik-trik lain pasti akan bermanfaat. Semoga bermanfaat saya mau nengok kontes SEO Hosting Murah Indonesia Indositehost.com dulu.

Twitter Delicious Facebook Digg Stumbleupon Favorites More