MARQUEE TEXT

Sabtu, 21 Januari 2012

merubah huruf blog



 Klik Add Widget, paste kode berikut :

<div class='widget-content'>
<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>
</div>
save

MEMPERBESAR HURUF

PASTE KODE BERIKUT di atas ]]></b:skin>

.textsizernorm, .textsizerbig, .textsizerbigger, .textsizersmall {
padding-top: 20px;
-o-transition: font 2s ease-in;
-moz-transition: font 2s ease-in;
-webkit-transition: font 2s ease-in;
}
.textsizersmall{font-size:12px}
.textsizernorm{font-size:13px}
.textsizerbig{font-size:14px}
.textsizerbigger{font-size:15px; font-weight:bold}
span.sizer {
float: right;
text-align: center;
height: 20px;
width: 250px;
margin: 0 10px 10px 0;
background: #333366;
display: block;
font-size: 18px;
padding: 2px 10px;
color: #00CCFF;
text-shadow: 1px 1px 1px blue;
cursor: pointer;
border: 1px solid #eee;
font-family: Times New Roman;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 6px #000;
-moz-box-shadow: 1px 1px 6px #000;
-webkit-box-shadow: 1px 1px 6px #000;display: block;
}
span.sizer:active {
border: 1px solid #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #003399;
box-shadow:0px 0px 12px #000;
-moz-box-shadow:0px 0px 12px #000;
-webkit-box-shadow:0px 0px 12px #000;
margin-top: -1px;
}
.clr20 {clear: both; height: 20px;}

kemudian Add Widget

pastekan kode berikut
<div class='textsizersmall' onclick='if (this.classname==&quot;textsizersmall&quot;) { this.classname=&quot;textsizernorm&quot; } else if (this.classname==&quot;textsizernorm&quot;) { this.classname=&quot;textsizerbig&quot; } else if (this.classname==&quot;textsizerbig&quot;) { this.classname=&quot;textsizerbigger&quot; } else if (this.classname==&quot;textsizerbigger&quot;) { this.classname=&quot;textsizersmall&quot; } else { this.classname=&quot;textsizersnall&quot; }'><span class='sizer'>UKURAN HURUF</span>
<div class="clr20"/></div></div>

END

Kamis, 12 Januari 2012

Cara Menambah Elemen Baru di Header, Sidebar, Main-Wrapper dan Footer BlogSPOT

Elemen Baru di Header Blog (bagian blog teratas):
Cari Kode :
<b:section class='header' id='header'

Pada kode di atas setelah id=’header’ biasanya terdapat kode lain yang mengikuti seperti : “maxwidgets=’1′ showaddelement=’no’>“. Jika tidak ada tidak menjadi masalah, yang penting seluruh bagian kode html pada point pertama di atas, gantilah dengan kode html baru sebagai berikut :
<b:section class='header' id='header' showaddelement='yes'>
 Catatan : Seandainya di template sampeyan kode ditulis dalam bentuk berbeda, misalnya ada penambahan “wrapper“, sesuaikan juga kode yang digunakan sebagai pengganti sehingga akan pas buat templatenya.

Elemen Baru di Main-Wrapper (di atas halaman posting):
Cari Kode :
<b:section class='main' id='main'
 Pada kode di atas setelah id=’main’ biasanya terdapat kode lain yang mengikuti seperti : “ showaddelement=’no’>“. Jika ada sedikit perbedaan kode html seperti contoh di bagian atas (header), sesuaikan juga penulisan kodenya. Ganti kode html-nya dengan kode html di bawah ini :
<b:section class='main' id='main' showaddelement='yes'>

Elemen Baru di footer (di bagian terbawah blog/template):
Cari Kode :
<b:section class='footer' id='footer'
 Pada kode di atas setelah id=’main’ Biasanya pada bagian footer sudah ditampilkan sebuah elemen dengan tanda detelah kode di atas tidak ada penambahan kode html yang lain. Biasanya kode di atas langsung ditutup dengan kode ” > “ (kurung tutup). Jika memang belum ada elemennya gunakan kode baru sebagai berikut
<b:section class='footer' id='footer'>
 Sidebar (di samping kanan atau kiri atau kedua sisi kanan-kiri) :

Di sidebar biasanya pasti sudah ada elemennya sehingga tidak perlu dilakukan perubahan dalam bentuk apapun.

 Crosscol Wrapper (di antara header dan ruang posting) :

Tidak semua blog menggunakan Crosscol Wrapper. Bila ingin menambahkan elemen baru Crosscol, harus dilakukan penambahan kode baru sebagai berikut :
<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol'/>
</div>
 Letakkan kode di atas di bawah kode html seperti terlihat di bawah ini :
<div id='content-wrapper'>
 Apabila kode di atas tidak ada dan sampeyan tetap ingin menambahkan elemen baru di posisi tersebut, maka tambahkan kode html secara lengkap seperti di bawah ini :
<div id='content-wrapper'>
<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol'/>
</div>
  Lanjutkan dengan menambah tag penutup </div> di atas kode :
<div id='footer-wrapper'>


Selasa, 10 Januari 2012

Membuat kolom di Blog

Konten 1Konten 2Konten 3
Jika ingin memasukkan gambar
Konten 1Konten 2Konten 3
Tuliskan teks disini Masukkan script gambar dengan format seperti ini <img border='0' src=' http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'/> Maka hasilnya akan seperti ini

CARA MEMBUAT EFEK DAUN BERGUGURAN DI BLOG

Caranya :
Add Gadget pastekan kode berikut :
<script src="http://blogtegal.googlecode.com/files/efek-daun.js" type="text/javascript"/>

untuk Demo 

MEMBUAT TANSLATE DENGAN ICON BENEDERA BERKIBAR

Caranya :
Add Gadget Pastekan Kode Berikut :
<center><a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderainggris.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderajerman.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderabelanda.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderaitalia.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderarussia.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Greek" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cel&hl=en'); return false;"><img alt="Greek" border="0" align="absbottom" title="Greek" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/1275135135607711509667243-1.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderaprancis.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spanish" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spanish" border="0" align="absbottom" title="Spanish" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderaspanyol.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderaarab.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderakorea.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderajepang.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Chinese" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderachina.gif" style="cursor: pointer;margin-right:3px" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Indonesian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cid&hl=en'); return false;"><img alt="Indonesian" border="0" align="absbottom" title="Indonesian" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/1275135135607719624414528.gif" style="cursor: pointer;margin-right:3px" /></a></center>

lihat icon bedera di bawah  

RECENT POST DENGAN GAMBAR OTOMATIS SCROLL

ADD Gadget  pastekan kode berikut :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:355px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:335px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 150;
cellspacing = 6;
borderColor = "#ff00ff";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comment(s)";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 17;
home_page = "http://warademo.blogspot.com/";
limitspy=7
intervalspy=6000
</script>

<div id="spylist">
<script type='text/javascript'>
//<![CDATA[
/*
* Script dikombinasikan dari bloggerstricks.com
* spy effect dari jqueryfordesigners.com
* Oleh Abu Farhan (www.abu-farhan.com)
* Modifikasi oleh buka-rahasia.blogspot.com
*/
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>\/script

yang warana pink adalah URL Blog.