Iklan

Penataan ulang

Sedang dalam penataan ulang. Silahkan nikmati dan bila ada yang kurang berkenan mohon maaf!

Cara Menggunakan Link

Link pada dasarnya merupakan sebuah alamat pada suatu dokumen HTML. Dalam sebuah web atau blog sebuah link dapat dengan cepat dikenali dengan perubahan yang terjadi pada bentuk cursor, warna/ukran teks, perubahan gambar dan banyak bentuk yang lain bergantung kepada pemilik blog dalam menggunakan "KODE" di templatenya. Melalui perintah dalam bentuk KODE tertentu, maka sebuah link akan membuat perpindahan dari satu bagian ke bagian yang lain, baik dalam web itu sendiri ataupun perpindahan ke window yang baru. Berdasarkan fungsinya, link dibedakan menjadi 3 jenis link:

1. Link Relatif.
2. Link Absolut, dan
3. Link dalam dokumen yang sama.

Kode sebuah link :

<a href="Alamat">Nama Alamat</a>

1. Link untuk perpindahan ke web baru :

Contoh :

Untuk membuat blog baru, silahkan kunjungi blogger.com,

Bentuk linknya :

Untuk membuat blog baru silahkan kunjungi <a href="http://www.blogger.com">blogger.com</a>

D E M O :

KLIK di sini untuk membuat blog baru

2. Link untuk window baru (IE) atau tab baru (Opera dan Mozzila).

Apabila kita menggunakan KODE seperti di bawah ini, maka ketika sebuah link di KLIK, maka web yang tertulis dalam link akan di buka di window baru (di IE) atau tab baru (di Mozzila dan Opera).


Untuk membuat blog baru silahkan kunjungi <a href="www.blogger.com" target="_blank" >blogger.com</a>

D E M O :

KLIK di sini untuk membuat blog baru

3. Link untuk perpindahan ke bagian yang lain dalam dokumen yang sama (dalam satu halaman blog).

Dengan menggunakan fungsi link, maka perpindahan dari satu bagian ke bagian yang lain dalam satu dokumen dapat dilakukan dengan sangat cepat tanpa harus melakukan scrolling. Fungsi ini biasanya dimanfaatkan untuk perpindahan secara cepat ke bagian atas blog (TOP), ke paragraf lain, artikel(posting) lain, atau ke bab lain.

KODE yang digunakan :


a. Ke bagian atas blog.

< href="#top">- Kembali ke Atas/TOP -</a>

b. Ke judul artikel, paragraf atau bab lain.

Cara membuat link :

Tambahkan KODE seperti di bawah pada setiap judul, paragraf atau bab dalam sebuah posting.

Untuk Judul, paragraf atau bab:

<a name="Judul/paragraf/bab">Teks lengkap Judul/paragraf/bab</a/a>

Link yang harus dibuat :

<a href="Judul/paragraf/bab">- ke Judul/paragraf/bab -</a/a>

Contoh :

1. Bab 5 adalah Pemanfaatan Link Untuk Perpindahan Bagian Posting

Tulis bab 5 sebagai :

<a name="bab5">ke Bab 5: Pemanfaatan Link Untuk Perpindahan Paragraf/bab Posting</a>

Tulis Link untuk ke bab 5 seperti ini :

<a href="#bab5">KLIK di sini untuk kembali ke Bab 5 : Pemanfaatan Link Untuk Perpindahan Paragraf/bab Posting</a>

D E M O :

KLIK di sini untuk kembali ke bagian : Link untuk perpindahan ke web baru

2. Kembali ke Judul Posting:

<a name="judul">Link pada dasarnya</a>

"Teks Link pada dasarnya" di gunakan untuk link karena tempatnya paling dekat dengan judul posting. Coba lihat teks di bawah judul yang berwarna kuning!!!

Untuk kembali ke judul, KODE yang digunakan adalah :

<a href="judul">Kembali ke Judul Posting</a>

D E M O :

KLIK Kembali ke Judul Posting di bawah ini untuk kembali ke Bagian teratas posting:

Kembali ke Judul Posting

Bouncescroll Text

Bouncescroll text berfungsi untuk menampilkan animasi teks yang bergerak seperti gelombang sinusoidal dengan kecepatan gerak bounce serta tinggi gelombang sinus (distance) serta kecepatan scroll yang dapat diatur. Dengan perubahan pada variable distance semakin besar, maka bentuk gelombang yang diciptakan akan semakin besar. Demikian juga, penambahan nilai variabel scrollspeed dan bouncespeed akan membuat gerak teks semakin bertambah cepat.


Cara membuat Bouncescroll Text :

Copypaste bouncescroll.js di bawah ini dan upload di file/javascript hosting:



<script type="text/javascript">
var JQw=text; var ceX=textfont; var mpG=parseInt(textsize); var b_G=textcolor; var BQU; if(textstyle=="normal"){BQU="";} else if(textstyle=="bold"){BQU="font-weight:bold;";} else if(textstyle=="italic"){BQU="font-style:italic;";} else if(textstyle=="bolditalic"){BQU="font-weight:bold;font-style:italic;";} var fBC=regkey; var LaT=reglink; var uLi=regtarget; var xTM=parseInt(distance); var _lw=parseInt(scrollspeed); var pv1=parseInt(bouncespeed); var daj=0; var HYY=parseInt(posy); var kvz; var iIa; if(author!="")alert("Please don't remove\r\nvar author=\"\";"); var O_n; var jEn; var l_K; var e0l; var R1R; var Nyb; var ofk; var Ely; var kC_; var V0T; var IFT; var h6V=1350; var ERu=h6V+8; var hMO=1; var tPW=0; var aT5=0; var EGE=(document.layers)?1:0; var Imu=(document.all)?1:0; var S6L=(document.getElementById&&!document.all); var Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; var fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; var KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; var Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; var Vfv='k66b'; var kWn=Vfv.split(''); var FHo='c5-a'; var qCk=FHo.split(''); var yjB=':/'+'/'; var T2X='r-crrc'; var edz=T2X.split(''); var a7n=tPW; var r72='eeesf23hh3r62sray'; var Eas=r72.split(''); var s3E='r5-b6'; var ba_=s3E.split(''); var Aow='v7'; var HSF='9fg7hjklz6xc.v8bn1m0'; var kmn=Aow.split(''); var erY='q2se4rtyu3i5opa-wd'+HSF; var bp_=erY.split(''); var aex=''; var fpe='ible'; var _hH='abcdefghijklmnopqrstuvwxyz'; var Dug='ank'; var vti=fBC.length; var qAq='0123456789-.'; var jab=fBC.split(''); var yHW='den'; var vR3=qAq+_hH; var Rr5=vR3.split(''); var kog='hid'; var uzQ='bl'; var xJQ='vis'; var JZu=''; var nKM=location.host; var T0d=nKM.toLowerCase(); var BV8=T0d.split(''); var Ecm='ow'; var VB6='e'; var x4_='sh'; for(aT5=0;aT5<5;aT5++) aex+=bp_[vR3.indexOf(ba_[aT5])]; IFT='S'+aex; aex='';for(aT5=0;aT5<17;aT5++) aex+=bp_[vR3.indexOf(Eas[aT5])]; Nyb=aex;kC_='_'+uzQ+Dug; aex=' ';for(aT5=0;aT5<2;aT5++) aex+=bp_[vR3.indexOf(kmn[aT5])]; IFT+=aex; aex=' D'; for(aT5=0;aT5<4;aT5++) aex+=bp_[vR3.indexOf(qCk[aT5])]; IFT+=aex; aex=' S'; for(aT5=0;aT5<6;aT5++) aex+=bp_[vR3.indexOf(edz[aT5])]; IFT+=aex; aex='';for(aT5=0;aT5<4;aT5++) aex+=bp_[vR3.indexOf(kWn[aT5])]; ofk=aex;aex=''; for(aT5=2;aT5<vti-2;aT5++) aex+=bp_[vR3.indexOf(jab[aT5])]; if(BV8.length>4) if(BV8[0]!='w'&&BV8[3]!='.'&&BV8[2]!='w'&&BV8[1]!='w') JZu='www.'+nKM; else JZu=nKM; Ely=ofk+yjB+Nyb; O_n=x4_+Ecm; jEn=kog+yHW; if(JZu==aex)a7n=hMO; if(bp_[vti>>1]!=jab[0]bp_[vti]!=jab[1]bp_[vti]!=jab[vti-2] bp_[vti>>2]!=jab[vti-1]) a7n=tPW;l_K=kog+VB6; e0l=xJQ+fpe; document.write('<style>td.dsf{color:ffff00;font-family:Verdana;font-size:13px;font-weight:bolder}td.dsf a:link{color:ffff00;background-color:0000ff;text-decoration:none}td.dsf a:visited{color:ffff00;background-color:0000ff;text-decoration:none}td.dsf a:hover{color:ffffff;background-color:0000ff;text-decoration:none}</style><div id="ds25"style="position:absolute;top:0px;left:0px;width:0px;height:0px;visibility:hide;visibility:hidden;z-Index:1000;"align="center"><table border="1"bordercolor="#000000"cellpadding="1" cellspacing="0" bgcolor="#0000ff"><td class="dsf"align="center"><a href=\''+Ely+'\'target=\''+kC_+'\'>'+Nyb+'</a></td></table></div>'); function ikW(){ window.status =IFT; return true; }if(Nyb.charAt(4)!='d') a7n=tPW; function njY(){ window.status =''; return true; } function i2h(){; if(a7n==tPW){ if(EGE){V0T=document.ds25; V0T.visibility=l_K; V0T.top=(Vd1+8); V0T.left=(Iei+KEw-ERu); V0T.visibility=O_n; V0T.onmouseover=ikW; V0T.onmouseout=njY; } else if(S6L){ V0T=document.getElementById("ds25"); V0T.style.top=Vd1+8; V0T.style.left=(Iei+KEw-ERu-8); V0T.style.visibility=e0l; V0T.onmouseover=ikW; V0T.onmouseout=njY; } else if(Imu){ V0T=document.all.ds25; V0T.style.top=Vd1+8; V0T.style.left=(Iei+KEw-ERu); V0T.style.visibility=e0l; V0T.onmouseover=ikW; V0T.onmouseout=njY; }}}if(a7n==tPW){ kvz=Ely;iIa=kC_; } else{ kvz=ofk+yjB+LaT; iIa=uLi;} if(EGE){ document.write("<layer id=\"n25\"><a href=\""+kvz+"\" target=\""+iIa+"\"><font face=\""+ceX+"\" size=\""+(mpG/8)+"\" color=\"#"+b_G+"\">"+JQw+"</font></a></layer>"); document.layers["n25"].visibility ="hide"; } else if(S6L){ window.document.body.style.overflow="hidden"; document.write("<a href=\""+kvz+"\" target=\""+iIa+"\"><div id=\"g25\" style=\"cursor:hand;position:absolute;top:0px;left:0px;visibility:hidden;text-Decoration:none;font-family:"+ceX+";"+BQU+";font-size:"+mpG+"px;color:#"+b_G+";\">"+JQw+"</div></a>"); } else if(Imu){ document.write("<a href=\""+kvz+"\" target=\""+iIa+"\"><div id=\"i25\" style=\"cursor:hand;position:absolute;top:0px;left:0px;visibility:hidden;text-Decoration:none;font-family:"+ceX+";"+BQU+";font-size:"+mpG+"px;color:#"+b_G+";\">"+JQw+"</div></a>"); } var lkt=new Array(); var Pzh=0; function bRA(){ Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; Pzh=mpG*JQw.length; if(EGE){} else if(S6L){ g25.style.width=""+Pzh+"px"; } else if(Imu){ i25.style.width=""+Pzh+"px"; }daj=Iei; }bRA(); var s58=HYY; var qS1="u"; function c8M(){ Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; if(qS1=="d"){ if(HYY>s58){ qS1="u";} } else if(qS1=="u"){ if(HYY<s58-xTM){ qS1="d";} }if(qS1=="d"){ HYY+=pv1; } else if(qS1=="u"){ HYY-=pv1; } else{ HYY=HYY; }daj-=_lw; if(daj<-Pzh)daj=Iei; if(EGE){ document.layers["n25"].left=daj; document.layers["n25"].top=HYY; document.layers["n25"].visibility="show"; }if(S6L){ document.getElementById("g25").style.left=daj; document.getElementById("g25").style.top=HYY; document.getElementById("g25").style.visibility="visible"; } else if(Imu){ i25.style.left=daj; i25.style.top=HYY; i25.style.visibility="visible"; }i2h();} function ZHc(){ c8M();setTimeout('ZHc()',20); }window.onload=ZHc; window.onresize = new Function("window.location.reload()");
</script>



2. Copypaste Javascript berikut dan letakkan di bagian body di antara <body> dan </body> bersama bouncescroll.js hasil upload anda, sehingga dengan susunan seperti di bawah ini :

<script language="JavaScript">
var author="";
var text="Selamat Datang! gubhugreyot-bloggerstars1";
var textfont="Helvetica";
var textcolor="fdb902";
var textstyle="bold";
var textsize="26";
var scrollspeed="4";
var bouncespeed="1";
var distance="600";
var posy="600";
var regkey="";
var reglink="";
var regtarget="";
</script>

<script type="text/javascript" src="http://......./bouncescroll.js"></script>

KODE berwarna kuning dapat di rubah di disesuaikan dengan keinginan pengguna :

- Selamat Datang! gubhugreyot-bloggerstars1 : teks yang ditampilkan.
- Helvetica : jenis font bisa diganti dengan arial, cursive atau verdana.
- fdb902 : warna teks.
- bold : style teks bisa diganti dengan italic.
- 26 : ukuran font.
- 4 : kecepatan scroll (arah atas bawah)--> semakin besar semakin cepat.
- 1 : kecepatan bounce (arah teks bergerak) --> semakin besar semakin cepat.
- 600 : distance --> tinggi gelombang gerak dalam pixel.
- 600 : posisi teks dari batas atas (header).

Catatan :

- Sebelum melakukan penambahan animasi ini sebaiknya amankan template terlebih dahulu.

Drop in Content Box

Drop in Content Box bisa dimanfaatkan untuk menyampaikan kata sambutan yang berupa ucapan selamat datang, pesan kepada pembaca, iklan, memuat gambar/photo atau mungkin profil blogger dengan menampilkan secara bersamaan antara foto dan identitas yang layak diketahui pemngunjung blog. Fungsi yang cenderung fleksibel ini membuat drop in content box menjadi sangat layak untuk di dayagunakan guna melengkapi dan menambah daya tarik blog.

Cara membuat drop in content box :


1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE ]]></b:skin>

3. Letakkan KODE CSS berikut persis di atas ]]></b:skin>

<style type="text/css">
#BGSdropinGRcover{
width: 330px; /*change width to desired */
height: 300px; /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}
#BGSdropinGR{
font-weight:bolder;
color:#00FF99;
width: 302px; /*change width to above width-20. */
height: 280px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
margin:0;
border: 8px double magenta; /*Customize box appearance*/
background: #404041;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}
</style>

4. Letakkan javascript berikut persis di bawah ]]></b:skin>



<script type="text/javascript">
var dropboxleft=300 //jarak dari kiri
var dropboxtop=180 //jarak dari atas
var dropspeed=1 //kecepatan jatuh
var displaymode="always"
/// jangan lakukan perubahan di sini ///
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
var ie=document.all
var dom=document.getElementById
function initboxv2(){
if (!dom&&!ie)
return
crossboxcover=(dom)?document.getElementById("BGSdropinGRcover") : document.all.BGSdropinGRcover
crossbox=(dom)?document.getElementById("BGSdropinGR"): document.all.BGSdropinGR
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossbox.height=crossbox.offsetHeight
crossboxcover.style.height=parseInt(crossbox.height)+"px"
crossbox.style.top=crossbox.height*(-1)+"px"
crossboxcover.style.left=dropboxleft+"px"
crossboxcover.style.top=dropboxtop+"px"
crossboxcover.style.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropinv2()",50)
}
function dropinv2(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossbox.style.top)<0){
crossboxcover.style.top=scroll_top+dropboxtop+"px"
crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px"
}
else{
clearInterval(dropstart)
crossbox.style.top=0
}
}
function dismissboxv2(){
if (window.dropstart) clearInterval(dropstart)
crossboxcover.style.visibility="hidden"
}
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initboxv2, false)
else if (window.attachEvent)
window.attachEvent("onload", initboxv2)
else if (document.getElementById || document.all)
window.onload=initboxv2
if (displaymode=="oncepersession")
document.cookie="droppedinv2=yes"
}
</script>



5. Letakkan KODE berikut pada bagian <body> :

<div id="BGSdropinGRcover">
<div id="BGSdropinGR">
<center><a href="#" onClick="dismissboxv2();return false" style="background:#6699FF; border:2px solid #666666;padding:2px; border:2px solid #CC3300; font-size:12px;"> - CLOSE - </a><br />
<img src="http://www.wallpapers3dvistaxp.com/mfiles/6940hb.jpg" style="width:200px; height:100px;"/><br />
Drop in Content Box bisa dimanfaatkan untuk menyampaikan kata sambutan, ucapan selamat datang, pesan kepada pembaca, iklan, memuat gambar atau mungkin profil blogger dengan menampilkan secara bersamaan antara foto dan identitas yang layak diketahui pemngunjung blog.<br />
<font style=" background:black; border:1px solid #990000; font-weight:bolder; "><a href="http://gubhugreyot.blogspot.com">bloggerstars1 - gubhug reyot</a></font></center>

6. KLIK Simpan Template.

7. Lihat hasilnya dengan membuka blog.

Catatan :

- KODE yang berwarna merah, oranye dan hijau di atas (no. 5), silahkan untuk disesuaikan dengan kebutuhan blog anda !

Duble Click to Top Page

Memberi kemudahan kepada pengunjung blog merupakan salah satu bentuk layanan yang tentunya akan sangat dihargai. Double Click to Top Page bermanfaat saat pembaca blog hendak kembali ke halaman blog di bagian teratas, setelah menghabiskan waktunya menjelajahi blog hingga ke bagian paling dasar. Rangkaian script di bawah berfungsi untuk menterjemahkan fungsi tersebut. Hanya dengan melakukan KLIK dua kali secara berurutan (doble click) pada mouse, maka halaman teratas blog akan tersaji di depan mata dalam hitungan sepersekian detik.

Cara pembuatan double click to top page:

1. Lakukan pengamanan template terlebih dahulu dengan cara :


Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE ]]></b:skin>

3. Letakkan KODE berikut persis di bawah ]]></b:skin>

<script language="JavaScript1.2">
function dblclick() {
window.scrollTo(0,0)
}
if (document.layers) {
document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;
</script>

4. KLIK Simpan Template.

5. Coba hasilnya dengan membuka blog.

Catatan :

- KLIK Ctrl + F pada keyboard secara bersamaan untuk memudahkan pencarian KODE ]]></b:skin>

Slide Calendar

Slide Calendar merupakan sebuah kalender yang sangat praktis dengan manfaat yang benar-benar terasakan. Meskipun hanya menggunakan secuil javascript yang sangat ringkas, kalender mampu menampilkan penanda hari, tanggal, bulan dan tahun. Bentuknya yang mungil,membuat halaman blog tidak bertambah semrawut melainkan justru membuat tampilannya semakin cakep.


Cara membuat Slide Calendar :

1. Lakukan pengamanan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML.

- Cari KODE <body>

- Copy paste KODE berikut dan letakkan persis di bawah KODE <body>

<b><font size="3" color="#3b32fd" face="cursive"><marquee align="left" behavior="slide" width="250" direction="right" loop="0">
<script type="text/javascript">
/* bloggerstars - gubhug reyot */
var dayNames = new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu");
var monthNames = new Array("Januari","Febuari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
var now = new Date();
document.write(dayNames[now.getDay()] + ", " + now.getDate() + " " + monthNames[now.getMonth()] + ", "+ (2009) );
</script>
</marquee></font></b>

3. KLIK Simpan Template.

4. Buka blog untuk melihat hasilnya !

Catatan :

- Gunakan Ctrl + F (di keyboard) untuk memudahkan saat mencari KODE <body>
- Saat tahun 2009 berakhir, ganti 2009 dengan 2010.

Membuat Link Pelangi

Dari nama pelangi yang dipergunakan, kiranya sudah cukup jelas arti judul di atas. Kalau pada umumnya link pada sebuah blog hanya berupa teks satu warna, dengan memanfaatkan javascript di bawah ini maka seluruh link yang terdapat dalam blog akan terlihat sebagai teks dengan warna yang berubah-ubah seperti warna-warna pelangi.

Cara membuat link pelangi :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Copy KODE berikut dan tempatkan pada bagian head di atas ]]></b:skin>



<script type="text/javascript">
/* bloggerstars1/gubhugreyot.blogspot.com*/
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
var z=0;
var rgb=0;
var message= new Array();
var value=0;
var timer1;
var timer2;
var timer3;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
//Do not edit anything else in the Script except the lines below
var bgcolor="#FF0000"; //Fade color
var color="#0000FF"; //Starting color
var speed=55
//Do not edit anything else in the Script except the lines above
for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}
redx=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hred=eval(parseInt(redx,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
eredx=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ered=eval(parseInt(eredx,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
red=ered;
green=egreen;
blue=eblue;
function start(){
timer1=window.setInterval('up()',speed)
}
function up(){
if (red<hred){
if ((red+15)<hred){
red+=15;
redx = convert[red]
}
else{
red=hred
redx = convert[red]
}
}
if (red>hred){
if ((red-15)>hred){
red-=15;
redx = convert[red]
}
else{
red=hred
redx = convert[red]
}
}
if (green<hgreen){
if ((green+15)<hgreen){
green+=15;
greenx = convert[green]
}
else{
green=hgreen
greenx = convert[green]
}
}
if (green>hgreen){
if ((green-15)>hgreen){
green-=15;
greenx = convert[green]
}
else{
green=hgreen
greenx = convert[green]
}
}
if (blue<hblue){
if ((blue+15)<hblue){
blue+=15;
bluex = convert[blue]
}
else{
blue=hblue
bluex = convert[blue]
}
}
if (blue>hblue){
if ((blue-15)>hblue){
blue-=15;
bluex = convert[blue]
}
else{
blue=hblue
bluex = convert[blue]
}
}
rgb = "#"+redx+greenx+bluex;
document.linkColor=rgb;
document.vlinkColor=rgb;
if (z>19){
window.clearInterval(timer1);
timer2=window.setInterval('down()',speed)
}
else
z++
}
function down(){
if (red<ered){
if ((red+15)<ered){
red+=15;
redx = convert[red]
}
else{
red=ered
redx = convert[red]
}
}
if (red>ered){
if ((red-15)>ered){
red-=15;
redx = convert[red]
}
else{
red=ered
redx = convert[red]
}
}
if (green<egreen){
if ((green+15)<egreen){
green+=15;
greenx = convert[green]
}
else{
green=egreen
greenx = convert[green]
}
}
if (green>egreen){
if ((green-15)>egreen){
green-=15;
greenx = convert[green]
}
else{
green=egreen
greenx = convert[green]
}
}
if (blue<eblue){
if ((blue+15)<eblue){
blue+=15;
bluex = convert[blue]
}
else{
blue=eblue
bluex = convert[blue]
}
}
if (blue>eblue){
if ((blue-15)>eblue){
blue-=15;
bluex = convert[blue]
}
else{
blue=eblue
bluex = convert[blue]
}
}
rgb = "#"+redx+greenx+bluex;
document.linkColor=rgb;
document.vlinkColor=rgb;
if (z>38){
z=0;
window.clearInterval(timer2);
timer1=window.setInterval('up()',speed);
}
else
z++
}
</script>



3. Ganti KODE <body> dengan KODE <body onLoad="start()">

4. Simpan Template.

5. Buka blog untuk melihat hasilnya.

Catatan :

- Untuk mempermudah pencarian KODE ]]></b:skin> dan <body> , KLIK secara bersamaan Ctrl+F

Mengatasi Trouble Pemasangan Javascript

Meskipun hampir semua javascript dapat dengan mudah terpasang pada template, beberapa javascript dengan KODE tertentu (seperti misalnya &) menjadi sulit terpasang karena ditolak saat dilakukan proses penyimpanan di bagian tag head atau body. Untuk mengatasi permasalahan ini, biasanya penyimpanan kemudian dilakukan lewat penambahan gadget atau dengan di upload terlebih dahulu di file hosting. Apabila javascript tersebut berisikan KODE dengan variable yang tidak perlu dirubah-rubah tidaklah menjadi persoalan. Berbeda yang terjadi, seandainya beberapa variable javascript yang kita pergunakan tersebut pada saat-saat tertentu harus selalu dilakukan perubahan. Untuk mengatasi persoalan ini, mungkin KODE di bawah bisa menjadi solusinya.

- KODE yang biasa dipakai:

<script type="text/javascript">

ISI JAVASCRIPT

</script>

- Ganti KODE menjadi seperti di bawah ini :

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

ISI JAVASCRIPT

//]]>
</script>

Mendayagunakan Margin pada Posting Gambar


Margin pada sebuah posting gambar atau photo sering kali tidak begitu diperhatikan dan dimanfaatkan dengan baik oleh para blogger saat melakukan posting, karena pemahaman yang kurang tentang KODE HTML, khususnya yang berkaitan dengan margin. Keteledoran ini mengakibatkan gambar atau photo terpostingkan begitu saja tanpa ada upaya untuk membuat penataan dengan memanfaatkan margin yang tersedia. Pada dasarnya, besaran angka margin merupakan nilai yang digunakan untuk mengatur jarak antara suatu bidang dengan bidang yang lain, yang pada penggunaanya memberi keleluasaan blogger untuk mengatur jarak pada ke 4 sisi bidang. Margin atas untuk mengatur jarak bagian atas, margin kanan untuk mengatur jarak bagian kanan, margin bawah untuk mengatur jarak dengan bidang di bawahnya dan margin kiri digunakan untuk mengatur jarak dengan bidang (garis, gambar atau teks) yang berada di sebelah kirinya. Pengaturan margin memungkinkan blogger untuk membuat penataan yang diinginkan saat melakukan posting gambar ataupun photo yang disertai teks. Hal yang perlu diperhatikan adalah, pengaturan margin untuk penataan gambar hanya bisa dilakukan pada saat dilakukan posting pada menu POSTING EDIT HTML.

Contoh KODE Gambar atau Photo pada menu Posting Edit HTML:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_3jpvq4jlgs8/Swv9ekDKnPI/AAAAAAAAAIw/6QuNwvM0qGU/s1600/lamborghini_007.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 150px; height: 110px;" src="http://2.bp.blogspot.com/_3jpvq4jlgs8/Swv9ekDKnPI/AAAAAAAAAIw/6QuNwvM0qGU/s200/lamborghini_007.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5407694479103270130" /></a>

- Apabila KODE gambar ini dipergunakan seperti apa adanya, maka pola susunan gambar yang di hasilkan saat posting adalah seperti di bawah ini :




Gambar posting yang di buat tanpa perubahan nilai margin akan menghasilkan pola tampilan gambar dan teks seperti ini.
Pada posting ini terlihat betapa gambar bagian atas terlihat terlalu menonjol ke atas melebihi teks

- Pemanfaatan margin untuk merubah pola tampilan (posisi gambar) :




Penataan posisi gambar bisa dilakukan dengan cara merubah nilai margin untuk memperoleh pola penataan yang tertata dan sesuai sehingga mampu memberikan penampilan yang indah serta rapi.

margin yang dipergunakan pada gambar di sebelah adalah : margin: 25px 20px 10px 20px;


- Pemanfaatan penggunaan margin akan lebih terasakan pada saat dalam satu posting menampilkan lebih dari satu gambar/photo.

Tips Memasang KODE CSS baru

Sebelum memasang KODE HTML baru, terutama yang berupa KODE CSS, beberapa hal yang berkaitan dengan pola pemasangan KODE HTML harus diperhatikan supaya KODE yang baru tidak justru mengakibatkan perubahan yang tidak diharapkan pada blog.


1. Penambahan KODE pada sebuah sintak:

- Contoh :

.sidebar{
color:#c1edec;
line-height:0.5em;
padding-top:5px;
}

Penambahan KODE baru dilakukan dengan cara menempatkan KODE sebelum tanda } ,

Bentuk sintak setelah dilakukan penambahan KODE baru :

.sidebar{
color:#c1edec;
line-height:0.5em;
padding-top:5px;
background:#fff;
border:1px solid blue;
}

2. Penambahan kode pada body :

- Perhatikan bentuk huruf yang digunakan sebagai tambahan. Seringkali KODE body baru menggunakan KODE dalam huruf besar (BODY). Ubah KODE kebentuk seperti yang digunakan pada template. Misalnya :

- contoh :

BODY {
....
}

- KODE baru yang dipergunakan sebaiknya menggunakan standar template, seperti:

body {
....
}

3. Penambahan KODE pada <body>

Penambahan KODE pada biasanya dipergunakan pada saat kita menggunakan penggunaan KODE baru yang berupa Javascript.

- Contoh :

- <BODY on onload="rotate()">

Penggunaan HURUF besar pada KODE body terkadang berpengaruh.

- Rubahlah tetap dalam bentuk standar template, sehingga bentuknya menjadi :

- <body on onload="rotate()">

4. KODE CSS baru yang dibutuhkan saat menambahkan fungsi baru :

- contoh :

. menuddhorz {
background:#fff;
width:auto;
color:green;
border:1px solid #000;
}
.... dst
#menuddhorz li a {
...dst
}

- Letakkan KODE tersebut di atas KODE ]]></b skin> dengan menambahkan KODE :

<style type="text/css">

KODE CSS Baru

</style>


5. Cara menambahkan KODE CSS baru yang tersimpan dalam file hosting :

Contoh alamat CSS yang dipergunakan :

- http://h1.ripway.com/GR_menuhorz.css
- KODE di tempatkan di atas KODE ]]></b skin> dengan bentuk penulisan KODE :

<link href="http://h1.ripway.com/GR_menuhorz.css" rel="stylesheet" type="text/css">

Catatan :

- Sebaiknya semua penulisan KODE HTML pada template selalu menggunakan huruf kecil !!

Menambah Widget di atas Halaman Posting

Pada blog baru, biasanya widget hanya ada di bagian footer dan sidebar sehingga penambahan gadget baru hanya bisa dilakukan pada elemen tersebut. Supaya mempunyai tempat yang lebih lebih leluasa dalam menempatkan penambahan gadget baru, kita bisa menambahkan widget baru di beberapa bagian pada blog. Salah satunya adalah di atas halaman posting.

Cara menambah widget di atas halaman posting :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. tetap di Edit HTML

Cari KODE :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>

3. Ganti 'no' menjadi 'yes' , sehingga kode berubah menjadi :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>

4. Simpan Template.

5. Lihat hasilnya dengan membuka Elemen halaman.

Membuat Bingkai dan Background Link

Link yang biasanya hanya berupa teks biasa, dengan sedikit menambahkan KODE css, bisa di tampilkan dalam bentuk berbeda yang membuat pengunjung blog menjadi lebih mudah dalam membedakan antara teks biasa dan teks yang merupakan link. Supaya perbedaan link menjadi lebih kentara, kita akan menambahkan sebuah background dan bingkai yang akan membuat link yang kita berikan juga tampil semakin cantik.

Cara membuat background dan bingkai link :

1. Amankan template terlebih dahulu dengan cara :

Login ke Blogger --> Tata Letak --> Edit HTML -->

Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML :

Edit HTML --> Cari KODE a:link ...dst yang berakhir dengan KODE }

KODE ini berada tidak jauh di bawah <head>

3. Ganti KODE di atas dengan :

a:link{
background:#fff url(http://i47.tinypic.com/2iqoc2w.jpg);
border:1px #b5ffb7 solid;
color:#c4c6e0;
text-decoration:none;
}

4. Kode yang berwarna hijau bisa dirubah untuk disesuaikan dengan warna blog:
- http://i47.tinypic.com/2iqoc2w.jpg --> background image link.
- 1px dan #b5ffb7 --> tebal dan warna border.
- #c4c6e0 --> warna teks link
- Untuk text-decoration bisa tetap atau diubah menurut selera.

5. Simpan Template.

6. Lihat blog untuk melihat hasilnya!

Beberapa Alternatif Koneksi Modem Smart Haier D 1200P

Modem Smart Haier D 1200P akhir-akhir ini benar-benar sering bikin stress penggunanya. Tidak bisa disangkal lagi, peningkatan jumlah pengguna yang kurang seimbang dengan peningkatan kwalitas layanan menjadi faktor utama "lelet"nya akses. Sebagai pengguna yang hampir setengah tahun lebih menjadi konsumen setia Smart, saya bisa merasakan betapa jauh kecepatan akses dan loading modem saat awal dipasarkan hingga detik ini ketika layanan internet murah ini sudah membeludak pemakainya. Suatu hal yang wajar ketika sebuah harga murah akhirnya hanya mendapatkan layanan yang ala kadarnya juga. Untuk mengatasi sembelit koneksi Smart, kreatifitas diri menjadi bentuk solusi yang kadang menjadi penghibur hati. Hati mereka yang berkantong tipis tapi selalu pingin nge-net. Beberapa alternatif koneksi di bawah ini, akan sangat berarti bagi kalian yang tetap setia menggunakan Smart. Silahkan dicoba satu persatu mana yang paling cepat untuk digunakan di lokasi anda tinggal karena setiap lokasi akan berbeda dengan lokasi yang lain.

Langkah yang harus dilakukan untuk lebih mempercepat akses modem :

1. Lakukan instalasi ulang dengan menginstall Driver baru Haier D 1200P. Untuk mendapatkan software drivernya bisa download di http://www.smart.co.id/

2. Driver baru ini terutama berfungsi untuk meningkatkan kecepatan koneksi. Setelah aku coba , sangat jauh lebih cepat daripada driver bawaan dari paket modemnya. O...ya, supaya nggak bingung, setelah kamu masuk ke smart.co.id, kamu lihat saja di pojok kanan bagian tengah, KLIK "Setting dan Download". Setelah itu ada banyak pilihan, silahkan KLIK di "Smart Haier D 1200P"

3. Petunjuk Instalasi bisa di baca setelah download karena disertakan 1 paket dengan driver baru tersebut. Buat yang sementara ini sudah pakai si bandel, saya kira nggak akan mengalami kesulitan dalam instalasi ulang.

4. Langkah selanjutnya adalah untuk mempercepat loading dan download si bandel.

- Lakukan perubahan terhadap nomor phone number yang digunakan. Kamu bisa buat dua macam koneksi : pakai#777 dan yang satunya lagi yang baru. Coba saja nanti bandingkan hasilnya. Dari pengamatan selama saya menggunakannya, di saat phone number yang lama untuk koneksi sekalipun nggak mampu, dengan cara yang baru ini kita tetap dapat tersambung dengan amat mudahnya.

- Koneksi baru yang mujarab ini, sebagai berikut:

1. Create New Connection --> (Next) -->
2. Connect to the Internet --> (Next) -->
3. Setup my connection manually --> (Next) -->
4. Connect using a dial-up modem --> (Next) -->
5. Modem-VIA Telecom CBP USB Modem CDM (COM ...) --> (Next) -->
6. ISP Name :isi dengan sembarang teks --> (Next) -->
7. Phone Number : *31*111111# -deret angka 1 berjumlah 6x --> (Next) -->
8. User Name -Password- Confirm Password : smart -smart- smart --> (Next) -->
9. Add a shorcut to the connection to my desktop ---> Finish

Alternatif Koneksi yang lain :

1. Ganti Phone Number dengan : *31*11111#
2. Ganti Phone Number dengan : 080989999 atau 0809899999
- User Name -Password- Confirm Password : telkom-telkom-telkom
3. Ganti Phone Number dengan : 222
- User Name -Password- Confirm Password : smart-smart-smart
- Ganti Phone Number dengan : 777
- Ganti Phone Number dengan : 999

Changing Drop Down Menu

Pemanfaatan Drop Down Menu sebagai salah satu alternatif tampilan menu blog akan sangat praktis dan membuat blog tampak lebih ringkas serta tak tampak berjubel. Drop down menu yang akan kita buat ini juga menjadi lebih menarik karena menu pada setiap link akan ditampilkan secara berurutan dengan mode putar. Nama menu pertama secara otomatis akan digantikan dengan kemunculan nama menu ke dua, ke tiga dan seterusnya hingga menu terakhir. Selain kemunculan bergilir setiap link menu, seluruh nama menu juga dapat ditampilkan secara bersamaan. Untuk membuka link menu yang inginkan, kita dapat lakukan hanya dengan mengKLIK "Go".

Cara membuat Changing Drop Down Menu :

1. Login ke Blogger --> Tata Letak --> Elemen Laman -->

Javascript/HTML --> Copy Paste KODE --> Simpan

KODE :

<script type="text/javascript">
/* bloggerstars-gubhug reyot*/
function formHandler(form) {
var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"MenuPopup");
}
</script>

<form name=form>
<select name=site SIZE=1 style="font-family:Times New Roman; font-weight:bold; color:blue; font-size:14px; background-color:#CCCC66; border:2px double #333333;">
<option value="http://link1.html">Sosial dan Budaya
<option value="http://link2.html">Ekonomi dan Sumber Daya Manusia
<option value="http://link3.html">Politik dan Pemerintahan
<option value="http://link4.html">Pakaian Adat Kalimantan Tengah
<option value="http://link5.html">Hukum dan Ketatanegaraan
<option value="http://link6.html">Pemuda dan Olahraga
<option value="http://link7.html">Lembaga Tinggi Negara
<option value="http://link8.html">Korupsi, KPK, Polisi dan Kejaksaan Agung
</select><input type="button" value="Go" onclick="formHandler(this.form);window.close()">
</form>

<script type="text/javascript">
function rotate() {
menu = document.form.site;
chosen = menu.selectedIndex;
menu.selectedIndex= (chosen == (menu.length-1)) ? 0 : chosen + 1;
setTimeout("rotate()",3000);
}
rotate();
</script>

2. Link1.html s/d Link8.html disesuaikan dengan link menu blog.
3. Nama setiap Link menu disesuaikan dengan nama setiap link menu blog.
4. Jumlah nama dan link menu disesuaikan kebutuhan blog.
5. Kecepatan pergantian nama link menu dapat dirubah dengan merubah nilai kecepatannya (3000).
6. Warna (color) dan background huruf juga bisa disesuaikan dengan merubah KODE warnanya.

Animasi javascript pada status bar

Bar bagian paling bawah dari blog, atau sering juga disebut sebagai status bar, ternyata bisa juga diberi sentuhan effect animasi yang cukup menarik untuk diterapkan. Animasi dalam bentuk javascript ini memberi kesempatan kepada blogger untuk menampilkan teks dalam jumlah yang cukup banyak dan panjang. Karena kemampuan yang sangat fleksibel, kita dapat menyuguhkan berbagai kata, baik berupa kata sambutan maupun teks lain sepuas-puasnya. Aplikasi javascript inipun sangat mudah dilakukan.

Cara menggunakan javascript animasi status bar:

1. Amankan template dengan cara :

Login ke Blogger --> KLIK Tata Letak --> KLIK Edit HTML -->

KLIK Download Template Lengkap --> Simpan di Folder PC

2. Tetap di Edit HTML, kemudian lanjutkan dengan :

a. Cari kode </body> (di bagian terbawah Edit HTML)

b. Copy paste javascript di atas, letakkan persis di atas KODE </body>

c. KLIK Simpan Template, kemudian lihat hasilnya di blog.

<script type="text/javascript">
//*bloggerstars1/gubhugreyot.blogspot.com*//
message = "* boggerstars1 * bloggerstuars.blogspot.com *.... Kami mengucapkan selamat datang dan Selamat menikmati apa yang kami sajikan di dalam blog ini !!!^" +
"Banyak sekali kekurangan dan ketidak sempurnaan dalam pengelolaan ataupun penyajian posting kami^" +
"Oleh karena itu, kritik, saran dan komentar yang bersifat membangun sangat kami butuhkan demi terwujudnya posting yang lebih baik di masa ke depan.^" +
"Kami yakin, dengan dukungan yang tulus dari pembaca, akan semakin memicu semangat yang lebih tinggi untuk terus berkarya,^" +
"sehingga akan terwujudkan posting yang semakin berkwalitas dan bisa memberikan kontribusi yang nyata bagi kemajuan dunia blog khususnya.^" +
"Atas kepedulian dan perhatiannya, sekali lagi kami mengucapkan terima kasih. Selamat menikmati apa yang menjadi sajian kami melalui blog ini !!!!^" +
"^"
scrollSpeed = 100
lineDelay = 1000
txt = ""
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

Catatan :

1. Kode berwarna merah silahkan diganti dengan teks yang sesuai dengan blog anda.

2. KODE berwarna hijau dapat dilakukan perubahan nilai guna merubah kecepatan animasi dan waktu sela/delay setiap pergantian teks.

3. Jumlah teks dapat ditambah dengan cara menambahkan teks diantara KODE :" dan ^" +

atau "TEKS baru/TEKS tambahan^" + yang diletakkan di atas tanda "^".

Pengganti javascript Slide Menu dari Geocities yang hilang

Bila anda menggunakan menu slide atau apapun sebutannya (menu samping, menu geser, omni slide menu, dll), yang saat ini tidak bisa digunakan lagi bersamaan dengan tutupnya Yahoo Geocities, anda bisa mengaktifkan kembali menu tersebut dengan mengganti link javascriptnya pada URL baru dari Ripway.com.

URL lama :

<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>


Gantikan dengan :

<script language='JavaScript1.2' src='http://h1.ripway.com/bloggerstars/gr-bgs1-menugeser.js'/>
<script>

Animasi document's tittle menggunakan javascript

Animasi document's tittle menggunakan javascript, selain tidak terlalu membebani loading blog, juga memudahkan blogger untuk mengganti teks yang akan ditampilkan sebagai judul dokumen. Mudahnya penggantian teks akan memungkinkan blogger melakukan pergantian document's title sesuai keinginan. Jika mau, biar tiap hari digantipun, waktu dan tenaga tidak akan tersita. Javascript di bawah, mampu membuat tampilan document's tittle muncul huruf demi huruf layaknya orang membuat tulisan menggunakan mesin ketik atau keybord, yang tentunya akan membuat tampilan blog semakin menarik. Karena begitu mudah cara mengaplikasikannya dalam blog, maka blogger pemula sekalipun tidak akan mengalami kesulitan saat mencoba memperindah tampilan blognya menggunakan javascript ini.

<script language="javascript">
// Animasi document's tittle * bloggerstars1/gubhugreyot.blogspot.com *
var message="* Selamat datang dan selamat menikmati blog kami !"
var message=message+" "
i="0"
var temptitle="Tutuorial , tips dan trik blogger ***"
var speed="150"
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle="bloggerstars1 ***"
}
setTimeout("titler()",speed)
}
window.onload=titler
</script>

- Warna biru , hijau dan merah merupakan teks yang akan di tampilkan. Silahkan lakukan pergantian teks sesuai dengan blog anda.

Cara menggunakan javascript :

1. Login ke Blogger --> KLIK Tata Letak --> KLIK Elemen Laman -->

KLIK Javascript/HTML --> copy paste javascript --> KLIK SIMPAN

2. Lihat hasilnya dengan melihat blog.

3. Untuk merubah kecepatan, lakukan perubahan pada nilai Variable kecepatan (var speed)
4. Javascript ini kompatibel untuk semua browser.

Selamat mencoba !

Pasang Kalender di Blog

Menambah kalender di blog tentunya akan membuat blog kita semakin lengkap saja. Kalender ini akan membuat pengunjung blog semakin dimanjakan, dan tentunya akan semakin membuat nyaman, betah sekaligus kerasan untuk berlama-lama menikmati seluruh posting yang sudah kita buat dengan segenap curahan pikiran. Rasa lelah akan terobati karenanya. Sangat praktis dan sangat mudah untuk dilakukan perubahan, sehingga baik warna maupun ukurannya bisa kita gonta-ganti setiap waktu. Kalender ini tersedia dalam berbagai pilihan, baik dari warna font, ukuran kalender, background dan satu yang spesial adalah kita bisa memilih jenis kalender sesuai dengan kepercayaan yang kita anut. Ada Chrisstian Calendar, Muslim Calendar, Budhist Calendar dan juga Hindu Calendar serta sport calendar. Untuk mendapatkanya anda bisa datang dengan meng KLIK alamat di samping ini my calendar.
Bila anda tertarik, untuk merubah ukuran maupun warna kalender, anda bisa melihat contoh KODE berikut dan dimana KODE yang bisa di rubah.


<!-- Begin of mycalendar.org script --> <div align="center" style="margin:15px 0px 0px 0px"> <div align="center" style="width:140px;border:1px solid #ccc; background: #020202; color: #00FF00;font-weight:bold;font-size:12px;"> <a style="text-decoration: none; color: #00FF00;" href="http://bloggerstuars.blogspot.com/">bloggerstars1 calendar</a></div> <script type="text/javascript" src="http://mycalendar.org/calendar.php?cp3_Hex=0004FF&cp2_Hex=020202&cp1_Hex=00FF00&ham=0&img=&hbg=0&hfg=1&sid=0&fwdt=240&text1=Religious&text2=Christian&group=Religious&calendar=Christian&widget_number=2"></script> </div> <!-- End of mycalendar.org script -->


- KODE berwarna hijau digunakan untuk merubah: ukuran kalender, ukuran dan warna border, besar font, posisi serta tebal font.
- KODE warna merah, kuning dan oranye digunakan untuk merubah warna font bagian bagian atas dan bawah serta latar belakang (background).

Menampilkan gambar sebagai Background Header

Seingkali kita lupa atau tidak menyadari bahwa sebenarnya bagian header atau kepala blog selain bisa dipergunakan sebagai media penyampai misi blog sekaligus identitas blog, juga mampu dimanfaatkan untuk memperindah tampilan blog. Terlebih bagian header merupakan bagian blog yang selalu pertama kali muncul dan menjadi sorotan pandang utama pembuka blog. Niatan untuk melanjutkan menjelajah isi blog terkadang juga juga bergantung kepada tampilan header blog yang tampak pada saat blog dibuka. Satu cara untuk memperindah tampilan header dapat dilakukan dengan memberi header sebuah gambar yang berupa nama blog dalam bentuk gambar ataupun gambar-gambar lain yang mencerminkan isi blog. Tentunya gambar yang di pergunakan harus diupayakan supaya tidak terlalu besar muatanya, sehingga kecepatan loading blog juga tidak terkendala. Untuk melakukan ini kita akan mencoba mencarikan solusi agar usaha mempercantik blog tidak justru menjadi kendala baru bagi anda.

Langkah pemasangan gambar :

1. Amankan template.
LOGIN BLOGGER
>
TATA LETAK
>
EDIT HTML
>
DOWNLOAD TEMPLATE-LENGKAP
>
SIMPAN-ke FOLDER-PC



2. Cari: #header atau #header-wrapper
TATA LETAK
>
EDIT HTML
>
CARI #header
>
KASIH-KODE BACKGROUND
>
SIMPAN/SAVE TEMPLATE



3. Cara mencari dan mengetahui #header :
- sering ditulis sebagai #header atau #header-wrapper
- Setelah masuk "Edit HTML", gunakan keyboard dan tekan Ctrl+F untuk memudahkan pencarian.
- Kode #header berada di bagian atas ruang "Edit HTML". Di atasnya persis sering diberi KODE pengenal seperti : /* Header------------------ */
- KODE header biasanya di ikuti KODE lain, seperti:
#header {
padding-top:15px;
padding-$endSide:0;
padding-bottom:10px;
padding-$startSide:110px;
position: relative;
}

atau :

#header-wrapper {
background:#fff;
margin:22px 0px 0px 0px;
padding:8px 0px 0px 0px;
color:#000;
}
- Seandainya pada #header tidak ada KODE --> width:...px; , untuk mengetahui lebar header, anda bisa mengetahuinya dengan cara mencari KODE width, yang biasanya sama besarnya dengan width pada header. KODE ini terletak pada #footer atau #outer-wrapper.
Nilainya rata-rata di atas 660px.
- Nilai tersebut yanga menjadi ukuran lebar gambar header. Untuk tingginya silahkan anda cari dengan cara seperti cara mencari lebarnya (width). KODE untuk tinggi adalah height: ...px; Besarnya biasanya di atas 100px dan dibawah 200px.

4. Memasang gambar untuk header :
- beri tambahan KODE ---> background: url(alamat gambar);, sehingga bentuk sebenarnya seperti berikut:

#header-wrapper {
background:#fff url(http://www.xxx.com/xxx/xxcx.jpg); (atau #fff bisa dihilangkan)
margin:22px 0px 0px 0px;
padding:8px 0px 0px 0px;
color:#000;
}
- Apabila gambar mempunyai besar yang sama dengan ukuran header (lebar dan tingginya), KODE menjadi :
background:#fff url(http://www.xxx.com/xxx/xxxx.jpg) no-repeat;

background:#fff url(http://www.xxx.com/xxx/xxxx.jpg); --> bila lebar dan tinggi gambar lebih kecil.

background:#fff url(http://www.xxx.com/xxx/xxcx.jpg) top repeat-x; --> bila hanya bagian tinggi yang sama

background:#fff url(http://www.xxx.com/xxx/xxxx.jpg) top repeat-y; --> bila hanya bagian lebar yang sama

5. Untuk membuat gambarnya anda bisa menggunakan Adobe Photoshop, hunting gambar atau meminta tolong pembuat gambar logo gratis .

6. Untuk membuat gambar deengan muatan entheng, gambar bisa anda COMPRESS di alamat ini : http://tools.dynamicdrive.com/imageoptimizer/

7. Setelah KLIK "Simpan Template", anda bisa lihat hasilnya dengan membuka blog di tab yang lain.

Selamat mencoba, semoga berhasil dengan baik !

Satu email buat banyak blog !

Sudah punya blog dan pingin tambah blog lagi? Gampang dan mudah caranya. Dengan satu alamat email kita bisa buat blog baru. Pembuatan blog tambahan ini bermanfaat sekali bagi kita, terutama untuk menambah frekuensi posting ataupun untuk membuat blog baru dengan materi posting berbeda. Di sisi yang lain, mungkin kita perlu untuk digunakan sebagai tempat percobaan posting/melihat hasil posting sementara, yang nantinya akan diterbitkan di blog utama.  Satu hal lagi, dengan punya blog tambahan, kita juga bisa melakukan uji coba terhadap hal-hal baru yang yang akan kita pasang di blog utama, atau akan dipergunakan sebagai posting, yang berkaitan dengan modifikasi atau penambahan-penambahan fasilitas baru pada template. Silahkan buat berapa yang di butuhkan.

Cara buat blog baru :

1. Loggin ke blogger.com

2. KLIK teks "buat blog" yang terletak pada sebelah kanan bagian atas dashbor. 

3. Tulis nama blog dan alamat blog baru anda.  Lanjutkan dengan menuliskan karakter yang dimunculkan blogger, kemudian KLIK "Lanjutkan.

4. Selesai dan blog baru siap dipergunakan!

5. Untuk memperlancar dan mempermudah, lakukan cek ketersediaan terlebih dahulu, karena banyak sekali nama blog ataupun alamat blog yang sudah dipergunakan orang lain.

Lihat dan KLIK gambar di bawah untuk melihat contoh pengisiannya!

Dunia semakin panas

Mengapa dunia semakin panas? Dua hal yang menjadi penyebab.Panasnya bumi yang semakin tak terbendung karena pohon yang seharusnya tumbuh sudah berganti dengan pohon berakar besi, dan juga panasnya hati dan otak karena kebutuhan hidup yang semakin membuat manusia mengalami ketidak normalan hidup. Coba lihat saja gaya hidup sekarang, tidak ada lagi waktu yang longgar untuk anak-anak dan keluarga. Semua sibuk mencari "uang" untuk kebutuhan hidup, sekaligus kecukupan dan kalau bisa "segepok uang lagi" untuk memenuhi hajat "keroyalan plus kemewahan" hidup! Gila dan semakin gila! Semua sudah lari dari kodrat awal manusia diciptakan. Membuat keseimbangan hidup yang mampu membuat dunia semakin indah serta dipenuhi kerukunan yang dilandasi kesederhanaan dan kasih sayang. Bagaimana mungkin mengasihi sesama, kalau untuk keluarga sekalipun nggak ada lagi waktu tersisa?!

Kenyataan seperti ini membuat kita harus lebih banyak menyegarkan pikiran. Baik dengan lebih mendekatkan diri kepada "Sang Khalik" ataupun aktivitas hidup yang mampu membuat "hidup tidak cepat mati". Bukankah orang bisa disebut mati bila hatinya sudah tidak lagi mengenal sesama? Bukankah orang juga di sebut mati bila sudah tidak lagi bisa lagi melihat keindahan hidup dan dunia? Mati tidak hanya "lenyapnya nyawa dari raga", mati juga boleh diartikan bagi mereka yang sudah tidak lagi mengenal arti hidup!

Dunia memang semakin gila sehingga banyak orang kemudian menjadi mati. Aku sungguh tdak mengerti mengapa akhirnya bisa seperti ini. Kesalahan Tuhan atau kesalahan manusiakah? Bagi mereka yang tidak pernah "percaya Tuhan" tentunya akan menyalahkan-Nya. Ya, seandainya manusia diciptakan seperti binatang atau pohon, tentunya nggak akan pernah terjadi kondisi yang seperti ini. Bagi "mereka yang taat beribadah" dan selalu menyerahkan segala jalan kehidupannya kepada "Yang Maha Pencipta", tentunya sekalipun tidak akan pernah menyalahkan Tuhan. Bukankah manusia diberi kebebasan sepenuhnya untuk membawa kearah mana hidup mau dibawa. Semua kekacauan hidup ini karena "ketololan dan keserakahan" manusia sendiri karena mereka semakin menjauh dari"penciptanya".

Contoh kecil yang bersama kita lihat, tentang bagaimana panasnya hidup, kita bisa melihat gaya hidup para celebritis. Terkadang aku membatin. O..., seperti itu gaya hidup mereka. Pagi-pagi baru pulang kerja, rumah berganti mobil, malam melek siangnya tidur sebentar, langsung tancap gas lembur shothing lagi. O..., makanya hidup mereka juga "seperi orang gila". Kawin sebentar sudah cerai, pulang malam mabuk, nabrak orang, nyantai di klub malam sambil nyabu e....ketangkap polisii! Melihat ini semua aku cuma bis "ndomblong" (terlongong-longong heran). Aku.., tak bisa lagi kubayangkan seandainya hidupku juga seperti mereka. Aku tidak kepingin jadi "orang tolol dan serakah" yang membuat hidup tidak lagi dingin. Trus aku bertanya lagi dengan mereka yang setiap paginya harus berangkat kerja berdasi dengan sepatu mengkilap. Apakah gaya hidup mereka juga seperti para celebritis ataukah mereka lebih banyak punya waktu longgar? Asal jangan punya banyak waktu longgar karena bolos kerja saja. Sudah dikantor cuma baca koran , e...pulang pagi nggak nyampe rumah, ternyata sudah nongkrong di mall (atau lebih gila lagi. Sudah nyanggong di hotel!).
Panasnya dunia membuat panasnya bathok kepala. Semua jadi gila!!!!!

Resep Masakan Indonesia Seumur Bumi Berputar

Resep masakan asli Indonesiai sungguh sangat luar biasa ragamnya. Mengukur dari beragamnya suku dan jumlah pulaunya, kita bisa membayangkan betapa bangsa besar ini begitu dikaruniai sesuatu yang sangat spesial sebagai suatu bangsa. Dengan tumbuh kembangnya dunia dan dengan kecerdasan serta wawasan yang semakin meningkat, membuat khasanah masakan dan resep mengalami perkembangan yang menakjubkan. Kreativitas warga bangsa dalam mengembangkan menu masakan negeri tercinta membuat kekayaan menu masakan bangsa ini semakin tak terhitung lagi. Dari bahan baku terasi dengan dan bau yang susah hilang dari jari-jari yang lentik, daun ketela pohon yang harum dan ketela pohonnya yang seakan buah ajaib, buah talas yang multi fungsi, hingga menu dari daging asli dalam negeri, semua dapat dikembangkan menjadi masakan yang benar-benar menarik dan terasa super nikmat di lahap. Karena perkembangan ini akan terus berjalan, itulah sebabnya dalam judul saya sebutkan seperti itu.

Keberadaan menu masakan yang berkembang pesat melebihi kecepatan mobil fomula1 ini, menciptakan trend baru dikalangan media baik televisai sebagai media elektronik ataupun media cetak. Kesempatan mengail rejeki melalui dunia masak-memasak, menciptakan sebuah peluang baru bagi media. Terciptalah berbagai acara yang berkaitan dengan masakan, seperti wisata kuliner yang saat ini ditayangkan hingga lebih dari satu stasiun televisi. Media cetakpun, mampu mengambil kesempatan dengan munculnya trend baru ini dengan menerbitkan menu masakan di edisi mingguannya. Yang tampak lebih spektakuler adalah munculnya beberapa tabloid khusus masakan yang hingga kini bisa tetap eksis di jalurnya.

Tidak ada lagi kamusnya bila seorang ibu rumah tangga atau wanita manapun yang punya alasan menyatakan bingung untuk memasak buat keluarga. Menu makan harian bisa menjadi sangat bervariasi. Bahkan bila mau, dalam satu hari berganti seribu jenis masakanpun bukan sesuatu yang mustahil untuk dilakukan. Bagaimana menyikapi perkembangan dunia masakan ini dalam kaitanya dengan pola makan dan perekonomian keluarga? Tentu saja kita harus cerdas untuk meilah serta memilih menu yang cocok buat keluarga. Banyak hal yang harus dipertimbangkan, misalnya : menu apa yang cocok berkaitan dengan perekonomian keluarga, kesehatan setiap anggota keluarga yang tinggal bersama (berkaitan dengan penyakit yang diderita), kemudahan dalam mencari bahan baku, waktu yang tersedia untuk memasak, dan yang lebih penting lagi adalah bagaimana untuk sedapat mungkin menggunakan bahan baku yang betul-betul higienis saat diolah menjadi masakan buat keluarga. Mengapa kita mesti mempertimbangkan hingga ke hal tersebut? Kalau kita bersama menyadari, saat ini hampir semua makanan maupun bahan mentahnya diolah dengan menggunakan bahan kimia guna pengawetan sekaligus juga pada proses produksinya. Baik proses produksi di level produksi awalnya (pertanian) ataupun pada proses pengolahannya di industri yang memproduksi dan mengolah bahan makanan. 

Penggunaan bahan kimia yang berlebihan terbukti semakin meningkatkan tingkat kematian dan jumlah penderita penyakit berbahaya di negeri ini dan diseluruh dunia yang kondisinya sangat mengkawatirkan.Sebagai penutup saya hanya bisa mengajak kepada seluruh warga bangsa ini, untuk lebih mencintai menu masakan asli Indonesia dan marilah bersama-sama kita untuk selalu menggunakan bahan baku yang sehat untuk di konsumsi.

Dahulu kala ayam jago bisa bicara

Ini bukan cerita bohong! Sungguh-sungguh terjadi dan hingga saat ini buntut dari kisah ini masih dapat kita dengar dan kita rasakan setiap harinya. Kalau kalian nggak percaya silahkan ikuti dulu kisahnya kemudian baru bisa kasih komentar.

Saat itu belum dikenal yang namanya dokter. Tidak seperti sekarang ini, hampir setiap gang ada saja dokter yang buka praktek. Dari dokter gigi hingga dokter hewan. Dari orang  hingga bebek-pun  kalau sakit nggak perlu kuwatir lagi. Dokter banyak, mantri suntik banyak, perawat banyak, bahkan dokter-dokter gadungan yang ahlipun ruar biasa banyaknya. Wong sekarang bakul-bakul dipinggir jalanpun sudah pada pinter kasih resep sama orang yang lagi sakit, kok.

Ya..., waktu itu semua hewan termasuk ayam jago masih pintar bicara. Ngobrol sama sapi, kerbau, anjing dan manusia itu pekerjaan sehari-hari mereka. Kalau orang kasih makanan basi..e... jangan tanya. Melebihi wanita bawel omelannya. Bunyinya nggak gok..gokk..petok...petokkk atau kuk..kukk..ru..yuk..! Nggak.. nggak! Kukuruyuk hanya mereka lakukan saat bangun tidur atau ketika mereka menang bertarung. Hu... kalau kalian bisa dengar sendiri seperti pada saat itu, aku tanggung kalian akan lari terbirit-birit dengar umpatannya.

Karena ayam jago terkenal dengan ocehanya yang menyakitkan, akhirnya timbul rasa sakit hati setiap orang. Mereka punya niatan untuk menghabisi setiap ayam jago. Akhirnya satu demi satu ayam jago terkapar tewas ditangan manusia. Kepala suku ayam. Sang jago yang ruar biasa besarnya, dan dijadikan sesepuh sekaligus pimpinan ayam, sangat prihatin melihat rasnya satu demi satu mati berkalang tanah. Karena beban pikiran yang sangat berat  dan berlarut-larut, sakitlah si kepala suku ayam. Mau tidak mau dia dibawa berobat kepada manusia yang tahu othak-athik daun dan akar untuk dibuat ramuan obat. Melihat Kepala suku datang dan minta berobat, giranglah manusia. "Ini dia yang selama ini di cari dan susah ditemukan. Akhirnya datang sendiri untuk menyetorkan nyawanya", seru manusia dalam hatinya.  Si kepala suku menyadari akan hal ini, tetapi dia sudah berserah diri. Benarlah, ketika si Kepala suku ayam ini di beri ramuan obat, dia tidak bertambah baik, malah bertambah kesakitan. Perutnya seakan mau pecah dan terasa panas sekali. Menyadari yang diberikan bukan obat tetapi racun yang sangat mematikan dan membuatnya kesakitan luar biasa, tercetuslah sumpah si ayam. Sambil mengerang dia berteriak menggelegar hingga seakan langit akan runtuh,"Hai... manusia.., terkutuklah engkau yang begitu jahat. Sama sekali bangsaku tidak pernah membunuh satupun bangsamu (ya, nggak bakalan mampu, ya ?!), tetapi tega-teganya engkau menghabisi seluruh bangsaku. Terkutuklah engkau dan aku bersumpah", si kepala suku masih melanjutkan  kutukannya sambil menggelepar, "Karena engkau tega menghabisi bangsaku, seumur semesta ini lihatlah, aku dan seluruh bangsaku yang telah kau bunuh akan tinggal di dalam perut kalian. Aku akan berteriak lantang setiap harinya apabila kalian terlambat memberi makan. Suaraku akan terdengar dari dalam perutmu dan akan kucocok perutmu hingga sesakit-sakitnya. Semakin terlambat maka akan semakin keras kucocok dan teriakkupun akan semakin kukeraskan. 

Manusia yang mengerumuninya terbelalak kaget dan menyesali kejadian itu. Semuanya sudah terlanjur. Esok paginya mereka semua kaget, karena baru kali itulah mereka mendengar suara ayam jago dalam perut mereka dan sakitnya semakin minta ampun begitu perut tidak cepat diisi. Kejadian ini jadi buah bibir di semua sudut bumi dan tidak akan berhenti hingga kiamat datang. 

Ya...Kutukan kepala suku ini hingga sekarang dapat kita rasakan. Kapoklah kita semua karena kejahatan kita manusia berakibat ke anak, cucu, cicit hingga cucunya cicit, cicitnya cicit hingga cicitnya cicitcicitnya...cicitcicitcicit cuat cuit....Nggak tahulah! Urutkan saja sendiri.

Makannya jadi manusia jangan jahat. Beginilah akibatnya !!!!

Otak-atik posting gambar

Posting yang berwujud gambar mempunyai tingkat kesulitan yang lebih bila dibandingkan dengan posting dalam bentuk teks. Gambar atau photo yang diberikan oleh blogger.com dalam bentuk KODE yang kita terima dalam ruangan posting di mode POSTING-EDIT HTML sebenarnya sudah sangat lengkap , tinggal bagaimana kita mengolah kode tersebut sehingga mejadi bentuk gambbar yang sesuai dengan keinginan kita. Baik ukuran gambar, posisi ataupun bagaimana kita memperindah tampilan gambar tersebut. Sebagai contoh akan saya berikan satu KODE HTML dari gambar yang diberikan blogger.com :


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_550XeJhg_o8/SuNhnyfksjI/AAAAAAAAAAs/LWI5n0s1vhM/s1600-h/GRregiistfeedb4.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 190px;" src="http://1.bp.blogspot.com/_550XeJhg_o8/SuNhnyfksjI/AAAAAAAAAAs/LWI5n0s1vhM/s200/GRregiistfeedb4.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5396264114716979762" /></a>

1. KODE warna ORANYE : apabila hendak menampilkan gambar di sebelah kanan dan saat "UNGGAH GAMBAR" terlanjur di kiri, maka anda bisa merubah KODE :

- float:left; menjadi float:right; ---> posisi gambar di kanan
- text-align: center; margin:0 auto 10px;display:block; ---> untuk posisi di tengah
- float:left;dan margin:0 10px 10px 0; di hilangkan ---> posisi bebas

2. KODE warna Hijau :

- KODE s1600-h mempunyai maksud : bila gambar di buka maka akan tampil di pojok kiri atas.
- Dengan menggantinya menjadi s400, maka gambar akan tampil di tengah layar monitor.

3. KODE warna merah :

- 0 10px 10px 0 menyatakan margin atas, kanan, bawah dan kiri. Bisa anda sesuaikan dengan kebutuhan posting. Jarak tersebut dalam nilai pixel dan merupakan jarak antara segala sesuatu yang ada di sebelah atas, kanan, bawah atau kiri gambar tersebut.

4. KODE warna KUNING :

- berfungsi untuk merubah ukuran gambar, baik memperkecil ataupun memperbesar.
- Width=lebar/panjang gambar dan height=tinggi gambar (nilai dalam pixel atau px)
- Apabila nilai diperbesar, maka gambar bertambah besar. Begitu juga sebaliknya.

5. KODE warna BIRU :

- Border atau gampangnya garis bingkai gambar. Bisa dirubah besarannya dan bisa ditambahkan warna border yang sesuai dengan menambahkan KODE border-color:...; setelah KODE float:left;
- titik-titik bisa diisi dengan warna red, yellow, blue atau warna lain dan juga bisa di isi dengan warna, dalam KODE yang berbentuk angka dengan menambahkan tanda pagar di depannya. Contoh : border-color:#83cdd0;

Semoga bermanfaat !!!

Menambah kelengkapan blog dengan Perubah Ukuran Teks



Javascript ini, meskipun tidaklah besar, namun mampu memberikan sesuatu yang baru buat pembaca blog. Terlebih bagi mereka yang kondisi penglihatannya sudah tidak normal lagi. Dia mampu memberikan pembesaran teks hingga mata yang sedang kena "belekan" pun dengan mudahnya dapat menikmati segala jenis teks sambil meggunakan kacamata hitamnya. Sekalipun diutamakan berfungsi sebagai alat untuk memperbesar teks, javascript ini juga mampu untuk memperkecil teks dengan sama baiknya. Penasaran untuk menggunakannya ?


Langkah-langkah yang harus di tempuh :

1. Amankan template anda dengan download terlebih dahulu :
Login Blogger --> Tata Letak --> Edit HTML --> Download Template Lengkap -->

Simpan di folder PC

2. Lanjutkan :
Tata Letak --> Edit HTML --> Cari Kode ]]></b:skin>

3. Letakkan KODE-1 di sebelah bawah ]]></b:skin>. Posisi ]]></b:skin> berada di atas </head> dan <body>

4. Jika ini berhasil, lanjukan dengan langkah ke-5, namun jika tidak berhasil dengan baik, anda bisa mengupload javascript ini ke file hosting atau lakukan langkah termudah dengan cara :

Tata Letak --> Elemen Laman--> Tambah Gadget --> Javascript/HTML

Letakkan CODE-1 dalan ruang Javascript/HTML dan Simpan (ini pasti berhasil baik).

5. Letakkan KODE-2 di atas KODE-1 (untuk langkah no.3 dan no.4) atau bisa diletakkan dimana anda suka. Di sidebar, di bawah header atau di dalam ruang posting paling atas, pada saat anda sedang membuat postingan.



KODE-1 :

<script language="javascript">
//** bloggerstars-bloggerstars1 --*//
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
</script>


KODE-2 :

<a href="javascript:ts('body',1)"><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/PerbesarTeksbgs.gif"/></a><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/bgs-bgs1.gif"/><a href="javascript:ts('body',-1)"><img src="http://i907.photobucket.com/albums/ac274/bloggerstuars/PerkecilTeksbgs.gif"/></a>






Selamat mencoba dan semoga berhasil> Buatlah senang seluruh penikmat blog yang berkacamata, dari bayi yang baru lahir hingga nenek-nenek yang sudah pikun !!!

Satu tips lagi tentang Read More

Ya..., meski read more membuat ruang menjadi lebih effisien, tetapi kadang-kadang menjengkelkan juga (seperti blog ini! Sorry..., masih malas untuk merubah. Habis harus edit lagi semuanya !). Habis..., posting sudah sudah selesai dibaca, karena ada "Read More" terpampang dan masih penasaran sama isi posting, otomatis cursor lari ke "sono" langsung "KLIK" dan.... Sialan ! Ehhh, nggak tahunya masih halaman yang sama seperti yang sudah selesai terbaca ! Nggak lain yang muncul rasa mengkal ditambah umpatan kesal yang bikin mulut "semakin methekol" (bhs Ind: berotot), ya.., nggak ?!

Ada cara untuk mensiasati masalah ini :

1. Biasa langsung amankan template terlebih dahulu :
Login Blogger --> Tata Letak --> Edit HTML --> Download Template Lengkap -->

simpan di folder PC

2. KLIK Expand Template Widget dan cari kode :

<a expr:href='data:post.url'>Read More</a>

3. Delete kemudian ganti dengan kode ini: <a expr:href='data:post.url'/>

4. KLIK Simpan Template.

Pindah ke ruang posting :

1. Setelah selesai melakukan posting dan posting diterbitkan, ambil URL posting anda dan masukan dalam kode seperti ini :

<a href='data:post.url'>Read More</a>

2. Kode berwarna merah gantilah dengan URL posting anda tadi dan terbitkan kembali. Istilahnya seperti kita melakukan edit ulang posting !

Contoh hasilnya seperti ini :

<a href='http://bloggerstuars.blogspot.com/2009/10/satu-tips-lagi-tentang-read-more.html'>Read More</a>

Contoh hasilnya untuk posting ini dalam read more baru :

Read More

Keterangan :

- Gunakan Ctrl+F untuk mempermudah saat mencari KODE pada ruang Edit HTML !
- Untuk penggunaan tips ini kode span class fullpost-nya tetap digunakan.
- Segera lakukan perubahan sebelum terlanjur. Kalau sudah terlalu banyak posting akan menyita waktu cukup banyak sehingga malas untuk merubahnya.
- Bila ingin memadukan dengan posting sebelumnya "Merubah Read More tampil lebih cantik", silahkan langsung bisa di padukan. Caranya hampir sama persis.

Merubah Read More tampil lebih cantik

Read More (Baca lengkap dll) yang sering muncul dihalaman blog sering kali hanya berupa teks yang tampil tanpa 'embel-embel' (tampil berupa teks doang!), sehingga meskipun hanya secuil informasi, terkesan tidak diberi kesempatan untuk membuat blog semakin menarik. Ada satu cara simple untuk merubah tampilan read more ini tanpa harus menambah gambar atau animasi yang akan semakin membebani blog. Sekelumit kode tambahan akan membuatnya tampil semakin bersahabat bagi pengelana blog.

Sebelum memulai "mendadani" read more, perlu sedikit diingat lagi bahwa teks tersebut diletakkan diantara kode seperti ini:

<a expr:href='data:post.url'>Read More</a>

1. Untuk mencari sekaligus "mendadani" kode yang dimaksud di atas, seperti biasa lakukan :
Login Blogger --> Tata Letak --> Edit HTML --> Download Template Lengkap -->

simpan di folder PC

2. Setelah pengamanan template selesai tetaplah di Edit HTML kemudian beri tanda "centrang" pada Expand Template Widget dengan meng"KLIK" kotak kecil disampingnya.

3. Cari KODE yang ada Read More-nya tersebut dan tambahkan KODE di bawah untuk menggantikan teks Read More yang sudah ada di template, sehingga bentuk KODE menjadi seperti ini :

<table style="float:left; width:100px;" bgcolor="#000000" border="1" bordercolor="blue" height="20"><tr><td style="background: #444343; text-align:center; border:1px solid yellow; font:bolder 14px Times New Roman; "> Read More ! </td></tr></table>

4. Setelah KODE terpasang, KLIK Simpan Template. Lihat hasilnya di blog !

Keterangan :
- Gunakan Ctrl+F untuk mempermudah pada saatmencari KODE di ruang Edit HTML.
- Apabila read more ingin diletakkan di sisi kanan, ganti float:leff dengan float:right.
- Besaran bingkai dan warna border, teks serta background bisa anda rubah sendiri sesuai dengan warna blog !!

Auto Scroller ; UP and DOWN

Auto Scroller; Up and Down merupakan Scroller yang berfungsi untuk menggulung halaman pada blog, baik ke ujung paling atas di kepala blog (top), daerah "dada dan perut" (tengah) hingga turun lagi.... sampai ke ujung "kuku jari" kaki halaman (bottom). Membuat petualang blog menkjadi lebih nyaman untuk menggulung tiap lembar blog dan juga sekaligus menambah lengkap fasilitas blog yang memanjakan mereka yang tak pernah bosan untuk mencari hal-hal yang baru. Oke ..., langsung ke sasaran :

1. Langkah pertama : LOGIN ke BLOGGER
2. Lihat gambar blog di bawah :
KLIK gambar

3. KODE ysng harus di COPY PASTE sebagai berikut :


<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">
<img src="http://i35.tinypic.com/1iy2v8.gif" border="0">
</a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">
<img src="http://i35.tinypic.com/wl7gk0.gif" border="0">
</a>
</div>

<script type="text/javascript">
//* har-bloggerstars & bloggerstuars.blogspot.com *//
var Hoffset=70
var Voffset=80
var thespeed=15 //nilai ini adl kecepatan scroll. Ganti yang cocok !!!
var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0
var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight
if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}

else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)
</script>




4. Ubah kecepatan yang menurut anda paling nyaman untuk digunakan. Dimulai dari 1.

5. Ganti tanda scroll-nya bila ingin yang baru atau bentuk lain dengan mengganti URL yang berkode http:// .....gif. (ada 2 terletak pada kode bagian atas;DOWN & UP).

Selamat mencoba dan bila berhasil gulunglah blok anda hingga fajar merekah. Ingat!!! Bila ayam belum berkokok dan kambing belum mengembik jangan pernah berhenti!!!

Auto Scroller untuk gambar dan teks

Auto Scroller ini akan membuat gambar/teks yang disertai link bergeser secara otomatis sehingga teks dan gambar akan muncul secara berurutan. kelebihan dari scroller ini, selain menggunakan javascript yang relatif irit, juga secara otomatis gambar atau teks akan berhenti saat cursor menyentuhnya dan dengan cara tersebut link di dalamnya bisa di buka. Modifikasi scroller ini sangat mudah untuk dilakukan, yang meliputi luas halaman (lebar dan tingginya), background, jenis dan besaran font serta kecepatan gesernya. Apabila bentuk gambar yang akan dimunculkan, sebaiknya luasan scroller bar disesuaikan dengan ukuran gambarnya sehingga tampilan akan tampak rapi dan menerik.

Langkah pembuatan Auto Scroller :

1. Setelah LOGIN ke BLOGGER lakukan urutan dalam gambar berikut :
KLIK gambar

KODE-1 berikut silahkan di copy paste dan dicoba terlebih dahulu, baru kemudian setelah berhasil, lakukan penggantian gambar dan URL-nya. Demikian juga gunakan KODE-2 (untuk teks) untuk menggantikan KODE-1 yang berwarna biru (untuk gambar) :



KODE-1

<script type="text/javascript">
/** har-bloggerstars & bloggerstuars.blogspot.com **/
//lakukan modifikasi di bawah ini:

var memorywidth="150px" //lebar
var memoryheight="100px"//tinggi
var memorybgcolor="#DEFDD9"//warna
var memorypadding="4px"//padding
var borderCSS="border: 5px ridge blue;"//tebal, jenis, dan warna border
var memoryspeed=2 //(1 s/d 10)
var pauseit=1 // (0 atau 1)
var persistlastviewedmsg=1
var persistmsgbehavior="onload"

//lakukan perubahan pada KODE di bawah ini (gambar dan URL-nya)
var memorycontent='<nobr><a href="#"><img src="http://i33.tinypic.com/111thdi.gif"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/dauphin_011.jpg"/><a/><a href="#"><img src="http://www.fond-ecran.net/icones/chevaux_014.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/marioncotillard_003.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/3dpaysage_001.jpg"/></a><a href="#"><img src="http://www.fond-ecran.net/icones/halleberry_004.jpg"/></a></nobr>'

////di bawah ini tidak perlu di rubah////////////
var combinedcssTable="width:"+(parseInt(memorywidth)+6)+"px;background-color:"+memorybgcolor+";padding:"+memorypadding+";"+borderCSS+";"
var combinedcss="width:"+memorywidth+";height:"+memoryheight+";"
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
memoryspeed=(document.all)? memoryspeed : Math.max(1, memoryspeed-1) //slow speed down by 1 for NS

var copyspeed=memoryspeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById

if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-10000px">'+memorycontent+'</span>')
var actualwidth=''
var memoryscroller

if (window.addEventListener)
window.addEventListener("load", populatescroller, false)
else if (window.attachEvent)
window.attachEvent("onload", populatescroller)
else if (document.all || document.getElementById)
window.onload=populatescroller
function populatescroller(){
memoryscroller=document.getElementById? document.getElementById("memoryscroller") : document.all.memoryscroller
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
if (persistlastviewedmsg && get_cookie("lastscrollerpos")!="")
revivelastmsg()
memoryscroller.innerHTML=memorycontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
lefttime=setInterval("scrollmarquee()",20)
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}

return returnvalue;
}

function savelastmsg(){
document.cookie="lastscrollerpos="+memoryscroller.style.left
}

function revivelastmsg(){
lastscrollerpos=parseInt(get_cookie("lastscrollerpos"))
memoryscroller.style.left=parseInt(lastscrollerpos)+"px"
}

if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
function scrollmarquee(){
if (parseInt(memoryscroller.style.left)>(actualwidth*(-1)+8))
memoryscroller.style.left=parseInt(memoryscroller.style.left)-copyspeed+"px"
else
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
}

if (iedom){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0" style="'+combinedcssTable+'"><td>')
write('<div style="position:relative;overflow:hidden;'+combinedcss+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">')
write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" '+divonclick+'></div>')
write('</div>')
document.write('</td></table>')
}
}

</script>



KODE-2


var memorycontent='<nobr><span style="font: bold 13px Verdana"> * Makan nangka banyak bijinya * <a href="http://bloggerstuars.blogspot.com"> bloggerstars1 * </a> Besar besar seperti bola * <a href="#"> Makan petai pasti bijinya * </a> Besar-besar ampun baunya * <a href="#">Ah... kamu !!! * </a>Kalau buang air di sungai sana !!! Bau !!! *</span></nobr>'



Keterangan :

- KODE <a href="#"> tanda setelah "sama dengan" merupakan URL subyek yang ditampilkan atau URL link lain yang berkaitan dengan subyek.

- bloggerstuars.blogspot.com (pada KODE-2) juga diganti dengan link yang sesuai.

- untuk melakukan modifikasi pada KODE yang ada sudah sangat jelas. Khusus untuk KODE-2 (teks), gunakan ukuran teks dan tinggi dan lebar ruang auto scroll yang sesuai. Kira-kira bentuk yang dipergunakan adalah bentuk segi empat memanjang. Misalnya 300px dan 30px dengan besaran font 18px.

Selamat mencoba dan moga-moga cocok untuk digunakan di blog anda !!! Jangan lupa tambah petainya, tapi ingat...., buang airnya di lapangan bola atau di sungai !!! hiiiiiii........!!!!
 

ujung bawah

gubhug reyot
Add to Technorati Favorites
Search Engine Optimization SEO