Cara Membuat Efek Salju V.2

pada topik sebelumnya saya sudah membahas cara membuat efek salju, pada topik ini saya akan membahas memberi efek salju Versi 2 ,..
langsung aja ya Go Two Te Ka Pe /.  

Teks Mengikuti Cursor

Pada tutor ini saya akan menjelaskan cara membuat teks mengikuti cursor pada blog ,
langsung ya...!! -----?>>

1. Seperti biiasa Login Ke Dasboard
2. Masuk ke Tata Letak / Rancangan 
3. Tambah Gadget
4. Masukan Script di bawah ini

<script language="javascript">


// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='>Your Text<';//ganti message-nya
var delay=20; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=35; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=8; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#000000"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-100;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-100);
moveid(txtA[i],0,-100);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}

</script><br />
<script>var _wau = _wau || []; _wau.push(["tab", "jahdidxyqud7", "ami", "left-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script> 

  Selesai lalu Save,dan tidak ada yang perlu di hapus dari script diatas

Read More Bergambar

Stelah beberapa bulan Vakum Blogging .., akhirnya Posting juga ..
gara gara termotivasi ,temen2 saya 9A yang pada nanya atopun minta tolong cara buat blog/design blog, jadi langsung aja buat tutor" blogging , langsung aja yha To The .

Caranya gampang kok
1.Bagi temen-temen yang blognya belum pake readmore,buat readmore dulu DISINI
  nb: Yang sudah pake read more langsung langkah 2 aja ya.

2.Dihalaman Edit HTML, ganti tulisan read more ato lainya yang sobat pake buat link baca selanjutnya dengan kode berikut <img src="link gambar kamu"/> 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

 
3.Langkah terakhir dan terpenting adalah Save Template (klo kagak di save sama aja bo'ong) hehehe :D

 X . klo ada yang blom punya image ini aq pinjemin :D




http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif


http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif

Cara Mengganti Cursor Pada Blog

Pagy sobat" semua..!!
hari ini saya akan menjelaskan tentangCara Mengganti Cursor Pada Blog ..!
Langsung Ke TKp..!

1. Seperti biiasa Login Ke Dasboard
2. Masuk ke Tata Letak / Rancangan 
3. Tambah Gadget
4. Masukan Script di bawah ini 

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/firepurple.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/firepurple.gif"), auto;}
</style> 

      5.  Text berwarna Merah & Oranye ganti dengan Url cursor anda sendiri ..!!

Beberapa Web menyediakan cursor :

•  http://www.123cursors.com/cursor-category/72.html
•  http://www.totallyfreecursors.com/ 
•  http://www.cursors-4u.com/
•  Dan Masih banyak lagi...!!

       6.   Klo bisa kabari yah..!!

UpLoad Lagu pada Blog - - ☺ - -

Pagy cemua ., puasa nggak nih.,.!!
buat ngisi puasa mending ngedit blog aja ., .,!! (lebih menantang)

., Sesuai judul nya yaa..! Upload Lagu pada blog atau buat bikin rame blog biar gg sepi kayak 
kuburan (lebay.com)hehehe.,.
., okay serius mode on ..Langsung aja ya menuju TKP --☺-- 


seperti biasa 
1. Buka link di samping --->>  http://www.uploadmusic.org/
2. Click browse --> pilih file lagu yang ingin di upload --> setelah itu click Upload
3. Tunggu ampe selesai 
4. Klo udah selesai disana ada dua bagian script ., pilih salah satu trus copy script tersebut ..!

• Script yang di atas itu untuk auto play (disana juga udah ada tulisanya )
• Script yang di bawah untuk manuak play (disana juga udah ada tulisanya )

5. Sekarang LOgin ke dashboard
6. Ke Tataletak 
7. Tambah elemen
8. Paste Script yang udah di copy tadi
9. Simpan
10. lihat hasilnya  + kalau udah work Kabarin yaw.,!




Semoga Artikel Diatas Membantu ...!!

Cara Menjadikan 2 script / lebih pada satu elemen box

Allow semua ., masih semangat nggak nih Design blog nya ..?? semoga aja tetap semangat ..

pada artikel ini saya akan menjelas kan tetang Cara Menjadikan 2 script / lebih pada satu elemen box .,

langsung To the point aja ya..!!
 

1. berikan tanda <br> pada akhir script

     contoh script efek salju dan efek daun berikut --->>

<script type="text/javascript">
//<![CDATA[
/* bloggerstuars/gubhugreyot.blogspot.com */
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
(function(){
var num = 30;   //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 
var y = [];var x = [];var fall = [];var theFlakes = [];var sfs = [];var step = [];var currStep = [];
var h,w,r;var d = document;var pix = "px";var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");var idx = d.getElementsByTagName('div').length;
if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;for (i = 0; i < num; i++){sfs[i] = Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');
currStep[i] = 0;fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;}
if (domWw) r = window;else{  if (d.documentElement && 
typeof d.documentElement.clientWidth == "number" && 
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{  if (d.body && 
typeof d.body.clientWidth == "number")
r = d.body;}}
function winsize(){var oh,sy,ow,sx,rh,rw;if (domWw){
if (d.documentElement && d.defaultView && 
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;}
else{rh = r.innerHeight;rw = r.innerWidth;}
h = rh - 2;  w = rw - 2; }else{ h = r.clientHeight - 2; w = r.clientWidth - 2; }}
function scrl(yx){var y,x;if (domSy){y = r.pageYOffset;x = r.pageXOffset;}
else{y = r.scrollTop;x = r.scrollLeft;}
return (yx == 0)?y:x;}
function snow(){var dy,dx;for (i = 0; i < num; i++){dy = fall[i];dx = fall[i] * Math.cos(currStep[i]);
y[i]+=dy; x[i]+=dx; if (x[i] >= w || y[i] >= h){y[i] = -10;x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;}
theFlakes[i].top = y[i] + scrl(0) + pix;theFlakes[i].left = x[i] + scrl(1) + pix;currStep[i]+=step[i];}
setTimeout(snow,timer);}
function init(){winsize();for (i = 0; i < num; i++){theFlakes[i] = document.getElementById("flake"+(idx+i)).style;y[i] = Math.round(Math.random()*h);x[i] = Math.round(Math.random()*w);}snow();}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);} 
else if (window.attachEvent){window.attachEvent("onresize",winsize);window.attachEvent("onload",init);
} 
})();}
//]]>
</script><br>

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

2. Script yang sebelum tanda <br> adalah script efek salju dan script setelah tanda <br> adalah script
     efek daun.jadi tanda <br> adalah pemisah atau juga bisa di sebut Bersambung


3. alahasil sekarang anda bisa menyambung beberapa script dengan memberi tanda tersebut...!!


4. sekian terimakasih ., klo berhasil kabarin yee...!!

Cara Mengganti Logo Blogger

Langsung aja ya mas" mbak" nya..!

1. Login ke blogger 
2. Tata Letak / Rancangan
3. Elemen Laman --> pada pojok ada tulisan Favicon "click edit"
    Lebih Jelasnya lihat gambar

  

4. Click Browse "pilih gambar yang di inginkan "
        nb: gambar minim berukuran di bawah 1 mb 
5. Simpan dan lihat hasilnya
6. klo udah kabari saya

Cara menghilangkan gambar tangan dan obeng

Pada Artikel kali ini saya akan memberikan trick / cara untuk menghilangkan gambar tangan dan obeng waktu design blog ., berikut tutor nya ...!!

1. Login to Blogger (Login ke Blogger) » Lakukan Login ke Blogger dengan memasukkan User Name atau alamat email dan Password.
2. Lay Out (Tata Letak) »» KLIK link "Tata letak (Layout)".
3. Edit HTML »» KLIK "Edit HTML".
4. ]]></b:skin> »» Cari kode " ]]></b:skin> ", kemudian letakkan kode html di bawah ini tepat di atas ]]><b/:skin.

.quickedit{
display:none;
}

5. SAVE Template (Simpan Template) »» KLIK "Simpan Template"

Cara membuat Efek Salju pada BLog / Snow Effect

Cara membuat Snow Effects :

Cara 1
Login di Blogger --> Tata Letak / Rancangan --> Elemen Halaman --> Tambah Gadget
Masukan Script berikut

<script type="text/javascript">
//<![CDATA[
/* bloggerstuars/gubhugreyot.blogspot.com */
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
(function(){
var num = 30;   //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 
var y = [];var x = [];var fall = [];var theFlakes = [];var sfs = [];var step = [];var currStep = [];
var h,w,r;var d = document;var pix = "px";var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");var idx = d.getElementsByTagName('div').length;
if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;for (i = 0; i < num; i++){sfs[i] = Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');
currStep[i] = 0;fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;}
if (domWw) r = window;else{  if (d.documentElement && 
typeof d.documentElement.clientWidth == "number" && 
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{  if (d.body && 
typeof d.body.clientWidth == "number")
r = d.body;}}
function winsize(){var oh,sy,ow,sx,rh,rw;if (domWw){
if (d.documentElement && d.defaultView && 
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;}
else{rh = r.innerHeight;rw = r.innerWidth;}
h = rh - 2;  w = rw - 2; }else{ h = r.clientHeight - 2; w = r.clientWidth - 2; }}
function scrl(yx){var y,x;if (domSy){y = r.pageYOffset;x = r.pageXOffset;}
else{y = r.scrollTop;x = r.scrollLeft;}
return (yx == 0)?y:x;}
function snow(){var dy,dx;for (i = 0; i < num; i++){dy = fall[i];dx = fall[i] * Math.cos(currStep[i]);
y[i]+=dy; x[i]+=dx; if (x[i] >= w || y[i] >= h){y[i] = -10;x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;}
theFlakes[i].top = y[i] + scrl(0) + pix;theFlakes[i].left = x[i] + scrl(1) + pix;currStep[i]+=step[i];}
setTimeout(snow,timer);}
function init(){winsize();for (i = 0; i < num; i++){theFlakes[i] = document.getElementById("flake"+(idx+i)).style;y[i] = Math.round(Math.random()*h);x[i] = Math.round(Math.random()*w);}snow();}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);} 
else if (window.attachEvent){window.attachEvent("onresize",winsize);window.attachEvent("onload",init);
} 
})();}
//]]>
</script>

Cara 2
Login di Blogger --> Tata Letak --> Edit HTML.
Lanjutkan cari KODE </body> kemudian simpan javascript persis di atasnya.KLIK Simpan Template

<script type="text/javascript">
//<![CDATA[
/* bloggerstuars/gubhugreyot.blogspot.com */
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
(function(){
var num = 30;   //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 
var y = [];var x = [];var fall = [];var theFlakes = [];var sfs = [];var step = [];var currStep = [];
var h,w,r;var d = document;var pix = "px";var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");var idx = d.getElementsByTagName('div').length;
if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;for (i = 0; i < num; i++){sfs[i] = Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');
currStep[i] = 0;fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;}
if (domWw) r = window;else{  if (d.documentElement && 
typeof d.documentElement.clientWidth == "number" && 
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{  if (d.body && 
typeof d.body.clientWidth == "number")
r = d.body;}}
function winsize(){var oh,sy,ow,sx,rh,rw;if (domWw){
if (d.documentElement && d.defaultView && 
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;}
else{rh = r.innerHeight;rw = r.innerWidth;}
h = rh - 2;  w = rw - 2; }else{ h = r.clientHeight - 2; w = r.clientWidth - 2; }}
function scrl(yx){var y,x;if (domSy){y = r.pageYOffset;x = r.pageXOffset;}
else{y = r.scrollTop;x = r.scrollLeft;}
return (yx == 0)?y:x;}
function snow(){var dy,dx;for (i = 0; i < num; i++){dy = fall[i];dx = fall[i] * Math.cos(currStep[i]);
y[i]+=dy; x[i]+=dx; if (x[i] >= w || y[i] >= h){y[i] = -10;x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;}
theFlakes[i].top = y[i] + scrl(0) + pix;theFlakes[i].left = x[i] + scrl(1) + pix;currStep[i]+=step[i];}
setTimeout(snow,timer);}
function init(){winsize();for (i = 0; i < num; i++){theFlakes[i] = document.getElementById("flake"+(idx+i)).style;y[i] = Math.round(Math.random()*h);x[i] = Math.round(Math.random()*w);}snow();}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);} 
else if (window.attachEvent){window.attachEvent("onresize",winsize);window.attachEvent("onload",init);
} 
})();}
//]]>
</script>

Jangan Lupa kabarin klo dah bisa ^_^

Cara mempercepat loading blog

 Salam Sejahtera buat semua sahabat ., hari ini saya akan menjelaskan tetang cara mempercepat loading blog atau jga bisa disebut memperingan beban blog ., berikut penjelasanya ., monggo !! ---->>>

Compress CSS sebenarnya merupakan bentuk penataan ulang CSS dengan cara dipadatkan sehingga muatannya menjadi lebih kecil. Karena terjadi pengurangan beban blog tentu saja secara otomatis akan meningkatkan kecepatan loading yang sifatnya berbanding terbalik dengan beban blog. Meskipun compress css juga bisa kita lakukan sendiri secara manual, akan tetapi proses ini cukup menyita waktu. Apalagi bagi yang masih belum memahami secara baik tentang KODE HTML, khususnya CSS, tentunya akan membuat faktor kesalahan menjadi semakin tinggi. Bagi yang ingin compress css silahkan kunjungi  :

http://www.cssdrive.com/index.php/main/csscompressor/

Buat yang belum begitu memahami tentang KODE CSS, mungkin sedikit tip di bawah ini bisa membantu.

1. Lakukan login ke blogger.com.
2. KLIK Tata Letak.
3. KLIK Edit HTML (jangan lupa amankan template terlebih dahulu dengan cara KLIK "Download Template Lengkap" kemudian simpanlah di folder PC).
4. Cari KODE body { dan ]]></b:skin>
5. KODE yang harus di compress adalah semua KODE yang dimulai dari body } hingga KODE yang terletak di atas ]]></b:skin>
Untuk mempermudah pencarian kode gunakan Ctrl+F.

Oye... ?! Berhubung si Panjul udah lapar, dengan amat menyesal aku mohon pamit dulu. Silahkan dicoba dan lihat hasilnya. 'Ntar klo udah selesai tolong  khabarin aku !!!

 Sumber

Efek Daun berguguran pada blog

Daun Yang ini Bukan Daun Beneran Lho Bagi Blogger yang senang dengan kreasi dan ingin memasang Efek daun berjatuhan dari atas caranya sangat mudah dan simple. Hanya memerlukan coppy paste kode di bawah ini dan taruh di edit Html, selesai.Seperti biasa :
1. Log in ke Blog,
2. Klik menu Template,
3. Klik menu Edit Html,
4. Jangan lupa Centang Expand Template Widget
6. Cari kode < / head >,. Coppy kode di bawah ini dan pastekan persis dibawah kode < / head >

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

7. Lihat Pratinju--->bagaimana?--->bisa?--->

Auto Read more (baca selengkapnya)

Read more (baca selengkapnya) merupakan fitur untuk untuk memotong suatu artikel di halaman utama agar bersambung dihalaman berikutnya pada blog, sehingga tampilan blog akan tampak lebih simple, rapi  dan elegan.

Sebenarnya blogger sendiri sudah menyediakan fiturnya di form entri posting, namun harus dilakukan secara manual sehingga didalam pemotongan artikelnya tidak sama satu sama lainnya apabila kita tidak jeli dalam pemilihan bagian yang akan dipenggal dan ini akan mengurangi kerapihan di halaman blog kita.

Nah oleh karena itu untuk mengatasi hal tersebut kita memerlukan Read more otomatis agar penggalannya  dilakukan sendiri oleh sistem sehingga hasil penggalannya akan sama, seperti pada blog mapasanda.co.cc ini

untuk membuat Read More otomatis berikut langkah-langkahnya :

1. masuk ke Menu Dashboard, klik Tata Letak, klik Edit HTML.

2. Centang  checkbox Expand Widget Template.

3. Copy paste kode berikut ini sebelum atau di atas kode  </Head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]></script>

4. Cari kode <data:post.body/> dengan menekan tombol Ctrl + F untuk mempermudahnya, lalu ganti dengan kode berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

 5. Simpan

keterangan :
Fitur read more otomatis sudah jadi, untuk penjelasan script bisa dilihat di bawah ini :
summary_noimg = 250; menentukan jumlah karakter sebelum dipotong apabila postingan tanpa gambar.
summary_img = 250; menentukan jumlah karakter sebelum dipotong apabila postingan dengan gambar.
img_thumb_height = 120; menentukan tinggi gambar(dalam ukuran pixel)
img_thumb_width = 120; menentukan lebar gambar(dalam ukuran pixel)

Tulisan Read more... (yang berwarna merah) bisa anda ganti dengan tulisan apa saja seperti "baca selanjutnya"," selengkapnya...",dll.

Judul adress blog keren kayak punya saya

mau buat judul blog loe lebih keren kaya' judul blog saya tu...
cara nya gampang ko'
langsung aja :

-login dulu
-pilih tata letak letak
-pilih edit html
-beri tanda centang pada Expand Template Widget
-copy script di bawah :


<script type="text/javascript">
//<![CDATA[

var message = new Array() // leave this as is

message[0] = "Welcome to my Blogger !";
message[1] = "yOu Was EnTeREd To HacK ZonE";
message[2] = "share your idea";
message[3] = "keEp EnJoY !!";
message[4] = "Don't fOrgEt...";
message[5] = "LeaVe mE a cOoL cOmment !!";

var reps = 2

var speed = 80

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='[P====] '+T+' [====F]'}
if(s==2){document.title='[=R===] '+T+' [===O=]'}
if(s==3){document.title='[==I==] '+T+' [==X==]'}
if(s==4){document.title='[===M=] '+T+' [=S===]'}
if(s==5){document.title='[====E] '+T+' [<====]'}
if(s==6){document.title='[===M=] '+T+' [=S===]'}
if(s==7){document.title='[==I==] '+T+' [==X==]'}
if(s==8){document.title='[=R===] '+T+' [===O=]'}
if(s==9){document.title='[P====] '+T+' [====F]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>

</script>


-letak kodenya diatas <head>
-lihat hasilnya .....