Feb 18, 2012

Menyembunyikan Blog saat Javascript Dimatikan

Anda sudah bersusah payah mempercantik tampilan blog dengan Javascript. Eeehh... Pengunjung blog anda malah mematikan Javascriptnya, sia-sia kan usaha anda. Anda tidak perlu marah, ada script khusus yang bisa mnyembunyikan / tidak menampilkan blog anda saat javascript si pengunjung dimatikan. Simak langkah dibawah ini ...

1. Buka Dasbor Blogger anda
2. Klik 'Tambah Gadget'. Di kotak 'Konten' isi dengan :

<noscript>
<style type="text/css">
body{
display: none;
}
</style>
</noscript>

4. Klik Simpan


Sekarang blog anda aman dan cantik saat dikunjungi ^_^

Mematikan Tombol Klik Kanan Mouse pada Blogger

Trik ini berguna untuk mencegah blog anda di-Copy Paste oleh orang yang tak bertanggung jawab dan tidak kreatif. Selain itu, ketika pengunjung blog anda menekan tombol klik kanan, akan muncul Pesan Peringatan yang bisa anda atur teksnya. Silahkan ikuti trik dibawah ini...

1. Buka dasbor blogger anda
2. klik rancangan
3. klik 'Tambah Gadget'. Di kotak 'Konten' isi dengan script berikut :

<script>
var message="JANGAN COBA-COBA KLIK TOMBOL ITU LAGI!!!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

4. Klik Simpan


Catatan :
Sebaiknya gadget tidak usah diberi judul. Script anti klik kanan tidak akan terlihat pada blog anda. 

Menonaktifkan Block Text / Blok Teks pada Blogger

Anda tentu jengkel dengan para blogger Copas (Copy Paste) yang suka mencuri artikel tanpa mencantumkan alamat sumber. Disini saya ingin membantu anda untuk mencegah hal itu, caranya dengan Menonaktifkan Blok Teks. Silahkan ikuti langkah-langkah dibawah ini ...

1. Buka Dasbor Blogger anda
2. Klik Rancangan
3. Tambah 'Gadget' , pada kotak konten ketik

<script type='text/javascript'>
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script>

4. Klik Simpan


Catatan : 
Pada kotak judul, sebaiknya dikosongi saja. Tulisan / script tidak akan terlihat pada blog

Feb 17, 2012

Membuat Navigasi Breadcrumb / Lokasi postingan

Breadcrumb berguna untuk mengetahui letak postingan itu berada. Sehingga kita tidak kesulitan untuk mencarinya. Jika ingin memasang Breadcrumb, ikuti trik ini :

1. Buka Dasbor Blogger Anda
2. Klik Rancangan > klik Edit HTML
3. Cari kode berikut  <b:if cond='data:post.title'>  , tepat dibawahnya ketik

<b:if cond='data:blog.pageType == &quot;item&quot;'><a href='data:blog.homepageUrl'> Home </a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop> &#187; </b:if><data:post.title/></b:if>

4. Klik Simpan / Save

Menghilangkan Tombol 'Share' Dibawah Postingan Blog

Anda ingin mencegah peng-Copy-an artikel di blog anda. Anda dapat melakukannya dengan menghilangkan tombol 'Share' dibawah blog, seperti Mail, Blogspot, Twitter, Facebook.
Ikuti cara berikut...

1. Buka Dasbor Blogger anda
2. Klik Rancangan > pilih Edit Tata Letak / Elemen Laman
3. Klik 'Edit' di dalam kotak 'Posting Blog'
4. Hilangkan tanda Cawang pada ' Tampilkan Tombol Berbagi ... '
5. Klik Simpan / Save


Catatan : 
Anda bisa mengatur apa saja yang ingin anda tampilkan di postingan anda dan juga posisinya.

Membuat Auto Readmore / Penyingkat isi posting otomatis

Biasanya, halaman blo anda sangat panjang sampai kebawah. Hal itu disebabkan anda tidak menyingkat isi postingan secara manual. Disini, saya mempunyai script untuk menyingkat postingan anda secara otomatis. Anda hanya tinggal mengetik saja lalu posting. Ikuti Langkah dibawah :

1. Buka Dasbor Blogger Anda
2. Klik Rancangan > klik Edit HTML
3. Cari kode  </head>  , tepat diatasnya ketik kode ini

<!-- auto readmore - d-djamoer.blogspot.com - start -->
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 350 ; //banyak huruf yang ditampilkan jika tidak ada gambar
summary_img = 300 ; //banyak huruf yang ditampilkan jika ada gambar
img_thumb_height = 100; //tinggi gambar yang ditampilkan
img_thumb_width = 120; //lebar gambar yang ditampilkan
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {   
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
   
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- auto readmore - d-djamoer.blogspot.com - end -->


4. Cari kode  <data:post.body/>  (jika terdapat kode yang sama, cari yang paling atas) , lalu ganti dengan :

<!-- auto readmore start -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>
createSummaryAndThumb (&quot;summary<data:post.id/>&quot;); </script>
<span class='rmlink' style='float:right; '>
<a expr:href='data:post.url'> Baca Selengkapnya... </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
<!-- auto readmore end -->

5. Klik Simpan / Save


Catatan : 
Tulisan yang bewarna merah bisa anda ganti sesuka anda.

Preview : 
Buka blog ini -> D'Djamoer

Membuat Pesan Penutup pada Blogger

Pengunjung akan terkesan pada blog anda apabila anda memberi pesan penutup saat pengunjung menutup / meninggalkan blog anda. Silahkan ikuti trik ini :

1. Buka Dasbor Blogger anda
2. Klik Rancangan > Edit HTML
3. Cari kode  </head>   , tepat diatasnya ketik kode berikut :

<script type="text/javascript">
function goodbye(){
alert('Terima Kasih Telah Berkunjung...');
}
parent.window.onunload=goodbye;
</script>

4. Klik Simpan / Save


Catatan :
Tulisan yang bewarna merah bisa anda ganti dengan kata yang anda inginkan.

Membuat Pesan Pembuka pada Blogger

Pengunjung akan tertarik mengunjungi blog kita jika kita memberi salam atau pesan pembuka pada blog kita.
Ikutilah langkah-langkahnya berikut...

1. Buka Dasbor Blogger
2. Klik Rancangan > Klik edit HTML
3. Cari kode  </head>   , tepat diatasnya ketik

<SCRIPT language='javascript'>
alert('Selamat Datang...');
</SCRIPT>

4. Klik Simpan / Save


Catatan :
Tulisan yang bewarna merah bisa anda ganti dengan kata yang anda inginkan.

Preview :
Silahkan buka blog ini -> Preview 

Mengganti Cursor Pada Blogger

Ingin mengubah cursor pada blog kita dengan gambar yang kita inginkan? Ikuti trik berikut...

1. Buka Dasbor Blogger
2. Klik Rancangan > klik HTML
3. Cari kode berikut  body{   , dibawah kode itu ketik

cursor: url('http://URL KURSOR KAMU'), default;

4. Klik Simpan / Save




Catatan :
- Isi tempat kamu menyimpan kursor pada kata yang bewarna merah saja.
- Pastikan cursor ber-extension .cur , jika ber-extension .ani / .jpg / .gif  /  dsb
  Saya tidak dapat menjamin akan berhasil.
- Saya sarankan untuk menyimpan di Google Sites

Menyembunyikan NavBar (Navigasi Bar)

A. Menyembunyikan NavBar, saat disorot Muncul
     1. Buka dasbor blogspot anda
     2. Klik rancangan > edit HTML
     3. Cari kode ini   <b:skin><![CDATA[/*   , dibawah kode itu ketik :

         #navbar-iframe{opacity:0.0;filter:alpha(opacity=0)}
         #navbar-iframe:hover{opacity:1.0;filter:alpha(opacity=100, finishedOpacity=100)}

     4. Klik Simpan / Save

B. Menghapus NavBar (Permanen)
     1. Buka dasbor blogspot anda
     2. Klik rancangan > edit HTML
     3. Cari kode ini   <b:skin><![CDATA[/*   , dibawah kode itu ketik :

         #navbar-iframe {display: none !important;}

     4. Klik Simpan / Save


Screenshot :
     A. Menyembunyikan NavBar
     B.  Menghapus NavBar

Jan 10, 2012

Cara Memasang SEO Meta Tag yang Benar dan Tepat (part 2)


Sebelumnya pada Cara Memasang SEO META TAG bagian 1, saya memberitahu cara memasang Meta Description, Keyword. Pada postingan ini saya akan memberitahu cara memasang META TAG yang lainnya.
Jujur saya kurang mengerti letak pada beberapa fungsi META TAG yang satu ini, tetapi saya yakin pasti memiliki kegunaan penting. Langsung saja kebawah...




Tempat kan kode dibawah ini diatas kode </b:if><!-- End hnsworlds.blogspot.com : Seo MetaTag  --> , silahkan lihat kode sebelumnya disini

<meta content='chrome=1' http-equiv='X-UA-Compatible'/> //Tipe HTML blog kita

<meta content='7 days' name='Revisit'/>
<meta content='7 days' name='Revisit-after'/>
<meta content='10' name='Pagerank™'/> //pagerank maksimal yg kita inginkan
<meta content='1, 2, 3, 10, 11, 12, 13, ATF' name='Serps'/>
<meta content='5' name='Seoconsultantsdirectory'/>
<meta content='HNS' name='Author'/> //penulis pada blog ini
<meta content='General' name='Rating'/>
<meta content='never' name='Expires'/>
<meta content='all' name='Audience'/>
<meta content='Indonesian, English' name='Language'/> //bahasa yang ada di blog

Apabila terjadi kegagalan, silahkan anda hubungi saya langsung melalui Y!Messenger : hns_mail@yahoo.com

Cara Memasang SEO Meta Tag yang Benar dan Tepat

META TAG berperan sangat penting bagi Search Engine untuk men-Crawl (Mencari) blog kita. Selain isi postingan yang tepat sasaran, Meta Tag juga berperan membantu menembak apa yang ingin dicari oleh para Surfer. Oleh karena itu, pemasangan META TAG harus benar dan sesuai dengan syarat-syarat agar mudah di jaring oleh Search Engine.
Saya akan menunjukkan cara-cara memasang Meta Description, Meta Keyword, Robots.





Inilah Jenis-jenis dan cara pemasangan META TAG yang benar :

<!-- Start "hnsworlds.blogspot.com" : Seo MetaTag  -->
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == &quot;http://hnsworlds.blogspot.com/&quot;'> //URL Halaman Utama
<meta content='Meneropong ke segala penjuru untuk menemukan keingintahuan yang besar dalam hidup untuk meraih apa yang diinginkan' name='description'/> //Deskripsi Blog
<meta content='Free, Software, Trik, Tips, Hack, Patch, Info, Tutorial' name='keywords'/> //Kata Kunci

<meta content='all, index, follow' name='Robots'/> //Izin pada ROBOT untuk mengindeks Blog kita


</b:if>
<!-- End "hnsworlds.blogspot.com" : Seo MetaTag  -->

Taruh Dibawah kode <head>

Tulisan yang berwarna biru anda ganti berdasarkan blog anda.

Pada izin ROBOTS, jika blog anda tidak ingin di indeks silahkan anda ganti

<meta content='all, index, follow' name='Robots'/> menjadi <meta content='nofollow' name='Robots'/>

Jan 5, 2012

Memberi Background di Text pada Postingan Blog.

Untuk memberi "Arti Khusus" pada sebuah tulisan di buku, anda pasti akan mengambil Stabillo lalu menggoreskannya dibuku. Hal itu juga bisa dilakukan di Tulisan dengan "Arti Khusus" pada postingan blog.

Untuk membuatnya ketik script berikut:
<div style="background-color: #FF0000; padding: 5px; position:absolute;"> Isi dengan text atau Code HTML </div>

background-color: #FF0000 = Warna Background
padding: 5px = jarak ujung pewarnaan dengan text
position: absolute = Posisi Pewarna dan text yang diwarnai (jika dihapus, daerah yg diwarnai
                                           menjadi 1 baris, bukan pada text saja)

Ini penerapannya :

~ Ketik ~
<div style="background-color: #FFFFFF; padding: 5px;"> Ini adalah tulisan.</div>

~ Jadi ~ 
Ini adalah tulisan.


~ tanpa "Position:absolute;"
Ini adalah tulisan.

Jan 2, 2012

Mengawetkan Baterai HP seawet baterai JAM DINDING?!

Android
Kita bisa kok membuat baterai HP kita seawet mungkin seperti baterai jam dinding selama 2 TAHUN tidak diganti masih tetap kuat... Tapi itu terjadi mungkin 100 tahun lagi (ealah....).
Tapi mulai sekarang kita bisa kok membuat baterai HP kita seaweeeeeeeeeeeeeeeeeeeeeeeeeeet mungkin.




Inilah caranya :
1. Minimalkan Penggunaan Mode Getar
    Bagi beberapa orang (terutama siswa) mode getar sangat penting saat Jam Pelajaran, tetapi jika digunakan
    terus menerus (meski setelah jam pelajaran) akan boros Baterai. Kok Bisa? Coba anda perhatikan pada
    kardus/buku panduan antara "Radio/sejenis" dengan "Alat Pijat yang Bergetar". Radio tidak bergetar dan
    mengkonsumsi listrik sedikit saja,, sedangkan Alat pijat kan bergetar (pastinya...) memiliki Watt yang
    lumayan besar. Ini juga berlaku pada HP


2. Atur Volume Sesuai Kebutuhan
    Setelah meminimalkan penggunaan Mode Getar, sebaiknya volume nada juga dikecilkan. Jika HP terus
    anda pegang, sebaiknya indikator pesan diganti kedipan lampu layar saja. Untuk Panggilan atau Alarm,
    terserah anda beri prioritas!

3. Meredupkan Backlight 
    Backlight adalah lampu latar pada screen HP. Semakin terang semakin banyak listrik yang dikonsumsi, dan
    sebaliknya. Ubahlah Backlight seredup mungkin tetapi anda masih bisa melihat teks atau gambar yang ada
    di HP.

4. Selalu gunakan Jaringan EDGE / GPRS
    Bukankah jaringan EDGE / GPRS ada dimana-mana? Gunakan saja jaringan tersebut tidak usah memakai
    3G / 4G , kecuali ada kebutuhan mendesak seperti men-download dokumen kantor atau apapun dari
    internet dengan segera. Perbedaan jaringan juga mempengaruhi konsumsi baterai, semakin tinggi semakin
    banyak. Dan jangan men-setting -> "Pilih Jaringan" ... "Otomatis" <- jika anda ubah menjadi otomatis,
    secara otomatis juga HP akan mencari dan mencari alamat palsu Jaringan dengan level tertinggi. Malah
    akan boros baterai 2X lipat!

5. Matikan Service / Layanan jika tidak digunakan
    Contohnya Bluetooth, Wi-Fi, Senter, dan lainnya. Jika tidak digunakan sebaiknya dimatikan saja, toh
    lumayan akan menghemat baterai

6. Matikan HP jika tidak ada sinyal
    Jika HP anda tidak dapat menangkap sinyal, tunggulah sekitar 5-10 menit. Jika tidak mendapat sinyal juga,
    HP dimatikan saja, toh apa gunanya HP tanpa sinyal? (buat nge-GAME bisa, dengerin MUSIK bisa,
    dengerin RADIO bisa. Tambah mborosin batre -,-)

7. Jangan menggunakan HP saat di Charge
    Jika dipakai jangan di CES, jika di CES jangan dipake. Ngerti? Efek samping : Memperpendek umur anda
    HP anda.

8. Beli Baterai Original
    Sudah jelas terbukti, meski sedikit mahal tapi awet 1-2 tahun bahkan lebih, daripada AsPal (Asli namanya,
    Palsu mereknya). Tergantung bagaimana anda memakainya.

Ini hanyalah saran saya dan berdasarkan pengalaman saya sendiri. Semua bergantung pada anda sendiri, ingin menuruti semua? Sebagian? atau tidak sama sekali? Terserah anda TOH.