Anda menggunakan WordPress? Ada sebuah plugin yang bisa menampilkan tip secara acak yang dipasang di bagian atas (top) blog kita. Plugin ini cukup berguna untuk mempromosikan produk baru atau iklan dalam bentuk baris. Mau memasangnya? Silakan ikuti langkah berikut.
Hasilnya seperti gambar berikut.
Plugin tersebut bisa didownload di sini.
Berikut ini kumpulan ebook yang bisa Anda download.
Tulisan Sendiri:
Tulisan Orang Lain:
Sejak menginstal Skype, selalu ada jendela peringatan untuk membatalkan script. Meskipun tidak menyebabkan error, tetapi cukup mengganggu karena selalu keluar saat menjalankan Skype.
Jika ada yang mengalami masalah yang sama, bisa mencoba menghilangkannya dengan cara sebagai berikut.
Restart komputer. Dengan cara ini, jendela peringatan script error di laptop saya hilang. Kalau masih saja keluar, mungkin perlu melakukan hal lain. Saya sendiri belum tahu apa yang harus dilakukan karena jendela peringatannya sudah hilang.
Pada artikel sebelumnya, saya menjelaskan cara meng-capture halaman web menggunakan browser Mozilla. Bagaimana bila menggunakan Chrome? Ekstensinya cukup beragam. Saya menggunakan Awesome Screenshot karena bentuk capture-nya cukup beragam. Kita juga bisa melakukan cropping sesuai bagian gambar yang kita inginkan. Cara menggunakannya sebagai berikut.
Buka https://chrome.google.com/webstore/detail/alelhddbbhepgpmgidjdcjakblofbmce lalu klik Install.
Klik Instal.
Setelah terpasang, pilih salah satu cara meng-capture. Misalnya Capture Entire Page.
Jika ingin memotongnya, klik ikon Crop.
Seleksi gambar sesuai keinginan. Jika sudah selesai, klik Crop.
Klik Done.
Jika ingin menyimpannya, klik Save. Kita juga bisa langsung mengupload gambar tersebut.
Klik Save.
Sampai sekarang, masih banyak pengguna blogger yang belum sadar bahwa blogger sudah menyediakan fasilitas readmore (baca selengkapnya). Padahal, fasilitas itu sudah lama ada. Mungkin, karena ketika menulis artikel, menggunakan aplikasi lain seperti Windows Live Writer. Namun, meskipun seperti itu, sekali-kali hendaknya berkunjung ke dashboard blogger kita supaya apabila ada perubahan, bisa langsung mengetahui dan menggunakannya.
Bagaimana menggunakan fasilitas readmore di blogger?
Silakan tulis artikel seperti biasa lalu letakkan kursor pada awal paragraf yang akan dipenggal. Klik Insert jump break.
Akan keluar garis putus-putus di antara paragraf yang akan ditampilkan dengan paragraf yang akan dipenggal. Klik PUBLISH POST.
Hasilnya seperti ini.
Mudah, bukan? Tidak perlu repot-repot mengubah/menambah kode HTML untuk membuat readmore. Jika ingin membuat readmore otomatis, silakan baca di sini.
Pada artikel sebelumnya, saya menulis bisa chatting facebook di Yahoo! Messenger. Bukan hanya itu, kita pun bisa update status facebook dan twitter di Yahoo! Messenger. Jika Anda mengikuti step pada artikel sebelumnya, untuk facebook otomatis bisa langsung dishare. Namun, untuk twitter, perlu pengaturan lebih lanjut. Caranya sebagai berikut.
Masih menggunakan Yahoo! Messenger? Pada versi yang akan datang (versi 11), kita bisa chatting dengan teman kita di facebook. Saat ini masih versi beta. Lumayan berat bila koneksi internetnya lambat. Kebetulan saat artikel ini ditulis, koneksi internetnya lumayan lancar sehingga bisa langsung dicoba.
Silakan download Yahoo! Messenger 11 versi beta lalu instal di komputer. Setelah diinstal, login menggunakan akun YM Anda. Di bagian atas langsung ditawari untuk Sign in ke akun facebook. Klik Sign in.
Masukkan username dan password lalu klik Login.
Jika ada jendela peringatan, klik Yes.
Klik Allow.
Klik Yes bila ada jendela peringatan.
Klik Continue.
Sekarang, kita bisa chatting dengan teman di facebook menggunakan Yahoo! Messenger.
Sering memasukkan kode pada artikel blogger? Kalau ya, Anda bisa membedakannya dari tulisan lain menggunakan syntaxhighlighter. Dengan demikian, si pengunjung bisa sedikit memahami tentang kode tersebut. Contohnya seperti berikut ini.
.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}
/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}
.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}
.dp-highlighter .bar
{
padding-left: 45px;
}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}
.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}
.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}
.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}
.dp-highlighter .columns div
{
padding-bottom: 5px;
}
.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}
.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol
{
margin: 0px;
}
.dp-highlighter.collapsed ol li
{
display: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing
{
border: none;
}
.dp-highlighter.printing .tools
{
display: none !important;
}
.dp-highlighter.printing li
{
display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}
.dp-highlighter.nogutter .tools
{
border-left: 0;
}
.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}
.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
<!-- Add-in Script for syntax highlighting --><script language='javascript'>dp.SyntaxHighlighter.BloggerMode();dp.SyntaxHighlighter.HighlightAll('code');</script>
<pre name="code" class="cpp">Kode Anda di sini</pre>
