Thursday, December 11, 2008

Diantara teman-teman blogger mungkin ada yang pernah mengalami pembajakan artikel milik kita oleh orang lain. Sungguh suatu tindakan yang kadang membuat kita emosi dikala kita menemukan artikel yang telah kita buat dengan susah payah, dengan menguras waktu ternyata dijiplak dan bahkan diakui sebagai artikel milik pembajaknya tanpa menyebutkan sumber artikel sebenarnya. Sebenarnya ada tindakan preventif yang bisa kita lakukan untuk mempersulit tindakan pembajakan artikel.
Pada dasarnya para penjiplak artikel biasanya menggunakan fasilitas bawaan dari Browser yaitu dengan menyeleksi artikel tersebut, klik kanan tombol mouse dan pilih menu copy. Itulah tindakan para pembajak yang sering dilakukan. Untuk mencegah pembajakan dapat dilakukan dengan menonaktifkan fasilitas pada browser yaitu "seleksi" dan "klik kanan". Ikuti langkah dibawah ini untuk memproteksi atau melindungi artikel dari aksi pembajakan.

CARA I : Menonaktifkan Seleksi Teks (Disable Select Text)

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke bagian "Tata Letak - Edit HTML" dan jangan lupa "Expand Widget Template"
Langkah 3
Cari kode
</head>
Langkah 4
Letakan (copy paste) kode dibawah ini tepat diatas kode langkah 3
<script language='JavaScript1.2'>

//Disable Select Text script (IE4+, NS6+) - By Blogger Tune-Up
//For full source code, visit http://modification-blog.blogspot.com
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function (&quot;return false&quot;)
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}
</script>
Langkah 5
Simpan Template

CARA II : Menonaktifkan Klik Kanan Copy (Disable Right Click)

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke bagian "Tata Letak - Edit HTML" dan jangan lupa "Expand Widget Template"
Langkah 3
Cari kode
</head>
Langkah 4
Letakan (copy paste) kode dibawah ini tepat diatas kode langkah 3
<script language=JavaScript>
<!--

//Disable right click script - By Blogger Tune-Up
//For full source code, visit http://modification-blog.blogspot.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>
Langkah 5
Simpan Template

Mudah-mudahan dengan metode ini langkah para pembajak artikel lebih sulit dan berkurang. Happy Blogging :)

Friday, December 5, 2008

Menghilangkan Langgan : Entri (Atom)

Posted by dav On 4:10 AM
Banyak para blogger yang menggunakan DotCom atau OpenID dengan dasar blog dari account blogger ingin tampilan blognya terlihat professional, mereka tidak ingin terlihat seperti menggunakan blogger account. Untuk bisa mewujudkan hal ini banyak cara yang bisa kita lakukan untuk mengubah tampilan asli blog kita menjadi terlihat professional, hal ini yang kemudian dikenal dengan istilah Blogger Hack oleh sebagian pengguna blogger account. Dalam artikel kali ini kita akan menghilangkan salah satu tampilan standar dari blog milik blogger, yaitu Langgan: Entri (Atom) atau Subscribe to: Posts (Atom). Menggunakan kata menghilangkan karena bisa berarti "membuang" atau "menyembunyikan".
Ada dua (2) cara untuk menghilangkan Langgan: Entri (Atom).
Cara I
Langkah 1
Login ke blogger
Langkah 2
Pilih tab "Pengaturan - Feed Situs"
Langkah 3
Ubah "Izinkan Feed Blog" menjadi "Tak Satupun"
Langkah 4
Klik "SIMPAN SETELAN"

Perhatian !
  • Jika menggunakan cara ini maka secara otomatis Langgan : Entri (Atom) dan Langgan : Komentar (Atom) akan hilang dari halaman blog. Tapi hal ini juga membuat para pembaca setia blog kita yang menggunakan feed tidak akan menerima lagi update artikel terbaru kita. Hal ini silahkan diterapkan pada blog kita jika kita tidak perduli dengan para pembaca setia blog kita, tetapi jika kita peduli silahkan gunakan cara II (kedua) dibawah ini.

Cara II
Langkah 1
Login ke blogger
Langkah 2
Pilih tab "Tata Letak - Edit HTML"
Langkah 3
Jangan lupa checklist "Expand Template Widget"
Langkah 4
Cari kode dibawah ini (berwarna biru) :
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
Langkah 5
Hapuslah kode Langkah 4 atau beri tanda komentar seperti dibawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<!--<b:include data='feedLinks' name='feedLinksBody'/>-->
</div>
</b:if>
Langkah 6
Klik "SIMPAN TEMPLATE"

Perhatian!
  • Jika kita menemukan 2 kode seperti pada Langkah 4 (warna biru) buanglah keduanya atau beri tanda komentar keduanya seperti pada Langkah 5 (warna biru).
  • Dengan menggunakan Cara II (kedua) ini para pembaca setia blog kita yang menerima update melalui feed akan tetap menerima artikel kita.

Thursday, December 4, 2008

Float Navigation Bar

Posted by dav On 4:33 AM
Float Navigation Bar atau dalam bahasa Indonesia kurang lebih sama dengan Baris Navigasi Terapung. Dalam artikel kali ini kita akan mencoba membuat suatu navigasi blog dengan posisi yang terapung atau seperti ditempelkan dalam blog kita, bisa ditempatkan diatas atau dibawah blog dan posisi tersebut selalu tetap tidak berubah walaupun kita menggeser scrollbar keatas dan kebawah. Navigas ini sangat membantu bagi blog yang pembuatan artikelnya tidak tetap dalam pemenggalannya (readmore...), dan atau blog yang memiliki halaman panjang, sehingga pengunjung tidak harus kembali lagi keatas halaman jika ingin mencari artikel lain dalam blog kita.

Berikut tahap pembuatan Float Navigation Bar :
Langkah 1
Login ke blogger
Langkah 2
Aktifkan Tab "Tata Letak - Edit HTML" jangan lupa check "Expand Widget Template"
Langkah 3
Cari kode dibawah ini :
]]></b:skin>
Langkah 4
Masukan (copy/paste) kode dibawah ini diatas kode Langkah 3 :
/********************************
* Float Navbar *
*********************************/
#float-navbar
{
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 1px solid #f5f5f5;
background-color: #f5f5f5;
width: 100%;
left: 0px;
color: #000;
z-index:10000;
opacity: 0.8;
filter: alphaundefinedopacity: 80);
bottom:0;
}
#float-navbar:hover
{
opacity: 1;
filter: alphaundefinedopacity: 100);
}
#float-navbar a
{
color: #000;
font-weight:bold;
}
/********************************
* Left Float Navbar *
*********************************/
.l_floatmnu
{
float:left;
list-style-type:none;
padding:0;
margin:3px 0 3px 5px;
}
.l_floatmnu li
{
padding: 0 0 0 3px;
margin-left:2px;
float:left;
color:#000000;
font:normal 11px arial;
}
.l_floatmnu li a
{
display:block;
font:normal 11px arial;
width:auto;
float:left;
text-decoration:none;
}
.l_floatmnu li a:hover
{
text-decoration:underline;
}
/********************************
* Right Float Navbar *
*********************************/
.r_floatmnu
{
float:right;
list-style-type:none;
padding:0;
margin:3px 5px 3px 0;
}
.r_floatmnu li
{
padding: 0 0 0 3px;
margin-left:2px;
float:left;
color:#000000;
font:normal 11px arial;
}
.r_floatmnu li a
{
display:block;
font:normal 11px arial;
width:auto;
float:left;
text-decoration:none;
}
.r_floatmnu li a:hover
{
background-color: #f5f5f5;
opacity:1;
color:#ff0000;
}
Langkah 5
Cari kode dibawah ini :
</div>
Kode tersebut harus diakhir template, hati-hati karena kode diatas akan ditemukan banyak sekali, dan kode ini harus yang diakhir template.
Langkah 6
Masukan (copy/paste) kode dibawah ini dibawah kode Langkah 6 :
<!-- Awal Float Navigation Bar -->
<div class='section' id='float-navbar'>
<ul class='l_floatmnu'>
<li><a expr:href='data:blog.url' title='Halaman Utama'>Home</a></li>
<li>|</li>
<li><a href='http://NAMA-BLOG.blogspot.com/search?max-results=300' title='Daftar isi'>Daftar Isi</a></li>
<li>|</li>
<li><a href='http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2264909' target='_blank' title='Berlangganan via eMail'>Langganan</a></li>
<li>|</li>
<li><a href='http://www4.shoutmix.com/?hendriono' target='_blank' title='Tinggalkan Pesan'>Shout Chat</a></li>
<li>|</li>
<li><a href='http://dedehendriono.blogspot.com/' target='_blank' title='Tentang Hendriono'>Tentang Saya</a></li>
</ul>

<ul class='r_floatmnu'>
<li><a href='ymsgr:sendIM?dedehendriono@yahoo.com' title='Chatting bersamaku'>Chatting</a></li>
<li>|</li>
<li><a href='javascript:window.printundefined)' title='Print Halaman Ini'>Print Artikel Ini</a></li>
<li>|</li>
<li><a href='http://dedehendriono.blogspot.com' target='_blank'><script src='http://fastonlineusers.com/on2.php?d=NAMA-BLOG.blogspot.com' type='text/javascript'/> User Online</a></li>
<li>|</li>
<li><a href='http://easyhitcounters.com/stats.php?site=hendriono' target='_blank'><img alt='Free Web Counters' border='0' src='http://beta.easyhitcounters.com/counter/index.php?u=hendriono&amp;s=tiny'/></a><script src='beta.easyhitcounters.com/counter/script.php?u=hendriono'/></li>
</ul>
</div>
<!-- Akhir Float Navigation Bar -->
Langkah 7
Simpanlah template dengan klik tombol "SIMPAN TEMPLATE"

Keterangan :
  • Ubahlah NAMA-BLOG sesuai dengan nama/alamat blog anda
  • Ubahlah feedId=2264909 dengan feedId anda yang dapat diperoleh di Feed Burner
  • Ubahlah shoutmix.com/?hendriono dengan alamat ShoutMix anda
  • Ubahlah alamat web counter yang anda peroleh dari sini
  • Untuk mengubah posisi Float Navigation Bar, ubahlah bottom menjadi top pada CSS (Cascading Style Sheet)