Kamis, 12 Januari 2012

Membuat Energy Saving Mode untuk Blog

Membuat Energy Saving Mode untuk Blog
Bumi semakin tua, energi semakin mahal. Mari kita buat blog kita juga hemat energi. Yaitu dengan membuat Energy Saving Mode. Sama seperti yang ada di komputer, dengan Energy Saving Mode akan membuat layar yang menampilkan (membuka) blog kita menjadi gelap ketika tidak aktivitas di blog. Dan akan kembali normal ketika mouse digerakan. Bagaimana? Ada niat untuk membuat blog kita juga ikut berpartisipasi nyata dalam menghemat energi? Mari kita buat Energy Saving Mode di blog kita.

Cara Membuat Energy Saving Mode untuk Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head>
6. Taruh (copy paste) kode berikut di atasnya

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
<script>jQuery.noConflict();</script>

7. Simpan Template jika sudah selesai.
Baca Selengkapnya ->

Membuat Blog Tidak Bisa Dicopy Paste

Copy paste (copas) adalah musuh para blogger, setuju gak? Apalagi jika tidak menyantumkan sumber linknya. Rasanya sakit hati atau marah bisa terjadi karena tulisan yang kita posting dicopas oleh blogger lain dan juga diposting di blognya. Pastinya akan kesal ketika karya kita dicopy paste tanpa izin.

Blogger sangat dekat dengan tulisan. Ide itu tertuang dalam kumpulan kalimat. Lalu setelah diposting di blognya akan menjadi konsumsi orang banyak. Memang semua zaman sekarang ini setiap orang bisa membuat konten. Tapi pengakuan terhadap hasil karya orang masih begitu rendah. Masih banyak pelaku copy paste.

Tulisan hasil copy paste yang sama persis sebenarnya akan merugikan blognya sendiri. Blog yang berisi postingan-postingan copas akan membuat blognya tidak bersahabat dengan google search engine. Selain itu juga akan mendapat predikat yang tidak baik dari blogger lain.

Dulu di Belajar Ngeblog di Blog pernah dibahas salah satu cara mencegah copy paste, yaitu dengan membuat klik kanan tidak berfungsi. Tetapi masih saja bisa, karena tulisan masih bisa diblock dan dicopy dengan Ctrl+C. Nah, sekarang akan kita buat lebih tidak bisa melakukan copy paste (copas) yaitu dengan men-disable text selection. Disable tet selection adalah membuat pengunjung blog kita tidak memblock tulisan, akhirnya tidak bisa meng-copy.

Cara Membuat Blog Tidak Bisa Dicopy Paste
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>

<script type="text/javascript"> function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
    target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
    target.style.MozUserSelect="none"
else //All other route (ie: Opera)
    target.onmousedown=function(){return false}
target.style.cursor = "default"
}
</script>

6. Lalu taruh kode berikut di bawah kode </head>

<script type="text/javascript"> disableSelection(document.body) //disable text selection on entire body of page </script>

7. Simpan Template jika sudah selesai.

Saya tidak menerapkan dua cara itu, yaitu tidak bisa klik kanan dan tidak bisa memblock tulisan di blog ini. Karena kalau saya gunakan jadi nggak bisa dipraktekan (diambil) scriptnya. Kalau benar-benar niat membuat blogmu tidak bisa dicopas, gunakan saja semuanya ;)
Baca Selengkapnya ->

Menampilkan Recent Post Disertai Thumbnail

Menampilakn Recent Post Disertai Thumbnail
Ingin rasanya terus membuat tampilan blog lebih menarik lagi, biar orang tidak bosan dengan tampilan yang kita suguhkan. Kali ini kita akan belajar untuk membuat recent post yang menarik yang berbeda dengan sebelumnya. Widget recent post ini tidak hanya menampilkan judul saja, tapi banyak kelebihannya. Kelebihan recent post yang akan kita pelajari adalah bisa menampilkan tulisan terbaru yang disertai dengan thumbnail, ringkasan, tanggal posting dan jumlah komentar.

Recent Post adalah salah satu widget yang wajib dipasang di blog kita. Biar orang tahu, apa saja yang baru saja kita tulis. Recent post yang satu ini bisa menggantikan recent post yang lama. Langsung saja, kita praktekkan :)

Cara Menampilkan Recent Post Disertai Thumbnail
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<div id='bp_recent'></div><div class='bp_footer'></div>
<script style='text/javascript' src='http://blogergadgets.googlecode.com/svn/trunk/recentposts.js'></script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = true;
var showSummary = true;
var summaryLength = 200;
var titleLength = 100;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = false;
var imgDim = 100;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = true;
var readMore = 'More';
</script>
<script src='http://vicky-prasetya.blogspot.com/feeds/posts/summary?max-results=5&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

5. Dari kode diatas ada yang bisa kita sesuaikan, tapi yang harus diubah adalah vicky-prasetya dengan nama subdomain blogmu sendiri. Simpan jika sudah.
Baca Selengkapnya ->