Cara Membuat Widget Melayang Di Sudut Kanan Atas Blog

Cara membuat widget melayang di sudut kanan atas blog adalah sebagai berikut :

1. Login ke blogger
2. Pilih Tata Letak
3. Tambah Gadget HTML/Javascript

Paste kan code berikut :

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:0px solid #000000; background:#eeeeee; 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()"> .:[Close][Klik 2x]:. </a> </div> <center>Masukkan kode HTML widget widget iklan, widget facebook like, widget follow twitter, bahkan widget iklan</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

Ket :

Untuk memodifikasi kamu dapat mengubahnya dari left menjadi right , Bila kamu mau mengubah warna border  ubahlah solid #000000   dan untuk mengubah warna  background yang biru background:#eeeeee Bila sudah Selesai, Simpan.

Read More

Cara Menyembunyikan Buku Tamu Di Samping Kanan Blog

Cara membuat buku tamu tersembunyi di samping kanan blog adalah sebagai berikut :

1. Login ke blogger
2. Pilih Tata Letak
3. Tambah Gadget HTML/Javascript

Paste kan code berikut :

<br />
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfybsgyoEKoQSEATjUaITlEB1fUZbRAwG_UE7eFhyphenhyphen8uySK7hzdXZvPmskYRZvPypC0JnngERjPTztEaiJY3VPuD0sFf0dx6f9fOAhamtD_sxO_zCDGY_0ZhqdpJbRM7fjdyvKLCky9usoZ/s1600/chatbox.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style><br />
<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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script><br />
<div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><br />
                                KODE BUKU TAMU ANDA DITARUH DISINI<br />
<br />
<br/><br />
<a href="http://monsterkids99.blogspot.com">.<br />
</a><br />
<div style="text-align:right"><a href="javascript:showHideGB()"><br />
[close]<br />
</a><br />
</div></div></div><script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script><br />

Kemudian SIMPAN Selesai.

Read More

Cara Membuat Iklan Melayang Di Blog

Untuk membuat iklan melayang di blog 
berikut caranya : 

1. Login Ke Blogger 
2. Rancangan/Design 
3. Tambah Gadget/ Add a gadget 
4. HTML/Javascript 

Kemudian Paste Kode Ini : 

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


.gbcontent{ 
float:right; 
border:2px solid #000000; 
background:"bgcolor:transparent;"; 
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()"> 
.:[Close][Klik 2x]:. 
</a> 
</div> 
<center> 

TAMBAHKAN KODE IKLAN SOBAT BLOGGER DISINI !!!! 

</center> 

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

Ket : TAMBAHKAN KODE IKLAN SOBAT BLOGGER DISINI !!!! Ganti dengan kode iklan sobat. 

Selamat Mencoba.

Read More

Cara Memasang Iklan Adsense Di Tengah Postingan Blog

Berikut adalah Cara Memasang Iklan Adsense Di Tengah Postingan Blog, 
Caranya : 

Masuk ke Blogger 
Pilih Rancangan - Edit Html - centang"expand widget template" 
Kemudian cari kode <data:post.body/> 
Kalau sudah ketemu hapus kodenya trus ganti dengan kode berikut : 

<div expr:id='"aim1" + data:post.id'></div> 
<div style="clear:both; margin:10px 0"> 

<!-- CODE ADSENSE DISINI --> 

</div> 
<div expr:id='"aim2" + data:post.id'> 
<data:post.body/> 
</div> 
<script type="text/javascript"> 
var obj0=document.getElementById("aim1<data:post.id/>"); 
var obj1=document.getElementById("aim2<data:post.id/>"); 
var s=obj1.innerHTML; 
var r=s.search(/x3C!-- adsense --x3E/igm); 
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} 
</script> 

Ganti kode yang berwarna biru dengan KODE IKLAN ADSENSE anda. 
Kemudian save Template. 

Perhatian : [+] Disetiap anda posting letakkan kode dimanapun anda ingin meletakkannya iklannya. 

Semoga bermanfaat. 

Read More

Cara Pasang Iklan Di Samping Postingan Blog

Cara pasang iklan di samping postingan blog adalah Trik yang banyak diharapkan oleh para blogger-blogger kelas dunia dalam memaksimalkan adsense bagi Anda yang menginginkan iklan adsense atau ppc terpasang di dalam posting tepatnya di samping kiri atau kanan, berikut triknya: 

1. Login ke Blogger » Klik Rancangan » Pilih Edit HTML » centang Expend Widget 

2. Silakan cari kode 

<data:post.body/> 

3. Setelah ketemu pastekan kode berikut sebelum kode tadi <data:post.body/> 

Ini Kodenya : 

<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'> 

<--Simpan Kode Iklan Disini--></div> 

4. Sehingga hasilnya menjadi seperti ini : 

<div class='post-body entry-content'> 

<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'> 

<--Simpan Kode Iklan Disini--></div> 

<data:post.body/> 

Cara Untuk Menapilkan Iklan Di Pinggir Posting. 

1. Copy dulu kode iklan yang Anda dapatkan, kemudian Parse dengan Tool ini Parse HTML 

2. Setelah kode iklan di parse, hapus kode merah <--Simpan Kode Iklan Disini--> 

kemudian ganti dengan kode iklan Anda yang telah di Parse. 

Terakhir simpan template dan lihat hasilnya. 

Keterangan ! 

- Kode warna hijau adalah ukuran dari untuk banner Anda 

- Kode float: left; artinya iklan dimulai dari disamping kiri postingan blog, sedangkan bila di ubah jadi right artinya iklan dimulai dari samping kanan artikel. 

Selamat Mencoba Salam Blogger. 

Read More

Cara Memproteksi Blog Dari Copy Paste

Memproteksi Isi Web Blok Dari Copy Paste sering disebut dengan kata lain yaitu Menonaktifkan Klik Kanan. Untuk melindungi artikel dari copy-paste, maksudnya agar tidak sembarangan di copy dan di paste atau menonaktifkan klik kanan, sehingga text tidak bisa di seleksi untuk di copy. Langsung saja ikuti cara berikut ini :

1. Login dulu ke blogger, terus pilih Layout --> Edit HTML 
2. 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.

Kalau sudah ketemu letakkkan script ini didalamnya:

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

Untuk contohnya lihat ini:

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Ingat :  Kalo pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox ogix. tidak bisa diisi. Jadi kalo memang tidak benar-benar diperlukan, jangan menggunakan trik ini. Terimakasih semoga bermanfaat.

Read More

Cara Menampilkan Hanya Judul Halaman Posting Saja Di Blog

Berikut ini adalah cara menampilkan hanya judul halaman posting saja tanpa menyertakan isi dari halaman tersebut.

oke langsung saja:

• Masuk ke blog sobat.
• Klik tata letak.
• Pilih edit HTML.
• Beri tanda pada Expand Template Widget
• Cari Kode seperti di bawah ini.

<b:include data='pos' name='post/>

• Hapus dan ganti kode di atas dengan kode di bawah ini: 

<b:if cond='data:blog.homepageUrl != data:blog.url'> 
<b:if cond='data:blog.pageType != "item"'> 
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/> 
<b:else/> 
<b:include data='post' name='post'/> 
</b:if> 
<b:else/> 
<b:include data='post' name='post'/>
</b:if>

• Klik simpan.
• Lihat hasilnya.

Semoga bermanfaat.

Read More

Cara Melihat Orang Yang Suka Copy Paste Artikel Kita

Berikut ini adalah cara untuk mengetahui siapa yang mengcopy artikel di blog kita atau kita akan tahu blog mana saja yang mengcopy artikel kita diblog mereka. Atau barangkali, malah kita yang suka Copas? Hahaha. Emang sih, sesekali saya juga pernah copas dari artikel lain. Tapi alangkah baiknya kalo kita menyertakan asal atau sumber dari artikel hasil 'copasan' kita. 

Logo Copyscape

Silakan klik di sini Copyscape untuk mengetahui siapa yang copas artikel di blog kita. Kalau sudah dibuka masukkan alamat URL blog kita. Atau agar lebih specific masukkan alamat URL salah satu postingan yang ingin di cek. setelah itu klik GO Setelah itu tunggulah hasilnya, Apabila sudah tau siapa yang meng-copy, jangan buru-buru marah dulu! Beritahukan secara baik-baik dan sopan lewat shoutbox dari blog itu atau komentar di blog itu. InsyaAllah, pemilik dari blog itu akan menyertakan sumber dari artikel itu. Akan tetapi, kalo gak disertakan, ya udah. Diamin aja. Memang seharusnya ilmu itu dibagi-bagi, jangan dipendam sendiri. Jangan terlalu sombong dengan ilmu yang kita miliki. OK mat mencoba hehehehehe....

Read More

Cara Membuat Banner Berjalan Di Blog

Untuk membuat banner seperti yang diatas ? (ini sebagai contoh).

Berikut caranya :

Ini codenya enak aja ya main copy paste aja lagi, silahkan copy paste ini :

<marquee behavior="scroll" bg="" direction="right" height="60" scrollamount="3" scrolldelay="10" width="530"><a href="https://nilawatisite.blogspot.co.id/"><img alt="The Nilawati Site" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Rk97e_CD9c7rTmtSlYMvQ9pXih59ZBIM94E2f6cbyZJS0X0L_35v-hMulrP1Tu6AhyPE5SNGW12tJvnE7RUmYp8tHmWhyPrZqnFcbmL_ClnP4dXfTQemK0SbRQTozWwG-wB6psWdik4x/s1600/banner+web+blog+nilla+.png" width="250" /></a></marquee>

• warna merah ganti dengan Url yang dituju
• warna hijau ganti dengan Gambar url sobat.
• warna cokelat ganti kearah mana kesukaan anda

Salinlah Kode diatas dan ganti dengan banner punya kamu.

Ket :
Untuk mengatur arah banner, tulisan right bisa diganti menjadi left untuk arah kiri, dan up arah atas, terserah kalian mau yang mana.

Selamat Mencoba semoga berhasil....

 

Read More