Emo-7

Cara Melindungi Blog Dari Copy Paste

2010-08-25T23:56:00.000-07:00

Bagi sobat Blogger yang ingin melindungi blognya dari copy paste
caranya seperti berikut :

Login ke Blogger hingga masuk ke Dasbor
Klik tab Rancangan (yang dulunya Tata Letak)
Klik tab Edit HTML
Beri tanda centang pada kotak kecil Expand Template Widget

Kemudian cari kode berikut <head>

paste kode script di bawah ini, tepat di bawah kode tersebut

<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>

Coba pada halaman tertentu blog anda maka saat anda mencoba mengeblok pada artikel tertentu maka, anda tidak dapat mengeblok

Simpan selesai dan lihat hasilnya

Cara Membuat Artikel Berhubungan Dengan efek Scroll

2010-08-24T23:41:00.000-07:00

Halo sobat, emo-7 blog kali ini saya akan menjelaskan bagaimana cara memasang artikel yang berhubungan / Related Post Dengan Fungsi Scroll
Berikut langkah-langkahnya :

Tentu saja harus Login ke Blogger
Klik Tata Letak
Klik tab 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 ,
lihat gambar di bawah :

Tunggu beberapa saat ketika proses sedang berlangsung

Kemudian cari kode <data:post.body/>

untuk mempermudah pencarian tekan Ctrl + F atau (F3) keboard sobat
Jika sudah ketemu silahkan Copy kode berikut dan letakkan dibawahnya
Kalau ada dua kode pilih yang pertama

<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2> Artikel Yang Berhubungan </H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Untuk menambahkan efeknya cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

.rbbox{border: 1px solid #87CEEB; padding: 5px; background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #ffffff; border: 1px solid #ff6100;}

Lihat Hasilnya...

Membuat Shoutmix autohide

2010-08-24T23:12:00.000-07:00

Shoutmix yang satu ini sama dengan shoutbox lainnya, hanya tempatnya yang berbeda. Dimana shoutbox itu ??? yah sesuai judulnya, shoutboxnya tersembunyi. Ini juga cara menghemat tempat diblogmu jika blogmu sangat padat. caranya mudah kok

ikuti langkah membuatnya ya sob. beginilah tahap-tahapnya:

1. Login ke Blog kamu
2. Klik menu Layout / Tata Letak
3. Klik Page Element
4. Klik add Gadget
5. Tambah element HTML/JavaScript
6. Copy Paste Script berikut.

<style type=&quote;text/css&quote;>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type=&quote;text/javascript&quote;>
function showHideGB(){
var gb = document.getElementById(&quote;gb&quote;);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(&quote;gb&quote;);
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + &quote;px&quote;;
if(x0!=xf){setTimeout(&quote;moveGB(&quote;+x+&quote;, &quote;+xf+&quote;)&quote;, 10);}
}
</script>

<div id=&quote;gb&quote;>

<div class=&quote;gbtab&quote; onclick=&quote;showHideGB()&quote;> </div>

<div class=&quote;gbcontent&quote;>



<div style=&quote;text-align:right&quote;>
<a href=&quote;javascript:showHideGB()&quote;>
[tutup]
</a>
</div>

</div>

</div>

<script type=&quote;text/javascript&quote;>
var gb = document.getElementById(&quote;gb&quote;);
gb.style.right = (30-gb.offsetWidth).toString() + &quote;px&quote;;
</script>

7. Ganti kode berwarna merah dengan Script shoutmix kamu.
8. Ganti juga ukuran yang berwarna biru untuk atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
9.Jangan lupa Save.

silahkan di coba dan lihat hasilnya.

Membuat Visitor Counter di Blogger

2010-08-24T23:04:00.000-07:00

Membuat penghitung pengunjung merupakan hal biasa yang di tampilkan di banyak website, dan sebenarnya caranya sangatlah mudah karena banyak layanan gratisan yang menyediakan fasilitas itu.
Apa itu Web Counter atau automatic visitor counter?
Web counter adalah Aplikasi tambahan pada web atau blog yang berfungsi sebagai penghitung pengunjung yang mengunjungi blog kita. cara kerja counter ini bermacam-macam, mulai dari menghitung page View sampai unique Visitor.
Nah jika kamu sudah tau maksud saya dan berminat untuk membuatnya di blog atau

Website kamu silahkan ikuti langkah-langkah dibawah ini:
Buka website www.wowcounters.net
Kemudian Klik Link ** Click Here to Sign Up for your Free Counter ** yang ada di Website tersebut
Kemudian Isi Form sesuai data diri anda dan pilih sebuah Style kemudian Sign Up
Kemudian Copy Code HTMLnya Dan taruh di Blog kamu, dengan cara ke menu Layout --> Page elements kemudian Add a page elements terus pilih HTML/Java Script
Cukup mudah bukan? jika anda ingin mencoba menggunakan web lainya karena www.wowcounters.net dirasa kurang menarik dalam hal grafis tampilan penghitung otomatis, silahkan kunjungi beberapa alamat web dibawah ini:

Situs yang menyediakan Counter dan Statistik Blog:
http://www.easycounter.com/
http://sitemeter.com/
http://blogaja.com/
http://hitstats.com/
http://oggix.com/

Met Mencoba,,

Membuat Iklan Melayang

2010-06-27T05:30:00.000-07:00

Inilah solusi untuk memasang iklan yang tidak memakan tempat, Sebab iklan2 yang kita pasang biasanya memakan banyak ruang. Dengan Trik ini sobat dapat menghemat ruang, karena HTML / JAVASCRIPT dapat membuat Iklan Auto Hide. Kalau masing bingung langsung ke TKP aja:

1. Login Ke Blogger.com dengan Akun anda
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Dan Copy kode di bawah ini kedalamnya yah

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Tutup][Klik 2x]:.
</a>
</div>
<center>

<script src="http://kumpulblogger.com/scahor.php?b=117429" type="text/javascript"></script>

<script src="http://adsensecamp.com/show/?id=IteJpLyvx8A%3D&cid=1mKE6FR8OXo%3D&chan=u1sjeXPaD5c%3D&type=1&title=3D81EE&text=000000&background=FFFFFF&border=000000&url=2BA94F" type="text/javascript">
</script>

<span style="font-weight:bold;"></span>
<script src="http://www.trafficrevenue.net/loadad.js?username=yordan"></script>
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Catatan : Kode yang berwana merah ganti dengan Kode HTML iklan Anda.