Jumat, 31 Desember 2010

Rahasia Si Tombol "Ctrl"

Tombol Ctrl
Bagi yang suka mengetik di program Microsoft Word, beberapa fungsi tombol shortcut (jalan pintas) tentu sudah dikuasai. Contohnya tombol Ctrl yang jika ditekan bersamaan dengan tombol lainnya akan menghasilkan beberapa fungsi.

Berikut adalah beberapa fungsi dari tombol Ctrl:

1. Ctrl + A.
Berfungsi untuk memblok keseluruhan teks.
2. Ctrl + B.
Berfungsi untuk menebalkan sebuah teks.
3. Ctrl + C.
Kedua tombol ini sering digunakan sebagai jalan pintas untuk menyalin sebuah teks.
4. Ctrl + D.
Melalui kedua tombol ini akan dapat dengan mudah membuka menu atau kotak dialog font.
5. Ctrl + E.
Kedua tombol ini memudahkan Anda ketika akan membuat teks menjadi rata tengah.
6. Ctrl + F.
Dengan menekan kedua tombol ini, Anda dapat membuka menu atau kotak dialog Find and Replace bagian Find dengan mudah.
7. Ctrl + G.
Berfungsi sebagai jalan pintas menuju menu atau kotak dialog Find and Replace bagian Go To.
8. Ctrl + H.
Melalui kedua tombol ini, Anda dapat dengan mudah masuk ke menu Find and Replace bagian Replace.
9. Ctrl + I.
Berfungsi secara cepat mengubah teks yang diblok menjadi miring (italic).
10. Ctrl + J.
Berfungsi mengubah teks yang diblok menjadi rata kanan-kiri (justify).
11. Ctrl + K.
Kedua tombol ini merupakan jalan pintas menuju menu atau kotak dialog Insert Hyperlink.
12. Ctrl + L.
Kedua tombol ini berfungsi mengubah teks yang diblok menjadi rata kiri.
13. Ctrl + M.
Melalui kedua tombol ini, Anda bisa menggeser First Line Indent dan Left Tab pada mistar dokumen.
14. Ctrl + N.
Jika Anda ingin membuka dokumen baru, cukup menekan kedua tombol ini.
15. Ctrl + O.
Kedua tombol ini berfungsi untuk membuka menu atau kotak dialog Open.
16. Ctrl + P.
Cara mudah untuk membuka menu atau kotak dialog Print.
17. Ctrl + Q.
Kedua tombol ini berfungsi untuk menghilangkan nomor urut.
18. Ctrl + R.
Berfungsi untuk membuat teks menjadi rata kanan.
19. Ctrl + S.
Cara singkat untuk menyimpan dokumen.
20. Ctrl + T.
Kedua tombol ini berfungsi untuk menggeser Left Tab pada mistar dokumen.
21. Ctrl + U.
Cara cepat untuk membuat teks yang diblok menjadi bergaris bawah.
22. Ctrl + V.
Fungsi ini temannya Ctrl + C, karena berfungsi untuk menampilkan hasil teks yang sudah disalin (paste).
23. Ctrl + W.
Berfungsi menyimpan dan langsung menutup program Microsoft Office.
24. Ctrl + X.
Berfungsi menghapus teks yang sudah diblok.
25. Ctrl + Y.
Berfungsi untuk mengulang atau meneruskan kembali aktivitas yang telah dibatalkan (re do).
26. Ctrl + Z.
Berfungsi untuk membatalkan aktivitas terakhir (un do).

Minggu, 12 Desember 2010

Hack Tag HTML Blogspot Anda

Hack Tag HTML Blogspot
Hal pertama yang dilakukan ketika membuat template blogger, melakukan reset, katakanlah seperti itu. Reset Blogger Template yang dimaksud disini adalah untuk memperbaiki tampilan dan struktur dasar template, agar lebih baik.

RESET CSS

Reset CSS yang digunakan, yang simpel, jadi tidak terlalu banyak dan tidak membebani, yaitu:

*{margin:0; padding:0;}
.post-body ol,.post-body ul {margin:5px 20px;}


RESET BAWAAN BLOGGER

Reset ini lebih berfungsi untuk menyembunyikan (hack) bawaan blogger yang menurut blog ini menggangu, seperti: "Navbar, Quick Edit, Status Massage, dan Feed Link". Reset Bawaan Blogger keseluruhannya seperti ini:

#navbar-iframe, .status-msg-wrap, .icon-action, .quickedit, .feed-links {display: none;}

Tapi juga bisa dilakukan dengan cara yang ekstrim seperti dibawah ini:

1. Menambah kode berikut diantara </head> dan <body>; untuk menghilangkan Navbar

<!-- <body><div></div> -->

2. Menghapus Semua Kode Quick Edit (aktifkan Expand Widget Templates)

<b:include name='quickedit'/>

3. Menghapus Feed Link (aktifkan Expand Widget Templates)

CSS nya:

.feed-links {
clear: both;
line-height: 2.5em;
}


HTML nya:

<b:includable id='feedLinksBody' var='links'>
<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>
</b:includable>


4. Menghapus Status Massage (aktifkan Expand Widget Templates)

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>


RESET HEADING

Idealnya Hirarki Heading (h1-h6) sebagai berikut:

h1 = Judul Blog
h2 = Judul Post
h3 = Judul pada Sidebar/Footer (widgate)
h4 = Judul Komentar

Jadi di Blogger Template perlu ada pembenahan pada judul Post (h3), judul pada Sidebar dan Date (h2).

1. Pembenahan pada Judul Post

Pada Kode CSS:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}


Pada Kode HTML:

<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>


- Ubah heading h3 menjadi h2

2. Pembenahan pada Judul pada Sidebar/Footer (widgate)

Pada Kode CSS:

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}


Pada Kode HTML:

<h2 class='title'><data:title/></h2>

Ubah heading h2 menjadi h3

3. Pembenahan pada Date

Menurut blog ini 'date' tidak perlu menggunakan tag heading, karena kurang memiliki nilai. Jadi tag heading pada 'date' dapat Anda hapus.

Pada Kode CSS:

h2.date-header {
margin:1.5em 0 .5em;
}


Hilangkan h2 nya sehingga menjadi:

.date-header {
margin:1.5em 0 .5em;
}


Pada Kode HTML:

<h2 class='date-header'><data:post.dateHeader/></h2>

Ganti h2 menjadi div seperti:

<div class='date-header'><data:post.dateHeader/></div>

Penutup

Demikian keseluruhan reset Blogger Template yang dapat Anda lakukan dalam mengedit template. Tapi reset ini jangan digunakan untuk Free Blogger Template, terutama untuk Reset Heading. Mungkin Anda punya cara lain juga. Kalau mau silahkan berbagi dikomentar.

Jumat, 10 Desember 2010

Tips Agar Blog Anda Memuat Lebih Cepat

Kecepatan di mana beban blog Anda sangat penting untuk menarik lebih banyak pembaca ke blog Anda. Jika blog Anda membutuhkan waktu yang lama untuk loading, banyak pembaca dapat meninggalkan blog Anda sebelum mereka memiliki kesempatan untuk membacanya. Berikut adalah beberapa tips dan trik yang akan membantu memuat blog Anda lebih cepat dan menarik lebih banyak pengguna:

Posting

Waktu buka blog Anda bisa dipengaruhi oleh jumlah posting Anda tampilkan di halaman utama Anda. Anda dapat dengan mudah mengedit jumlah posting yang ditampilkan di halaman utama dari tab Pengaturan | Format. Anda kemudian dapat memilih jumlah posting yang ingin ditampilkan pada halaman utama. Disarankan menampilkan 10 atau lebih sedikit posting di halaman utama.

POSTING

Pihak Ketiga JavaScript dan Link

Untuk kecepatan load blog optimal, kami sarankan untuk menggunakan Google/Blogger widget, JavaScipt dan link. Namun, jika Anda perlu menggunakan JavaScipt pihak ketiga dan link, blog Anda akan memuat lebih cepat jika Anda menempatkan semua JavaScript di bagian bawah blog Anda. Jika Anda memiliki JavaScript pihak ketiga dan link pada sidebar Anda, tempatkan semuanya di di bagian bawah sidebar.

Foto dan Media



Pelajari cara bahkan lebih produk Google lainnya.

Gambar, video dan multi-media yang Anda miliki di blog Anda semakin lama waktu yang dibutuhkan untuk beban. Namun, gambar dan multimedia lainnya adalah penting untuk menarik pengguna untuk blog Anda, sehingga sangat penting untuk mengoptimalkan kecepatan memuat gambar Anda dan media. Berikut adalah beberapa tips untuk meningkatkan kecepatan beban media Anda:

* Kurangi ukuran gambar Anda atau gambar kecil menggunakan link ke gambar ukuran penuh.
* Jika Anda menggunakan gambar dari pihak ketiga, disarankan untuk meng-upload gambar maupun foto ke Picasa Web Album melalui editor posting Blogger.
* Jika Anda memiliki sejumlah besar gambar untuk menampilkan, Anda dapat meng-upload semua foto Anda (dari sebuah liburan atau acara) ke Picasa Web Album dan link ke album di posting atau sidebar.

Saran lainnya:

* Jika Anda telah menambahkan apapun CSS kustom ke blog Anda, pastikan Anda letakkan di bagian atas halaman.
* Kandungan yang paling penting dari blog Anda yang bisa menarik perhatian pembaca harus memuat tercepat. Untuk membantu Anda mengidentifikasi item yang mengambil terpanjang untuk memuat Anda dapat menggunakan Stopwatch. Untuk menggunakan Stopwatch, masukkan URL blog Anda ke dalam kotak teks dan klik "Start Stopwatch". Stopwatch kemudian akan membuka blog Anda dalam bingkai dan akan mencatat waktu yang diperlukan untuk segalanya di blog Anda untuk memuat, termasuk gambar, video, widgets, dll. Mencatat item yang mengambil terpanjang untuk memuat dan memodifikasi mereka secara tepat menggunakan saran blog ini.

Rabu, 08 Desember 2010

Membuat Headline New Artikel Anda

Headline New Artikel
Jika Anda ingin membuat tampilan blog menjadi lebih kelihatan menarik dan keren, silahkan memanfaatkan fasilitas penyedia headlines. Judul-judul artikel blog Anda pada saat yang sama membantu Anda untuk menampilkan artikel-artikel Anda supaya menarik perhatian pengunjung blog untuk membaca artikel-artikel yang tampil, berarti Anda patut untuk mencoba widget "Headline News" di blog Anda.
Caranya sangat mudah.

1. Login ke Blogger
2. Klik Rancangan
3. Tambahkan gadget Anda dan pilih HTML/Javascript
4. Copy kode di bawah ini lalu paste ke kolom gadget HTML/Javascript.

<script type="text/javascript"
> var hn_url_blog = "http://namablog-Anda.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script> <script src="http://snifan-blogspot.googlecode.com/files/headlinenewsscript.js"> </script>


Keterangan:
Ganti kode yang berwarna biru dengan url blog Anda,
var hn_url_blog = URL blog,
var hn_jumlah_post = jumlah judul artikel posting yang ditampilkan,
var hn_warna_latar = warna latar belakang headline news,
var hn_warna_garis = garis border headline news,
var hn_posisi = posisi headline news,
var hn_backlink = bila ingin backlink ditampilkan,

5. Jangan lupa disimpan.

Selamat mencoba.

Cara Membuat Widget Page Loading Time Di Blog

Widget Page Loading Time

Trik berikut ini adalah cara membuat script Page Loading Time. Page Loading Time atau Waktu Pemuatan Halaman adalah merupakan alat bantu untuk mengetahui waktu yang diperlukan untuk memuat keseluruhan halaman dari suatu halaman situs atau blog. Dengan widget ini dapat diketahui kecepatan dalam memuat halaman blog, dan dengan ini akan memberikan ide bagi pemilik blog untuk mengoptimasi blognya agar lebih cepat.

Langsung saja, satuan yang akan digunakan adalah milidetik, bagaimana jika Anda ingin menggunakan satuan waktu menit???

Oke, Ini cara memasang script Page Loading Time:

Langkah 1:
- Login ke Blogger.
Langkah 2:
- Masuk ke "Rancangan, Edit HTML".
Langkah 3:
- Cari kode di bawah ini:

</head>

Langkah 4:
- Salin lalu tempel kode di bawah ini di atas kode </head>:

<script type='text/javascript'>// <![CDATA[ var now = new Date(); window.onload = function() { document. getElementById("waktuload").style.display = "block "; document. getElementById("milidetik") .innerHTML = (new Date()). getTime() - now.getTime(); } //]]></script>

Langkah 5:
- Cari kode di bawah ini:

<body>

Langkah 6:
- Sisipkan kode di bawah ini:
id="waktuload", pada kode <body>, sehingga hasilnya menjadi seperti di bawah ini:

<body id="waktuload">

Langkah 7:
- Tempatkan kode di bawah ini, dimana saja sesuai dengan keinginan Anda?

Loading time <span id='milidetik'/> ms

Catatan:
Kode di atas akan menampilkan waktu pemuatan halaman yang sedang Anda lihat.

Langkah 8:
- Simpan template dan preview blog Anda!

Selamat mencoba dan semoga berhasil.
Happy Blogging!