Cara Mematikan Klik Kanan Pada Blog

Cara mematikan klik kanan pada blog, ini adalah merupakan salah satu cara untuk menghindari blog kita dari copas (copy paste). Sehingga isi artikel kita gak bisa di curi alias dicopy paste.

Namun untuk memasang sistem ini di blog kita mastinya kita harus perhatikan dulu isi blog kita. Maksudanya kalau blog kita berisi tips-tips blog yang ada html-nya rasanya gak mungkin kita mematikan klik kanan di blog kita karena user gak bisa mengcopy html yang kita tulis tersebut. Tapi kalau blog kita berisi tutorial dan tips-tips yang tidak perlu di copy paste maka klik kanan boleh di matikan.

Nah, jika sobat ingin mematikan klik kanan pada blog sobat, berikut caranya:
  • Pertama login dulu ke dasbor blogspot Anda.
  • Klik menu Rancangan.
  • Klik Elemen Laman.
  • Pilih Tambah Gadget.
  • Cari  HTML/JavaScript  dan klik tanda +.
  • Lalu copy co de di bawah ini dan paste di gadget tadi.

    <script language="JavaScript">
    <!--
    //Disable right mouse click Script
    //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
    //For full source code, visit http://www.dynamicdrive.com
    var message="Dilarang Copas Boss";
    ///////////////////////////////////
    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>
Catatan:
  • Ganti kalimat yang berwarna pink di atas dengan kalimat keinginan sobat sendiri, misalnya ”dilarang klik kanan”, "dilarang Copas" dan lain-lain.
  • Kadang script di atas juga gak berfungsi karena di blokir oleh script template yang kita pakai (namun itu sangat jarang terjadi).
  • Setelah itu silahkan klik Simpan. Sekarang buka blog sobat dan coba klik kanan.
Nah itu dia script cara mematikan klik kanan pada blog atau cara menonaktifkan klik kanan pada blog, dan mudah-mudahan tutorial ini bisa membantu.

Cara Membuat Page Number Di Blogspot

Untuk mempercantik blog kita di blogspot memang kita melakukannya secara manual. Dan kali ini untuk mempercantik tampilan blog kita, kita akan membahas cara membuat page number di blogspot atau cara membuat halaman blog di blogspot.

Sobat pasti tau sendiri kalau pada template Blogspot umumnya hanya menggunakan navigasi Previous dan Next atau Posting lebih baru dan Posting Lama yang di selipkan dibagian bawah postingan blog, dimana fungsinya adalah untuk membantu pembaca/pengunjung berganti halaman postingan menuju tulisan sebelum atau setelah dari tulisan yang sedang dibaca tanpa ada keterangan nomor halaman berapa kita berada. Contohnya perhatikan pada bagian bawah blog sobat yang hanya ada tulisan Previous dan Next atau Posting lebih baru dan Posting Lama.

Tapi kalau page numbernya sudah di pasang maka tampilannya akan berubah seperti gambar di bawah ini:


Nah, cara membuat page number di blogspot atau blogger, ikuti langkah-langkah berikut ini:
  • Seperti biasa, Login ke dasbor blogger sobat.
  • Klik menu Rancangan.
  • Klik Edit HTML.
  • Lalu klik Expand Template Widget.
  • Cari kode  ]]></b:skin>
  • Kemudian masukan kode script yang ada di bawah ini tepat di atas kode: ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

  • Selanjutnya cari lagi kode </body>
  • Lalu masukan kode script berikut tepat di atas kode: </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>


Keterangan :
  • Kode pageCount di atas adalah menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman.
  • Kode displayPageNum adalah menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu).
  • Kode upPageWord adalah untuk mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan).
  • Kode downPageWord adalah untuk mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan).

  • Terakhir kita cari kode script berikut: 'data:label.url'
  • Gantilah kode script di atas dengan kode dibawah ini:

'data:label.url + &quot;?&amp;max-results=5&quot;'

  • Setelah selesai maka silahkan simpan template sobat dengan mengklik SIMPAN TEMPLATE.


Keterangan :
Fungsi dari script di atas adalah untuk mengganti tampilan default Blogspot yang akan menampilkan 20 postingan setiap halamannya. Namun karena pada pageCount di atas kita isi angka 5, maka pada script ini juga kita harus isi dengan dengan angka 5 (menampilkan 5 posting per halaman). Dan kalau kita ganti dengan angka lain, maka kita juga harus mengganti semua angka 5 di atas.

Nah, inilah dia tutorial atau tips  cara membuat page number di blogspot atau cara membuat halaman blog di blogspot

Cara Menambah Emoticon Di Komentar Psotingan Blogspot

Mempercantik blog memang sangat banyak caranya dan salah satunya adalah dengan menambah emoticon di komentar postingan blogspot sobat. Karena emoticon di komentar ini gak pernah ada di semua template kecuali kalau si empunya blog menambahnya secara terpisah.

Nah, jika sobat tertarik juga menambah emoticon di komentar postingan blogspot sobat, berikut caranya:
  • Login ke dasbor blogger Sobat.
  • Klik menu Rancangan.
  • Klik Edit HTML.
  • Jangan lupa centang Expand Widget Template.
  • Cari kode </body>
Lalu letakan kode css berikut, dan taruh di atas kode: </body>
<script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>
  • Selanjutnya cari kode berikut, Lengkapnya perhatikan kode sibawah ini, (pehatikan kode yang berwarna pink) :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
  • Kalau sudah ketemu, lalu copy dan pastekan kode di bawah ini tepat dibawah kode: <p class='comment-footer'>
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>



Terus kadang juga ada template yang sudah di optimasi sehingga emoticon-nya gak muncul. Nah untuk mengatasinya silahkan perhatikan cara di bawah ini:


Coba cari kode dibawah ini :
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>


Kalo sudah ketemu, taruh kode emoticon di atas tadi tepat di atas kode: <b:include data='post' name='comment-form'/>

Dan taruh java script berikut, tepat di atas kode: </body>
<script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>
  • Setelah itu silahkan klik Simpan Template, dan lihat hasilnya.
Nah, begini dia cara menambah emoticon di komentar postingan blogspot, dan kode di atas juga masih bisa di tambah dengan emoticon yang lain yang sobat sukai.

Cara Memasang Tombol Tweet Di Setiap Postingan Blog

Tanpa perlu aku jalaskan di sini, bagi para blogger pasti sudah tidak asing lagi apa manfaat ngetweet blognya di twitter.

Kalau kita ngeblog di wordpress, pasti tombol tweet ini bisa di pasang hanya dengan mengnstall dan mengaktifkan salah satu pluginnya aja. Tapi bagi kita pengguna blogger atau blogspot, cara memasang tombol tweet di setiap pastingan blog kita harus memasangnya secara manual.

Berikut langkah-langkah memasang widget tombol tweet di setiap postingan di blogger atau blogspot:
  • Login ke dasbor blogger sobat.
  • Klik menu Rancangan.
  • Klik Edit HTML.
  • Centang Expand Widget Template.
  • Carilah kode: <data:post.body/>
  • Selanjutnya copy dan paste code di bawah ini tepat sebelum kode di atas.
<div style='float:right; padding:10px 0 0 5px'><script type='text/javascript'>tweetmeme_url = &#39;<data:post.url/>&#39;;tweetmeme_service = &#39;bit.ly&#39;;</script><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
  • Setelah itu klik Simpan Template dan lihat hasilnya.
Nah, beginilah dia cara memasang widget tombol tweet di setiap postingan di blogger atau blogspot dan semoga tutorial atau tips ini bisa membantu.

Membuat Label Tag atau Tag Cloud Animasi di Blogger

Di blogspot atau di blogger, kalau kita melihat tampilan label tag-nya biasanya tampilannya hanya biasa saja yang hanya menmpilkan widget yang berisi daftar label tag atau tag cloud blog pada umumnya.

Tapi kali ini kita akan berkreasi sedikit dengan kode HTML untuk membuat tampilan blog kita tambah keren dan menarik tentunya yaitu kita akan coba membuat label tag animasi di blogspot. Label tag animasi ini  istilah lainnya adalah blogumus maksudnya adalah jika widget label tag blog kita terkena kursor mouse maka tag blog kita akan bergerak dan berputar dengan sendirinya.

Berikut ini adalah merupakan contoh dari label tag


Oke jika sobat tertarik juga dengan label tag atau tag cloud (blogumus) animasi ini, berikut cara membuatnya:
  • Login ke dasbor blog sobat.
  • Klik menu Rancangan.
  • Pilih Edit HTML.
  • Beri tanda centang "Expand Template Widget"
  • Sebelum kode ini di masukkan, tolong copy template blog lama Anda dulu, dan pastekan di notepad untuk menjaga-jaga siapa tau template blog sobat tidak mendukung kode ini.
  • Cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'> (untuk kode, mohon untuk disesuaikan saja, karena tidak semua template memiliki kode yang sama).
  • Selanjutnya letakan kode berikut, tepat di bawah kode diatas:
 <b:widget id='Label99' locked='false' title='Label Tag' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Perhatikan code di atas yang di beri warna, warna biru itu adalah merupakan judul label blog Anda nantinya, warna merah itu adalah merupakan ukuran lebar dan tinggi label cloud atau label tag, warna pink, adalah untuk merubah warna backgroud label tag cloud, dan warna hijau adalah untuk merubah besar kecilnya tulisan di tag/label cloud tersebut.

Catatan!!
Masalah yang sering kali muncul dalam pembuatan label tag atau tag cloud ini, yaitu:
Disebabkan karena file.swf yg sudah error.
Terus tidak semua template mendukung dibuatkan label tag atau tag cloud ini. 
Coba perhatikan link file swf di atas yang di beri warna orange, jika link tersebut error atau tidak berfungsi maka coba diganti dengan file.swf berikit:
http://www.swfcabin.com/swf-files/1275932799.swf

Nah, begitulah dia cara membuat label tag atau tag cloud atau istilah lainnya blogumus, dan sekarang silahkan percantik tampilan blog Anda dengan label tag animasi ini.

Kode HTML Warna

Kode HTML warna aku rasa masih banyak di antara sobat yang belum tau (wach tentu saja siapapun dia pasti gak mungkin menghafal kode HTML warna itu satu persatu). :) Nach untuk itu kalau sobat mau mengedit warna backgroung blognya atau warna teks blognya, berikut ini adalah merupakan kode HTML masing-masing warna.

Cara menggunakan atau cara mengetahui apa kode HTML warna tersebut, silahkan klik warna yang di kehendaki, lalu perhatikan di bagian bawahnya nanti akan tertulis kode HTML warna apa yang sobat klik.








































































































































































































Kode warna yang terpilih :


Nah itulah dia kode HTML warna untuk mengedit backgroud, tulisan atau gambar blog kita. Sekali lagi cara menggunakannya, silahkan klik warna yang di inginkan lalu perhatikan di bagian bawah tepatnya di dalam kotak Kode warna yang terpilih.

Pengertian dan Manfaat SiteLink

Diantara sobat pasti ada yang belum tau apa itu pengertian sitelink serta manfaat sitelink. Oke untuk lebih jelasnya biar aku paparkan sedikit di bawah ini.

Arti atau pengertian sitelink adalah merupakan kumpulan beberapa link dari situs atau blog yang ditampilkan di halaman pencari seperti google. Sitelink ini akan muncul kalau sobat mencoba searching di google dengan mengetikkan nama domain sobat saja tanpa tanda titik .(dot)com pada kotak pencarian.

Manfaat sitelink yaitu dengan adanya sitelink, maka bisa memberi kita dominasi keyword tertentu, yang artinya posisi blog kita akan paling teratas dengan keyword tertentu yang akan sulit digeser oleh blog lain. Dan dengan adanya sitelink itu, itu berarti google menganggap kalau blog kita itu banyak konten-konten yang di anggap penting, dan termasuk dalam golongan blog yang rajin posting.

Biasanya blog yang mendapat sitelink adalah blog yang sudah mempunyai umur. Dan menurut para blogger, sitelink itu adalah merupakan sebuah gengsi tersendiri bagi para webmaster/blogger itu sendiri.

Nah itu dia pengertian sitelink serta manfaat sitelink di blog yang sangat didamba-dambakan oleh blog baru. Hahahahahahhh..... :)