Cara Buat Text Area pada postingan Blog

Text area adalah sebuah trick untuk membuat sebuah text dalam area tertentu, sehingga beberapa text dalam postingan blogger dalam area tertentu yang berbeda dengan yang lainnya,




                                    Sebagai contoh

Ini contoh lo mas,bang,dek,pak,om,tante,wkwkwkwk

Nah di atas adalah contoh text area,jika sobat bloger ingin mencoba nya maka kita bahas cara pembutan nya
- Pertama tama kalian login seperti biasa
- New post ( sepertui biasa mau nulis artikel )
- Buat kata kata seperti biasa dan bila kalian sudah mulai mau masukan text area 
- Copy dan paste code di bawah ini 

<textarea rows="10" cols="20" name="Famous Quotes"readonly="readonly">Masukan Text yang akan dimasukan kedalam text area disini sehingga akan menjadi seperti tampilan diatas</textarea>

- Catatan{ saat paste code masuk ke mode "HTML"}
- ganti tulisan " Masukan text  bla bla" sesuai keinginan kalian
- setelah selesai post tulisan/artikel
- dan lihat hasil nya

Itulah tips membuat text area,semoga membantu

Posted by Unknown on 10:10 PM

Cara Buat Bintang Jatuh di Blog

Cara Buat Bintang Jatuh Untuk menambah kesan menarik pada suatu blog biasa nya ada berbagai macam cara di lakukan seperti gambar bergerak,menambah musik,dan juga lain2 namun kali ini saya akan membagikan cara buat "bintang jatuh" saat kita arahkan kursor pada bagian blog.



pertama tama Ialah
-Login ke blog sobat 
-lalu ke menu design / layout
-Add gadget pilih HTML/Java script
- Copy code di bawah ini 

<script type='text/javascript'> 
// <![CDATA[ 
var colour="#52D8ED"; 
var sparkles=100; 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 
document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 
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; 
} 
} 
window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script>

- kemudian Klik Save dan lihat hasil nya

( catatan code berwarna merah "#52D8ED";  adalah code warna bintang nya jadi bisa sobat ganti dengan keingian kalian)

Posted by Unknown on 9:13 PM

Cara Mengoptimalkan Seo Image (Gambar) saat posting di blog

Blog Image terkadang tanpa kita sadari dalam mem posting / meng upload image atau gambar ke blog tanpa kita ketahui  bahwa size atau kapasitas gambar bisa berakibat fatal pada blog salah satu nya adalah mengurangi kinerja blog terutama di loading blog atau menjadi sedikit lelet/lemot.

Nah oleh karna itu sebaik nya perhatikan dulu sebelum meng upload image ( gambar ) ke blog apakah sudah maksimal,agar menjadi seo image,nah langkah apa saja sih yang harus di perhatikan sebelum meng upload gambar,salah satu nya iyalah size /ukuran dan yang kedua adalah alt text pada gambar tersebut,lantas apa saja langkah2 yang harus di perhatikan.

Pertama yang mesti di perhatikan ialah size image minimal 100kb dan kalau bisa di bawah nya atau katalah lah 50kb lebih baik,untuk dapat meng optimal kan image tsb kita bisa mengunakan Image Optimizer

-Menggunakan Image optimizer 

 Berikut langkah penggunaan nya : 

kunjungi : Image Optimizer

1. Klik Choose file
2. Klik Show all results
3. Klik optimize
4. Tunggu proses hingga selesai

5.nah di atas adalah salah satu contoh image hasil optimizer silahkan pilih ukuran sesuai kebutuh dan keinginan untuk selanjut nya di post pada artikel blog

- Dimensi Gambar

Ukuran file juga menyangkut dimensi, yakni lebar dan panjang gambar. Ukuran lebar-panjang gambar sebaiknya maksimal ukuran area postingan, biasanya maksimal 600 hingga 700 pixel.

nah kalau urusan satu ni bisa menggunakan  Microsoft Office Picture Manager.

- Memberi Title text / Alt Text pada  image

nah yang satu ini yang sering luput dari pandangan para bloger terutama pemula,padahal ini juga termasuk bagian vital pada postingan image blog,

Setidak nya isi title text/alt image sesuai dengan isi dan maksud dari postingan artikel atau keterangan dari image tersebut.

nah bagaimana menurut sobat bloger,apakah kita sudah memperhatikan beberapa langkah seperti di atas sebelum meng upload image ke postingan blog,jika belum mari kita perbaiki agar blog kita lebih "optimal,fast loading dan SEO Friendly" pastinya

"Itulah sedikit tips tentang cara "mengoptimalkan seo image" semoga sedikit membantu "

Posted by Unknown on 1:08 AM

Cara Pasang Iklan Adsense di Awal & di Tengah Postingan blog

Salah satu cara meningkatkan penghasilan di Google Adsense adalah penempatan unit iklan di tempat yang baik. Dan posisi terbaik kadang kala berada di dalam postingan. Baik itu di bawah judul, di tengah postingan atau di akhir postingan.

Posisi terbaik untuk memasang iklan Adsense tidak selamanya berada di dalam postingan. Pada dasarnya, posisi itu erat kaitannya dengan template yang digunakan. Ada template yang bagusnya menempatkan kanan atas dan sidebar kiri.

Berikut ini adalah acara pasang iklan adsense di awal dan tengah postingan.

Cara Pasang Iklan Adsense di Awal Posting Blog

1. Template > Edit HTML
2. Cari (Ctrl+F) kode ini:
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

3. Di atas kode tersebut, copas kode di bawah ini.
Jika ada dua kode seperti itu, tempatkan di atas kode yang kedua.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div style=&quot;clear:left;float:left;margin-top:2em;margin-bottom: 1em; margin-right: 1.5em;&quot;&gt;

Kode Iklan Adsense di Sini 

&lt;/div&gt;
</b:if>

Hasilnya seperti gambar di bawah ini:

Setelah kode berhasil dipasang, masukkan kode adsense Anda di bagian "Kode Iklan Adsense di Sini", namun sebelumnya harus di-PARSE dulu. (Parse kode Adsense diHTML Parser).

Cara Pasang Iklan di Tengah Postingan Blog

1. Template > Edit HTML
2. Cari kode <data:post.body/> atau <p><data:post.body/></p>
3. Ganti kode tersebut (yang KEDUA atau KETIGA) dengan:

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<!-- Kode Iklan Anda di Sini -->
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Nah Itulah sedikit tips/cara pasang iklan adsense di awal dan tengah postingan blog,semoga Membantu

Posted by Unknown on 12:45 AM