Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung
ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan
pengunjung mengcopy seluruh isi text.

[ Langsung aja kita ke TKP ] 




Untuk Membuat Text Area dibutuhkan script seperti di bawah ini : 
===============================================================

<p align="center"><textarea name="code" rows="3" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

===============================================================

Hasilnya:

Keterangan : 

rows"=3 adalah tinggi dari text area.

cols="15" adalah lebar dari text area.


Untuk Membuat Text Area Highlight dibutuhkan script seperti di bawah ini :

===============================================================
 <div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>
=============================================================== 

 Hasilnya :

Keterangan : 

center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right. 

 ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini. 

Value="Highlight All" kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan. 

ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

"WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan.

HEIGHT: 80px "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan.

Klik Menu Rancangan / Design 

 2. Klik Menu Edit Html

 3. Beri Centang Pada Bagian Expand Template Widget

Silakan cari kode </head> (Pencet CTRL+F)

Jika kode tersebut sudah ditemukan silakan pasang script anti block / script anti copy paste berikut di atasnya

1 2 3 4 5 6 7 8 9 10 11 12 13

<script language='JavaScript1.2'> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false") if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script>

Jika sudah oke silakan simpan pengaturan template kamu.

Itu lah tutorial pasang script anti block di blogger, pemasangan script ini hanya usaha kita agar isi / tulisan yang ada di blog kita tidak bisa di block / copy, walaupun sebenarnya isi / tulisan tersebut masih bisa di copy dengan cara tertentu.

Setelah dulu saya share Pasang Energy Saving/Power Save Mode di Blog sekarang saya akan share Energy Saving Mode Dengan Gambar

Langsung aja deh, buat pasang energy saving mode dengan gambar, sobat blogger bisa ngikutin langkah-langkah dibawah ini . . .

Langkah pertama

1. Login Ke Blogger.com
2. Pilih Menu "Design"
3. Klik "Edit HTML"
4. Cari Kode </head> (biar gampang, pake ctrl+f)
5. Copy/Paste kode dibawah ini tepat di atas kode </head>

<!-- blogcunayz -->
<script language='javascript' src='http://agungxzeg.googlecode.com/files/agungxzegscreensaver11.js' type='text/javascript'></script>
<!-- blogcunayz -->

Langkah kedua

1. Masuk ke menu "Page Elements"
2. Klik "Add a Gadget"
3. Pilih "HTML/JavaScript"
4. Masukkan kode di bawah ini

<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(url gambar sobat blogger) no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}
</style>

 dan lihat hasilnya...

Sumber: ardhidecheterz

editor : Pandu

• login ke blogger anda.
• pilih Rancangan »» Edit HTML , Jangan lupa untuk beckup template terlebih dahulu.
• Centang Expand Template Widget. 
• Tempatkan kode berikut diatas kode ]]></b:skin>

.galeryzoneberputar img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.galeryzoneberputar img:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}

• terakhir klik SIMPAN/SAVE

Kemudian dalam penulisan kode gambarnya seperti ini dan harus pada mode ''Edit HTML'' bukan pada mode Compose

<div class="galeryzoneberputar"><img src="http://link-gambar-kamu.jpg" /></div>

Jika ingin mengatur ukuran gambarnya sebelum pointer mouse melintas diatasnya (gambar default tampilan) tinggal menambahkan kode height="nilai-tinggi" weight="nilai-lebar" Dan nantinya akan menjadi seperti 
berikut  

<div class="galeryzoneberputar"><img src="http://link-gambar-kamu.jpg" height="nilai-tinggi" width="nilai-lebar" /></a></div>

Demikian Cara Membuat Gambar Berputar Dipostingan Blog, mudah bukan?
Semoga bermanfaat. 


editor: Pandu

Nah, mungkin bagi anda yang penasaran dengan trick satu ini silahkan di cobain sob.... Effek Bubble Kursor adalah bila kita menggerakkan mouse pada halaman blog kita maka akan keluar dari Kursor beberapa gelembung, yang tadinya kecil hingga membesar. Dan makin sering kita menggerakan Kursor makin banyak gelembungan (bubble) yang berterbangan di halaman blog kita.

OK. Kalau sobat berminat dan ingin memasangnya di blog masing-masing silahkan ikuti langkah-langkah berikut.

   1. Seperti biasa LogIn ke Blogger sobat
   2. Pada halaman Dasbor klik Rancangan
   3. Pada Halaman Elemen Laman klik Tambah Gadget / add a gadget.

   4. Pilih yang HTML/Javascript.

   4. Copy dan Paste Kode Bubble Gelembung Cursor Efeck di bawah ini di kotak HTML/Javascript.

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen

/****************************
* JavaScript Bubble Cursor *
* (c) 2010 mf2fm web-design *
* http://amminessalafy.blogspot.com *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

NB !!
Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat, untuk bantuan kode warna silahkan klik disini.
Kode yang berwarna kuning adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan

     5.  Setelah semua langkah langkah selesai. Klik tombol SIMPAN, dan lihat hasilnya.

Selamat mencoba mudah-mudahan berhasil dan dapat bermanfaat, Amiin....

Bravo para penggemar blogger, khususnya blogger indonesia. XD....


Credit By : Cah Dabloeng
editor : Pandu