Friday 20 May 2011

Cara Menghilangkan Tulisan Diposkan Oleh :

Mungkin bagi sebagian blogger merasa bahwa tulisan Diposkan Oleh adalah hal yang membuat blog kurang enak dipandang. Namun tidak sedikit juga yang tetap setia memasang fasilitas diposkan oleh didalam blognya. Bagi sobat yang ingin menghilangkan tulisan tersebut silahkan ikuti langkah-langkahnya seperti dibawah ini :

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian cari dan hapus kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

Jika sudah jangan lupa diSIMPAN

Cara Pasang Gambar Status Page Loading

Ada baiknya kalau blog kita dipasangi status page loading. Itu dapat menambah kesan elegant dari sebuah blog. Sebab, pengunjung bisa tau bahwa apakah blog itu benar-benar sudah siap loading halaman atau belum. Sebenarnya page loading ini hanya terdapat didalam komputer, namun seiring berkembangnya jaman, maka blog juga dapat dipasangi gambar status page loading. Bagaimana cara buatnya? Simak Caranya sebagai berikut :

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian, cari kode <body>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
jika sudah ketemu ganti dengan kode dibawah ini :

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif'/></div>

<script src='http://h1.ripway.com/imtikhan/loading.js' type='text/javascript'/>

SIMPAN :)

Cara Membuat Pop Up Window di Blog

Pop Up adalah sebuah tampilan Window baru yang berisi sebuah Web atau informasi baru pada saat Web awal di akses.
Pop Up tentunya sanget berguna untuk anda para pelaku bisnis.
Karena iklan yang ingin anda tampilkan akan otomatis terbuka saat ada pengunjung membuka Web anda.
Contoh yang menggunakan iklan Pop Up adalah situs file sharing terkenal ziddu.com Ketika anda ingin mendownload file dari ziddu, maka anda akan ditunjukkan beberapa tampilan Window baru yang berisi iklan.
Tapi Pop Up juga bisa mengganggu pengunjung anda,karena tampilan Web baru yang tidak diinginkan.
Semua terserah anda,ingin menggunakan nya atau tidak.
Pada Tutorial Blog kali ini, saya akan membahas bagaimana Cara Membuat Pop Up Window di Blog
Berikut cara membuatnya :


Login ke Blogger
Klik Rancangan → Edit HTML

Kemudian cari kode <body>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
jika sudah ketemu Copy Paste kode Script berikut dan letakkan dibawah di bawah kode <body>

<script type="text/javascript">
var popurls=new Array()
popurls[0]="http://4-jie.blogspot.com/"
popurls[1]="http://tkj-corner.com"
popurls[2]="http://www.d16pc.com/"
popurls[3]="http://twitter.com/fajrialhadi"
function openpopup(popurl){
var winpops=window.open(popurl,"","width=,height=,toolbar,location,status,
scrollbars,menubar,resizable")
}
openpopup(popurls[Math.floor(Math.random()*(popurls.length))])
</script>

Jika sudah jangan lupa di SIMPAN

Cara membuat background warna pada text postingan

Cara membuat background warna pada text postingan

Fungsi dari background warna ini adalah untk memperjelas maksud dan tujuan dari tulisan yg di beri background.Mungkin bagi para senior yg sdh mahir ngeblog tentu nya postingan akan mengingatkan kita kembali cara membuatnya.Namun admin menulis ini khusus buat para pemula,karena blog yg admin kelola memang khusus untk para newbie alias pemula

Cara Membuat Background warna pada text postingan :

<div style="background:#ffff00";> Masukkan Text </div>

Keterangan !
Ganti tulisan Masukkan Text dengan tulisan sesuai keinginan mu, lalu ganti kan kode warna Sesuai selera kamu. Contoh di atas adalah background warna kuning dengan kode #ffff00

Membuat Menu Vertical

Menu vertikal adalah menu yang berada disisi blog. Umunya menu ini menempel dan terbang mengikuti pergerakkan scrool. Mungkin sudah banyak yang membahas tentang ini, namun tidak ada salahnya untuk mencoba sesuatu yang baru. Mana tau, menu vertical kali ini lebih bagus dan lebih keren dari yang lainnya. Gag sulit kok untuk dapat membuat menu vertical didalam blog. Dengan mengikuti tutorial yang baik dan benar, pasti hasilnya juga memuaskan. Berikut langkah-langkah membuat menu vertical di blog :

  1. Login ke blogger trus pilih "Layout-->Edit HTML"
  2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . 
  3. .glossymenu, .glossymenu li ul{ list-style-type: none; margin: 0; padding: 0; width: 185px; /*WIDTH OF MAIN MENU ITEMS*/ border: 1px solid black; } .glossymenu li{ position: relative; } .glossymenu li a{ background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left; font: bold 12px Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none; } .glossymenu li ul{ position: absolute; width: 190px; left: 0; top: 0; display: none; } .glossymenu li ul li{ float: left; } .glossymenu li ul a{ width: 180px; } .glossymenu li a:visited, .glossymenu li a:active{ color: white; } .glossymenu li a:hover{ background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif'); } * html .glossymenu li { float: left; height: 1%; } * html .glossymenu li a { height: 1%; }
  4. Kemudian di save.
  5. Lalu pergi ke menu "Page Elements"
  6. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:
  7. <ul id="verticalmenu" class="glossymenu"> <li><a href="/">Home</a></li> <li><a href="http://4-jie.blogspot.com">Trik Blog</a></li> </li> </ul>


SELESAI !

Anti Klik Kanan + Kiri di Blog

Disini ada 2 Tips Yang ingin ku utarakan Kepada Sobat.
1.Anti Klik Kanan
2.Anti Klik
Okeh Langsung Aja ya :

1) Anti Klik Kanan :
1. Login Ke Blogger.com setelah itu Pilih TATA LETAK, PAGE ELEMEN, Trus Pilih Tambah Gadget > Html/Javascript , Kemudian Paste Kode di bawah ini :

<script>
var message="Sorry, Right Clik is Disable For you!!";
///////////////////////////////////
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>

Trus Simpan Deh, Oia, Teks "Sorry, Right Clik is Disable For you!!!" bisa diganti dengan selera kita masing-masing.

Cara ke 2:
Masuk ke Edit Html
Lalu Letakan Kode di bawah ini diantara Kode dan
ini Kode yang Harus Anda Copy :

<script>
<!--
//for legal,don't delete this warn.This code is created by 4-jie.blogspot.com
var message="Maaf!Lagi nggak boleh Klik Kanan ya!";
///////////////////////////////////
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>

Setelah selesai, jangan lupa disave.

Alternatif Cara Paling Mujarab !

Ini Caranya:
pertama login dulu ke blogger, terus pilih Layout --> Edit HTML
cari kode ini <body> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head> . perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body :D .
kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

Contoh peletakan kode yang benar :
<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >


Nah, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
Terus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?gini, taruh kursor/pointer ke atas tag <head> (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? :D
tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga. Sekian Trik hari ini :)

Cara Menghilangkan Langgan: Entri (Atom)

Jika Anda ingin mengikuti jejak sebagian Blogger tersebut, berikut ini Cara Menghilangkan Langgan: Entri (Atom) pada Blogspot :

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3).

Code:
<b:include data='feedLinks' name='feedLinksBody'/>

Jika sudah ketemu Hapus semua kode di atas
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya