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