Script No Klik Kanan dan CoPas

1

Bookmark and Share

Kali ini Tutorial Blogger akan memberikan trik "Anti CoPas dan Klik Kanan"

Ini script untuk "Anti CopAs", diletakkan bawah kode <head>
<script type="text/JavaScript">
//courtesy of tutorialblogger.blogspot.com
function killCopy(e) {
return false
}
function reEnable() {
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar) {
document.onmousedown=killCopy
document.onclick=reEnable
}
</script>

sedangkan untuk "Anti klik kanan"

<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Tutorial Blogger ( elevenjune90@gmail.com This e-mail address is being protected from spambots. You need JavaScript enabled to view it ) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Sorry, you can't Right Click!!!";
///////////////////////////////////
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>

NB: script untuk blogger, bisa langsung ditaruh di tambah gadget, untuk yang laen di taruh di bawah kode <head>.

Read More >>

Cara Memasang File Flash

0

Bookmark and Share
Untuk memasang flash ke dalam blog cukuplah mudah. Yang diperlukan yaitu file flash yang biasanya ber-ekstensi .swf lalu upload file tersebut ke hosting. File animasi flash tersebut bisa dijadikan hiasan pada blog atau bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :
  1. Login ke blogger kemudian pilih menu "Tata Letak".
  2. Kemudian klik link "Tambah gadget" dimana akan ditempatkan animasi flash.
  3. Pilih "HTML/Javascript" kemudian taruh script berikut : 
<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>
* Ubah "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ubah width="500" height="100" dengan ukuran dari file flash Anda.


Read More >>

Membuat Recent Post Animasi

1

Bookmark and Share
Cara membuatnya sangat mudah karena tinggal menambahkan widget seperti biasa.
  • Masuk ke menu Tata Letak
  • Klik "Tambah Widget"
  • Pilih HTML/Javascript
  • Paste kode berikut ke dalamnya :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://tutorialblogger.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Kode berwarna merah ganti dengan alamat blog kamu

Warna hijau ganti dengan jumlah posting yang ingin ditampilkan

Klik tombol Simpan lalu lihat hasilnya!

Read More >>

Membuat Auto Readmore - Thumbnail

0
Anda Login ke Akun Blogger, Pilih Template lalu Edit HTML

Jika sudah Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> .

copy paste script auto read more berikut ini:
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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> 
Tetap pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" kemudian cari kode dibawah ini
<data:post.body/> 
Jika sudah ketemu, maka ganti kode <data:post.body/> dengan semua kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Setelah selesai tekan simpan template

Keterangan tentang cara membuat auto read more : 
var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel).

Dengan keterangan di atas anda dapat merubah script fungsi auto read more sesuka hati.


Semoga bermanfaat....

Read More >>

Mengetahui Data Visitor Blog

0

Bookmark and Share
Bagi sebagian pemilik blog, ingin sekali mengetahui data-data dari para pengunjung blognya. Hal tersebut ditunjukkan dengan adanya bermacam-macam pernak-pernik yang ada di blognya, seperti misalnya "Hit Counter", "Site Track Meter", dll. Buat kamu, ada sebuah layanan masyarakat dari "Google", namanya Google Analytics. Bagi yang sering bermain di dunia maya mungkin tahu apa itu Google Analytics, berikut ini tentang Google Analytics :

Google Analytics berbeda dengan Hit Counter. Hit Counter biasanya hanya menghitung jumlah pengunjung yang datang Sedangkan Google Analytics, tidak hanya menghitung jumlah para pengunjung tapi juga data-data yang lainnya tentang pengunjung tersebut.

Daftar disini http://google.com/analytics

Setelah itu kopi kode/script tersebut, lalu login ke blogger Klik Template -->> Edit HTML. Paste kode/script yang udah di copy kedalam tag HTML yaitu sebelum tag </body> jangan lupa disimpan.

Kembali lagi ke google.com/analytics, kamu harus mengklik Check Status dulu. Kalo udah berhasil maka akan ada tandanya, kalo belum ya dicoba lagi.

Datanya baru akan muncul satu hari kemudian, jadi ini bukan seperti hit counter yang datanya akan langsung berubah tiap detik tapi data-data google.com/analytics ini akan muncul tiap ganti hari.

Read More >>
 
Tutorial Blogger Design by Trick and Tips Powered by Blogger