Cara Melindungi Blog Dari Copy Paste
Rabu, 25 Agustus 2010
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
Selasa, 24 Agustus 2010
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
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...
READ MORE - Cara Membuat Artikel Berhubungan Dengan efek 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
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
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;>
<!-- Ganti ini dengan kode buku tamu kamu -->
<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
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,,
