REVENGE
Sabtu, 21 Juli 2012
Cara Memodifikasi Tampilan Link di Blogger/Blogspot
Tips-tricks Blogger kembali lagi membahas tentang mengedit tampilan link di template Blogger/Blogspot. Kali ini diupayakan secara lengkap dan esensial agar nanti sobat dapat mengutak-atik bagian tampilan link secara mandiri.
Bagian CSS yang memberi aturan pada link ada 4 jenis:
1. a : tampilan dasar suatu link
2. a:hover: tampilan link ketika mouse berada di atas link (mouse hovering)
3. a:visited: tampilan link setelah di-click atau ketika halaman link tersebut telah dibuka.
4. a:active: tampilan link ketika di-click ( ketika halaman baru belum terbuka secara sempurna)
Sedangkan style text CSS memiliki beberapa jenis:
1. color: warna link, valuenya berupa warna hexadesimal, RGB, maupun color name.
2. Text decoration: hiasan pada link, berupa underline (garis bawah, ini bawaan secara default), none (tanpa hiasan), overline (garis di atas) dan blink (berkedip)
3. Font-size: ukuran teks, biasanya dalam pixel (px), em, persen (%), dll.
4. dan masih banyak lagi jenis text-style yang lainnya, sobat nantinya silahkan mempelajari sendiri cara-cara memodifikasi tampilan teks dengan CSS.
Nah, setelah mengetahui beberapa properti style CSS pada link, untuk mengubah tampilan default link pada blog, silahkan lihat pada template Blogger/Blogspot sobat (lihat melalui edit HTML), kemudian cari aturan CSS yang mengatur link, yaitu a, a hover, .... dan seterusnya.
Clue: aturan CSS terletak di antara , aturan link berada di bagian awal, biasanya setelah variable dan setelah body {...}
Contoh aturannya seperti ini (namun tidak sama persis tergantung aturan CSS teks-nya):
a {color: #1C4991; text-decoration: none;}
a:hover {color: #f2984c; text-decoration: underline;}
a:visited {color: 1C4991; text-decoration:none;}
Pada bagian berwarna biru itulah sobat bisa memodifikasi tampilan link, baik tampilan awal link (a), ketika mouse di-hover di atas link (a:hover), dan ketika link telah di klik/dikunjungi (a:visited). Ingat, tampilan dasar link selalu bergaris bawah, maka untuk menghilangkan garis bawah (underline) link pada tampilan link dasar maupun ketika di-hover, harus ditambahkan text-decoration: none. Sedangkan untuk warna, sobat bisa pula mengganti value warna di link di tempate sobat dengan mengganti kode di belakang color: dengan kode warna lain yang diinginkan. Untuk mengetahui kode-kode warna, gunakan Hex Color Code Chart Generator.
Jika ingin menambahkan aturan link lain yang belum ada di template sobat, misalnya belum ada a:hover, maka tinggal ditambahkan saja, dengan catatan urutannya harus seperti ini:
1. a {aturan css text styling}
2. a:hover {aturan css text styling}
3. a:visited {aturan css text styling}
4. a:active {aturan css text styling}
Keempatnya harus memiliki unrutan seperti itu, jadi tidak boleh terbalik-balik, kecuali jika salah satunya tidak ada, boleh langsung melompat ke aturan link lain.
Jika ingin mengubah tampilan link secara individual dan berbeda dari aturan default link yang mengikuti aturan template, sobat bisa langsung memasukkan perintah CSS text-style ke dalam link yang ingin diberi tampilan berbeda (style="....."), misalnya:
tips-tricks blogger
Maka hasilnya akan seperti ini:
tips-tricks blogger
(Note: Penggunaan text decoration berjenis blink di atas hanyalah untuk contoh, perhatikan benar-benar penggunaan text decoration seperti ini karena dapat membuat mata lelah dan sakit. Ga percaya? Silahkan dilihat terus link di atas dalam waktu 2 atau 3 menit. Hehe... Padu padankan warna, ukuran, serta urgensi/kepentingan penggunaannya sehingga benar-benar pas dan tidak berlebihan).
Nah, sekarang jika sobat ingin mengutak-atik tampilan link blog silahkan dicoba dengan memperhatikan aturan-aturan CSS dan cara di atas. Yang penting, utak-atik, coba terus, belajar dan belajar! Good luck!
List Batasan Blogger & Akun Blogger Yang Wajib Diketahui
Blogger memiliki batasan penggunaan blog serta akun Blogger sama seperti layanan-layanan blog maupun internet lainnya. Nah, apa perlunya mengetahui batasan-batasan tersebut? Sebagai pengguna layanan Blogger, tentunya dengan mengetahuinya, seorang blogger dapat melakukan management penggunaan fitur layanan dengan baik.
Sebagai salah satu pengguna Blogger, saya juga sangat penasaran dengan hal-hal yg dibatasi penggunaannya oleh Blogger. Salah satu sumber utama yg saya gunakan adalah FAQ resmi tentang batasan akun Blogger. Secara garis besar, saya menyimpulkan bahwa batasan (limitation) tersebut sebenarnya tidak benar-benar membatasi karena akan sangat jarang sebuah akun Blogger mencapai limit tersebut. Berbeda dengan layanan blog wordpress gratis, mengganti template atau memasang iklan saja adalah hal yg haram. Sumber FAQ tersebut sebenarnya kurang begitu terperinci, sehingga kemudian akan saya buat per bagian sehingga menjadi lebih jelas, ditambah dengan beberapa update batasan lainnya yg saya temukan ketika menggunakan Blogger.
Berikut daftar lengkap batasan penggunaan Blogger & Akun Blogger:
1. Batasan Akun Blogger
Jumlah Blog: 100 buah
Panjang info "about me" (pada halaman profil akun blogger): 1200 karakter
Panjang Info Hoby & Kesukaan: 2000 karakter
Maksimal Jumlah Blog yg difollow per akun: 300 Blog
Ukuran gambar berdasarkan dimensi:
Lebar gambar yg diupload melalui post editor: maks.1600px. Gambar yg lebih luas tetap dapat diupload namun kemudian secara otomatis di-resize (scaled down) menjadi 1600px
Lebar gambar yg diupload melalui Template Designer (background): Tidak ada batasan
Ukuran Gambar berdasarkan berat file:
Gambar yg diupload lewat post editor: 8 MB
Gambar yg diupload lewat Template Designer (background): 300 Kb
Gambar yg diupload melalui mobile device: 250 Kb
Kapasitas hosting gambar (di Blogger melalui partnership dengan Picasa Web Album): 1024 Mb per akun.
Bandwidth hosting gambar: Tidak ada batasan
2. Batasan Blog
Panjang judul/nama blog: 90 karakter
Panjang nama subdomain (subdomain.blogspot.com): 37 karakter
Panjang deskripsi blog (deskripsi pada gadget header): 500 karakter
Jumlah anggota per blog: 100 orang
Jumlah pembaca blog (untuk blog pribadi): 100 orang
Jumlah posting: Tidak ada batasan. Tapi saat ini akses edit posting pada daftar posting hanya mencapai maks. 5000 posting. Posting sebelumnya (di bawah 5000 posting) belum dapat diakses. Blogger sedang memperbaikinya.
Jumlah posting yg ditampilkan pada halaman-halaman list posting (homepage, label, archive) ditentukan oleh pilihan pada Settings > Formatting > Show at most. Apabila dipilih hari (day), maka batas maksimal tampilan pada satu halaman adalah 500 posting. Blogger sedang merencanakan fitur batas maksimal posting yg ditampilkan bukan berdasarkan jumlah posting, melainkan total berat halaman hingga 1 MB.
Jumlah halaman statis (static page): Awal Desember 2011 lalu diupgrade hingga 20 buah (sebelumnya 10, mantap!!)
Jumlah label: 5000 buah unique label per blog
3. Batasan Posting
Panjang tiap posting: Tidak ada batasan
Berat file tiap posting: Tidak ada batasan, namun seperti yg sudah disebutkan di atas, file posting lebih dari 1 MB mungkin dapat menyebabkan bagian di atas 1 MB ditampilkan pada halaman berikutnya (multiple pages for one post).
Jumlah label tiap posting: 20 label unik.
Jumlah komentar per posting: Tidak ada batasan
Panjang nama file posting (nama file ada di bagian belakang url posting): 39 karakter, contoh nama file: http://buka-rahasia.blogspot.com/2011/10/hindari-9-hal-dalam-berkomentar-di-blog.html
Nama file digenerasikan dari judul posting ketika pertama kali dibuat. (Ini salah satu saja kelemahan blog Blogger, sehingga judul posting panjang dapat menyebabkan URL posting terpotong karena telah mencapai batas. So, perhatikan betul ketika membuat judul posting agar SEO Friendly, pelajari: Maksimalkan Keyword di URL Posting Blogger/Blogspot).
4. Batasan lain
Panjang label: 200 karakter
Panjang komentar: 4,096 karakter per komentar.
Yup, batasan (limitation) di atas memang akan sangat jarang ditemui karena Blogger merupakan salah satu platform blog yg memiliki banyak keleluasaan layanan. Namun demikian, dengan mengetahui batasan penggunaan Blogger & akun Blogger, diharapkan kita dapat lebih memahami beberapa karakter Blogger yg mungkin belum pernah kita jumpai sebelumnya & dapat memaksimalkan penggunaan layanan Blogger ke depan.
Happy blogging, as always...
Burning File Lebih Dari 2GB Ke Dalam CD, Bagaimana Bisa?
Pada sebuah contoh kasus, ada orang ngin burning beberapa file dengan kapasitas 2 GB ke dalam kepingan CD atau DVD sedangkan di komputer yang dia gunakan hanya tersedia CD-RW yang hanya bisa digunakan untuk burning ke kepingan CD. Masalahnya, kapasitas maksimum dari satu kepingan CD adalah 700 MB yang tentunya belum bisa menampung semua file yang akan di-burning.
Pertanyaanya adalah, bagaimana cara paling tepat agar semua file bisa diburning ke kepingan CD kosong? Berikut beberapa solusi yang bisa digunakan.
1) Memecah File Secara Manual
Cara ini adalah cara tradisional yaitu dengan cara memilih dan memecah file menjadi beberapa folder. Kumpulkan file/folder satu persatu, copy ke folder lain dan pastikan kumpulan file/folder tersebut tidak lebih dari 700 MB agar bisa diburning ke CD. Kalau file dan folder berkapasitas 2 GB berarti harus dipecah menjadi 3 bagian.
Setelah itu baru burning file tadi ke kepingan CD menggunakan CD-RW secara bergantian. Yang perlu dicatat, pada saat meng-copy-nya ke komputer lain anda harus ingat dengan struktur file agar tetap terbaca dengan baik, terutama jika file terebut adalah master program yang akan di-install.
Yang jadi masalah lagi adalah, bagaimana kalau file asli itu, satu file lebih dari 700 MB? Tidak mungkin kan kalau harus memecahnya menjadi beberapa bagian? Adakah solusinya?
2) Split file menggunkan apliaksi 7Zip
Bisa dibilang ini adalah cara terbaik untuk memecah file dan folder menjadi beberapa bagian. Di bawah ini langkah-langkah untuk memecah file menjadi beberapa bagian:
Install aplikasi 7Zip ke dalam komputer/notebook anda. Jika belum punya, kunjungi official website dari 7Zip di kemudian download file berbentuk EXE (Untuk mempermudah proses install).
-Buka folder tempat dimana file ingin dipecah.
-Klik kanan file tersebut, pilih 7Zip dan lanjutkan dengan memilih Add to archive pada bagian sub menu.
-Selanjutnya arahkan mouse sedikit ke bawah dan pada bagian Split to volumes pilih 700 MB CD. Sekarang lakukan proses compress dengan menekan tombol OK.
-Tunggu sampai proses selesai. Anda akan melihat beberapa file hasil dari split file ZIP.
-Kemudian, kembali ke topik utama, burning file yang berkapasitas 700 MB ke beberapa keping CD menggunakan software burning kesayangan anda.
Selesai sudah, file yang lebih dari 2 GB tadi bisa diburning ke dalam kepingan CD. Jika ingin mengcopy dan mengekstrak file di komputer lain, ikuti petunjuk di bawah ini:
-Sama seperti sebelumnya, install aplikasi 7Zip terlebih dahulu.
-Copy smua file dari beberapa kepingan CD tadi ke dalam folder yang sama.
Burning File Lebih Dari 2GB Ke Dalam CD, Bagaimana Bisa? Image
Ekstrak file menggunakan cara biasa yaitu klik kanan file ZIP pertama, pilih
Extract file ke folder yang anda tentukan. Yang perlu diingat, jika anda menempatkan file pecahan pada folder yang berbeda, anda tidak akan bisa mengekstrak file dan akan mendapatkan pesan error.
Selain untuk burning ke kepingan CD, trik ini juga bisa digunakan memecah file dengan kapasitas file untuk DVD, tinggal memilih format pada bagian Split to volumes 4480 MB DVD dan selanjutnya ikuti langkah-langkah yang sudah dijelaskan di atas.
Memang benar cara ini kurang praktis jika dibandingkan dengan menggunakan Flash Disk, tetapi cara ini bisa dipakai dalam keadaan darurat dan tidak ada media lain yang bisa dipakai untuk transfer data.
mengganti bagroun blog dengan css
Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.
Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML
Lalu cari CSS dari body seperti dibawah ini
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Kalau mau mencari CSS diatas perhatikan code yang berwarna hijau saja.
perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.
Mengganti background blog dengan gambar :
untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.
background:#FFFFFF url(URL_GAMBAR) ;
URL_GAMBAR ini bisa Anda ganti dengan URL gambar yang Anda pilih misalnya gambar :
back
URLnya : http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg
Mengantur Background Gambar
background:#FFFFFF url(URL_GAMBAR) no-repeat top left;
no-repeat : berarti gambar didak akan mengulang, Bisa Anda ganti dengan
repeat : Mengulang-ulang gambar
repeat-x : mengulang secara horizontal
repeat-y : Mengulang secara vertikal
top left : Adalah posisi background bisa anda ganti misalnya bottom right
sedikit tambahan jika Anda mau mencari koleksi background
http://www.patterncooler.com/
http://www.bgpatterns.com/
http://patterns.ava7.com/
Nah sekian tutorial mengganti background blog, sedikit semoga membantu Anda.
cara membackup registry
Membackup Registry
Seperti yang kita ketahui Sekarang Virus Makin Hebat Aja, Baik itu Virus Lokal maupun virus Luar. Biasanya Virus selalu melakukan serangan pertama pada registry. Apa yang terjadi jika registry itu rusak. Banyak sekali system yang akan mengalami kecacatan dan kekacauan fungsi.
Oleh sebab itu kita harus pintar-pintar dalam menangani Register. Disini ada beberapa langkah untuk membackup Registery sehingga registery asli tetap utuh...
Caranya :
1. Klik Start - Run
2. Pada kotak open ketikkan regedit
3. Klik OK maka jendela Registery Editor akan terbuka
4. Setelah muncul kotak dialog, Klik File Lalu pilh Export
5. Setelah muncul kotak dialog Export Registery file, ketikkan nama file yang akan digunakan di kotak File Name
6. Pada kotak combo save as type pilih Registery Files (*.Reg)
7. Untuk menyimpan semua pengaturan registery saat ini,Pilih Opsi All pada radio button Export Range
8. Klik Save untuk menyimpan
Jquery Multi Level Menu Horizontal
Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.
Okkey langsung saja ke cara pembuatanya ya
langkah pertama yaitu masuk pada bagian Design lalu Edit HTML
Masukkan code dibawah ini dibawah code








