<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8450985872554013762</id><updated>2012-04-25T21:36:54.172+07:00</updated><category term='sejarah'/><category term='dokumentasi'/><category term='CSS'/><category term='thypografi'/><category term='musik'/><category term='Kreasi Css3'/><category term='games'/><category term='Cerita'/><category term='Grid'/><category term='poster'/><category term='film'/><category term='Tutorial'/><category term='template'/><category term='widget'/><category term='Celoteh'/><title type='text'>i ♥ u - Urang Kurai - West Sumatera</title><subtitle type='html'>Blogazine (Blog + Magazine )</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://urangkurai.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default?start-index=26&amp;max-results=25'/><author><name>Ok Templates</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>92</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-5321749842422325532</id><published>2012-04-25T02:54:00.012+07:00</published><updated>2012-04-25T10:40:19.153+07:00</updated><title type='text'>X10 masonry template</title><content type='html'>&lt;style&gt;body{background:#1C1C1C url(http://4.bp.blogspot.com/-EFv1G92gMhE/TvYgNVpjrUI/AAAAAAAAG2A/n7P7nKeVNa0/s1600/bg-home.jpg);font-size:13px;color:#767171;}#bawahbana,.footerwrap,.footergrd p{color:#555;}.footerwrap{text-align:left;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;background-color:rgba(0,0,0,0.4);background-image:url(http://4.bp.blogspot.com/-gWT5Nn2Ww4E/Tvc8FPEhxlI/AAAAAAAAG2s/fuSCtMCtTAI/s1600/bg-footer.png);background-repeat:repeat-x;background-position:top center;color:#444;width:100%;-webkit-box-shadow:0 5px 11px rgba(0,0,0,.7) inset;-moz-box-shadow:0 5px 11px rgba(0,0,0,.7) inset;box-shadow:0 5px 11px rgba(0,0,0,.7) inset;margin:auto;}.container{padding-top:40px;padding-left:20px;padding-right:20px;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#C6EB04;text-shadow:0 0 10px #C6EB04;text-align:center;border-right:1px solid #3C3C3C;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px solid #3C3C3C;padding:123px 20px 8px;}#toggle-container h2{border:none;background-color:transparent;}.judul{font:bold 25px Raleway,arial,sans serif;text-transform:uppercase;text-align:center;color:#555;text-shadow:0 0 1px #000;background-color:#181818;}.template{text-align:center;background-color:#111;padding-top:10px;margin:0 auto;}.template li{display:inline;height:30px;margin:0 auto;padding:0 15px;}.template li a{width:125px;display:inline-block;white-space:nowrap;margin-bottom:.5em;font:bold 1.3em/2em Arial, Helvetica;text-decoration:none;color:#333;background:#161616;border:1px solid rgba(255,255,255,0.03);box-shadow:0 5px 12px rgba(0,0,0,.7);-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);padding:0 1.5em;}.template li a:hover{background-color:#181818;}.template li a:before{background:rgba(0,0,0,.1);float:left;width:1em;text-align:center;font-size:1.5em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events:none;content:"\279C";margin:0 1em 0 -1em;padding:0 .2em;}.grid{width:1000px;margin:0 auto;padding:10px;}.grid h1{padding:3px 0;}.grid-c1,.grid-c2{float:left;width:468px;}.row{width:1000px;margin:0 auto;}.row .grid-c1,.row .grid-c2{background-color:rgba(255,255,255,0.1);box-shadow:0 5px 12px rgba(0,0,0,.7);-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);border:1px solid #222;float:left;width:450px;margin:35px 0 10px 20px;}.grid-m1,.grid-m2,.row .grid-m1,.row .grid-m2{float:left;width:22px;height:1px;}&lt;/style&gt;&lt;div class="grid"&gt; &lt;div class="grid-m1"&gt;&lt;/div&gt; &lt;div class="grid-c1"&gt; &lt;img border="0" src="http://4.bp.blogspot.com/-kEqJ2B_LA0s/T5cA3G5X1PI/AAAAAAAAIDQ/NMPjbWc4RBM/s1600/x10.png" /&gt; &lt;/div&gt; &lt;div class="grid-m2"&gt;&lt;/div&gt; &lt;div class="grid-c2"&gt; &lt;div class="text-c2"&gt; &lt;h1&gt;X10 masonry template&lt;/h1&gt; &lt;p&gt;dari judul nya pasti nih sobat sudah pada tahu &lt;b&gt;template&lt;/b&gt; nya kayak apa ,template ini menggunakan &lt;b&gt;jquery masonry&lt;/b&gt; dari &lt;u&gt;&lt;a href="http://masonry.desandro.com/"&gt;masonry.desandro.com&lt;/a&gt;&lt;/u&gt;,ini jujur ya menurut selera saya ,dari beberapa template yg saya bikin,ini template yang paling saya sukai,ini menurut selera saya loh..kwkwk,gak tahu kalau menurut selera sobat gimana kwkwkw..&lt;/p&gt; &lt;p&gt;awal dari pembikinan template ini sebenar nya adalah berasal dari ke tertarikan saya mempelajari jquery masonry,dan saya sangat penasaran dan pengen mencoba untuk bikin dan menerapkan nya ke blogspot dengan style saya sendiri...eh gak tahu nya berhasil..tadaaa!!!.kelebihan dari template ini responsive di ukuran layar dan masonry nya pun berfungsi di semua peramban termasuk IE.template ini mempunyai beberapa kolom yg bisa di tambah - tambah in lebih banyak lagi,di template ini saya sengaja menutup bagian widget nya supaya nanti gak berantakan di halaman depan nya.template ini saya bikin 4 style dan dengan &lt;b&gt;variasi warna&lt;/b&gt; dan &lt;b&gt;animasi&lt;/b&gt; yg berbeda - beda,dan silahkan bagi sobat untuk memilih yg mana rasa nya pas di hati kwkwkw,tapi misal nya sobat gak ada yg suka dengan style nya,saya yakin template ini bisa di kembangkan dan di kreasikan lebih jauh lagi.oke silahkan di coba dan maaf klw tampilan nya rada - rada ngawur,acak - acak an dan lemot bgt kwkwk..piss&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;br style="clear:both" /&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="grid-m1"&gt;&lt;/div&gt; &lt;div class="grid-c1"&gt; &lt;h1 class="judul"&gt;x10 masonry dark &lt;/h1&gt; &lt;img border="0" src="http://2.bp.blogspot.com/-HSa2o9SdOYg/T5YbfkwZTgI/AAAAAAAAICo/ENJ7FqLuwK4/s1600/masonry-dark.gif" /&gt; &lt;ul class="template"&gt; &lt;li&gt;&lt;a href="http://x10-masonry-dark.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/x10-masonry-dark.zip"&gt;Download&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="grid-m2"&gt;&lt;/div&gt; &lt;div class="grid-c2"&gt; &lt;h1 class="judul"&gt;x10 masonry transparent &lt;/h1&gt; &lt;img border="0" src="http://3.bp.blogspot.com/-JmtrrAf8uno/T5Ybi7Fp_cI/AAAAAAAAIC4/b3m2Ql1QbQ8/s1600/masonry-transparent.gif" /&gt; &lt;ul class="template"&gt; &lt;li&gt;&lt;a href="http://x10-masonry-transparent.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/x10-masonry-transparent.zip"&gt;Download&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="grid-m1"&gt;&lt;/div&gt; &lt;div class="grid-c1"&gt; &lt;h1 class="judul"&gt;x10 masonry red &lt;/h1&gt; &lt;img border="0" src="http://1.bp.blogspot.com/--J9UJCGQ3f8/T5YbhAxlTaI/AAAAAAAAICw/aEZJwawqI38/s1600/masonry-red.gif" /&gt; &lt;ul class="template"&gt; &lt;li&gt;&lt;a href="http://x10-masonry-red.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/x10-masonry-red.zip"&gt;Download&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="grid-m2"&gt;&lt;/div&gt; &lt;div class="grid-c2"&gt; &lt;h1 class="judul"&gt;x10 masonry white &lt;/h1&gt; &lt;img border="0" src="http://3.bp.blogspot.com/-xqWMn7NE2uE/T5YbkKx5OfI/AAAAAAAAIDA/i_wK9Anpazw/s1600/masonry-whte.gif" /&gt; &lt;ul class="template"&gt; &lt;li&gt;&lt;a href="http://x10-masonry-white.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/x10-masonry-white.zip"&gt;Download&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;br style="clear:both" /&gt; &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-5321749842422325532?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/5321749842422325532'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/5321749842422325532'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/04/x10-masonry-template.html' title='X10 masonry template'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-kEqJ2B_LA0s/T5cA3G5X1PI/AAAAAAAAIDQ/NMPjbWc4RBM/s72-c/x10.png' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-4335303154790928542</id><published>2012-04-19T21:38:00.020+07:00</published><updated>2012-04-24T12:28:17.157+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='thypografi'/><title type='text'>ideology</title><content type='html'>&lt;style type="text/css"&gt;
.header{display:block;background:none;-webkit-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;position:relative;z-index:5;margin:0;}.header .nav a{border-right:1px solid #232323;padding:123px 20px 28px 20px;margin:0 auto;font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#232323;text-align: center;text-shadow:none;}.header .nav{padding:123px 20px 8px 20px;border-bottom:4px double #232323;}#toggle-container h2{display:none;}a:link,a:visited,a:active,a:hover{text-decoration:none;color:#222;}.footergrd p{color:#222;}html,.footerwrap{color:#222;background:#000}.footergrd h1{color:#252525;}
&lt;/style&gt;

                 

    
   &lt;style&gt;
body{
            background-color: #000!important;    
}
#text
{
        overflow:hidden;
        margin:0 auto;
        color:#000;
        text-shadow:-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff;
        position:relative;
        font-family: georgia,serif;
        font-weight: bold;
}
.text{
        width:800px;
        height:630px;
        position:relative;
        margin:0 auto;
        -moz-user-select:none;
        -khtml-user-select:none;
        -o-user-select:none;
        user-select:none;
        unselectable:on;
        cursor:default;  
        padding:0 0 70px 0;
}
.text span{
        position:absolute;
}
.text span.blk1{
        font-size:100px;
        left:70px;
        top:60px;
        letter-spacing: -1px;
}
.text span.blk2{
        font-size:40px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        writing-mode: tb-rl;
        top:115px;
        left:450px;
}
.text span.blk3{
        font:100px arial,sans serif;
        line-height:70px;
        left:525px;
        top:40px;
        letter-spacing: -5px;
}
.text span.blk4{
        font-size: 80px;
        line-height:60px;
        left:370px;
        top:200px;
}
.text span.blk5{
        font-size:25px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        writing-mode: tb-rl;
        top:275px;
        left:375px;
}
.text span.blk6{
        font-size:60px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        writing-mode: tb-rl;
        top:463px;
        left:155px;
}
.text span.blk7{
        font:bold 100px arial narrow,arial,helvetica,sans serif;
        line-height:90px;
        left:390px;
        top:304px;
        letter-spacing: -5px;
        color:#FF0084;
        text-shadow:none;
}
.text span.img1{
        background:url(http://2.bp.blogspot.com/-m9hmzn88YhM/T5Af1wEsW_I/AAAAAAAAH_I/uaBxa7TTmxY/s1600/img1.png)no-repeat top center;
        width:498px;
        height:722px;
        left:-100px;
        top:110px;
        letter-spacing: -5px;
}
.spotlight {
        display: block;
        position: absolute;
        z-index:2;
        top: 0;
        left: 0;
        bottom:0;
        right:0;
        width: 100%;
        height: 100%;
        border: 1px solid #000;
        pointer-events: none;
        background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9)), color-stop(0.9, rgba(0,0,0,0)));
        background-image: -moz-radial-gradient(50% 50% 45deg,circle closest-side,transparent 0,transparent 100px,rgba(0, 0, 0, 0.9) 120px);

    }
#canvas{
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;z-index:1;
}
   
&lt;/style&gt;

        &lt;br /&gt;
&lt;div id="text"&gt;
&lt;div class="text"&gt;
&lt;span class="blk1"&gt;ideology &lt;/span&gt;
                             &lt;span class="blk2"&gt;causes&lt;/span&gt;
                             &lt;span class="blk3"&gt;move &lt;br /&gt;ment&lt;/span&gt;
                      &lt;span class="blk4"&gt;within&lt;/span&gt;
                             &lt;span class="blk5"&gt;the&lt;/span&gt;
                     &lt;span class="blk6"&gt;globalization&lt;/span&gt;
                &lt;span class="blk7"&gt;Think&lt;br /&gt;about&lt;br /&gt;it!&lt;/span&gt;
         &lt;span class="img1"&gt;&lt;/span&gt;
        
          &lt;/div&gt;
&lt;/div&gt;
&lt;span class="spotlight" id="spot"&gt;&lt;/span&gt;
        &lt;canvas id="canvas"&gt;&lt;/canvas&gt;

&lt;script type="text/javascript"&gt;
function DrawWorm(){var a;var b;var c;var d;var e={x:10,y:10};var f;var g=[];var h=100;var i=80;var j=500;var k=500;this.initialize=function(){a=document.getElementById("canvas");b=a.getContext("2d");c=window.innerWidth-8;d=window.innerHeight-8;a.width=c;a.height=d;a.addEventListener("touchmove",t,false);a.addEventListener("mousemove",s,false);a.addEventListener("click",r,false);var e=setInterval(l,20)};var l=function(){var a=g.length;var b;for(b=0;b&lt;a;b++){var c=g[b];if(c.count&lt;i){m(c);c.count++}else{a--;g.splice(b,1);b--}}n()};var m=function(a){if(Math.random()&gt;.9){a.tmt.rotate(-a.r*2);a.r*=-1}a.vmt.prependMatrix(a.tmt);var c=-a.w*a.vmt.c+a.vmt.tx;var d=-a.w*a.vmt.d+a.vmt.ty;var e=(a.c1x+c)/2;var f=(a.c1y+d)/2;var g=a.w*a.vmt.c+a.vmt.tx;var h=a.w*a.vmt.d+a.vmt.ty;var i=(a.c2x+g)/2;var j=(a.c2y+h)/2;b.fillStyle="rgba(255,0,132,0.6)";b.strokeStyle="rgba(255,0,132,0.9)";b.beginPath();b.moveTo(a.p1x,a.p1y);b.quadraticCurveTo(a.c1x,a.c1y,e,f);b.lineTo(i,j);b.quadraticCurveTo(a.c2x,a.c2y,a.p2x,a.p2y);b.closePath();b.fill();a.c1x=c;a.c1y=d;a.p1x=e;a.p1y=f;a.c2x=g;a.c2y=h;a.p2x=i;a.p2y=j};var n=function(){var a=e.x;var c=e.y;var d=a-j;var f=c-k;var g=Math.min(u(d,f),50);if(g&lt;10){return}var h=new Matrix2D;h.rotate(Math.atan2(f,d));h.translate(a,c);o(h,g);b.beginPath();b.strokeStyle="#000000";b.moveTo(j,k);b.lineTo(a,c);b.stroke();b.closePath();j=a;k=c};var o=function(a,b){var c=Math.random()*(Math.PI/6-Math.PI/64)+Math.PI/64;if(Math.random()&gt;.5){c*=-1}var d=new Matrix2D;d.scale(.95,.95);d.rotate(c);d.translate(b,0);var e=.5;var f=new p;f.c1x=-e*a.c+a.tx;f.p1x=-e*a.c+a.tx;f.c1y=-e*a.d+a.ty;f.p1y=-e*a.d+a.ty;f.c2x=e*a.c+a.tx;f.p2x=e*a.c+a.tx;f.c2y=e*a.d+a.ty;f.p2y=e*a.d+a.ty;f.vmt=a;f.tmt=d;f.r=c;f.w=b/20;f.count=0;g.push(f);if(g.length&gt;h){g.shift()}};var p=function(){this.c1x=null;this.c1y=null;this.c2x=null;this.c2y=null;this.p1x=null;this.p1y=null;this.p2x=null;this.p2y=null;this.w=null;this.r=null;this.count=null;this.vmt=null;this.tmt=null};var q=function(){b.fillStyle="rgba(255, 255, 255, 0.02)";b.beginPath();b.rect(0,0,c,d);b.closePath();b.fill()};var r=function(a){a.preventDefault();b.fillStyle="rgba(0,0,0,0.0)";b.beginPath();b.rect(0,0,c,d);b.closePath();b.fill();g=[]};var s=function(b){e.x=b.layerX-a.offsetLeft;e.y=b.layerY-a.offsetTop};var t=function(b){b.preventDefault();e.x=b.targetTouches[0].pageX-a.offsetLeft;e.y=b.targetTouches[0].pageY-a.offsetTop};var u=function(a,b){return Math.sqrt(a*a+b*b)}}(function(a){var b=function(a,b,c,d,e,f){this.initialize(a,b,c,d,e,f)};var c=b.prototype;b.identity=null;b.DEG_TO_RAD=Math.PI/180;c.a=1;c.b=0;c.c=0;c.d=1;c.tx=0;c.ty=0;c.alpha=1;c.shadow=null;c.compositeOperation=null;c.initialize=function(a,b,c,d,e,f){if(a!=null){this.a=a}this.b=b||0;this.c=c||0;if(d!=null){this.d=d}this.tx=e||0;this.ty=f||0};c.prepend=function(a,b,c,d,e,f){var g=a*this.a+b*this.c;var h=a*this.b+b*this.d;var i=c*this.a+d*this.c;var j=c*this.b+d*this.d;var k=e*this.a+f*this.c+this.tx;var l=e*this.b+f*this.d+this.ty;this.a=g;this.b=h;this.c=i;this.d=j;this.tx=k;this.ty=l};c.append=function(a,b,c,d,e,f){var g=this.a;var h=this.b;var i=this.c;var j=this.d;this.a=a*g+b*i;this.b=a*h+b*j;this.c=c*g+d*i;this.d=c*h+d*j;this.tx=e*g+f*i+this.tx;this.ty=e*h+f*j+this.ty};c.prependMatrix=function(a){this.prepend(a.a,a.b,a.c,a.d,a.tx,a.ty);this.prependProperties(a.alpha,a.shadow,a.compositeOperation)};c.appendMatrix=function(a){this.append(a.a,a.b,a.c,a.d,a.tx,a.ty);this.appendProperties(a.alpha,a.shadow,a.compositeOperation)};c.prependTransform=function(a,c,d,e,f,g,h,i,j){if(f%360){var k=f*b.DEG_TO_RAD;var l=Math.cos(k);var m=Math.sin(k)}else{l=1;m=0}if(i||j){this.tx-=i;this.ty-=j}if(g||h){g*=b.DEG_TO_RAD;h*=b.DEG_TO_RAD;this.prepend(l*d,m*d,-m*e,l*e,0,0);this.prepend(Math.cos(h),Math.sin(h),-Math.sin(g),Math.cos(g),a,c)}else{this.prepend(l*d,m*d,-m*e,l*e,a,c)}};c.appendTransform=function(a,c,d,e,f,g,h,i,j){if(f%360==0&amp;&amp;d==1&amp;&amp;e==1&amp;&amp;g==0&amp;&amp;h==0){this.tx+=a-i;this.ty+=c-j;return}if(f%360){var k=f*b.DEG_TO_RAD;var l=Math.cos(k);var m=Math.sin(k)}else{l=1;m=0}if(g||h){g*=b.DEG_TO_RAD;h*=b.DEG_TO_RAD;this.append(Math.cos(h),Math.sin(h),-Math.sin(g),Math.cos(g),a,c);this.append(l*d,m*d,-m*e,l*e,0,0)}else{this.append(l*d,m*d,-m*e,l*e,a,c)}if(i||j){this.tx-=i*this.a+j*this.c;this.ty-=i*this.b+j*this.d}};c.rotate=function(a){var b=Math.sin(a);var c=Math.cos(a);var d=c*this.a+b*this.c;var e=c*this.b+b*this.d;var f=-b*this.a+c*this.c;var g=-b*this.b+c*this.d;this.a=d;this.b=e;this.c=f;this.d=g};c.skew=function(a,c){a=a*b.DEG_TO_RAD;c=c*b.DEG_TO_RAD;this.append(Math.cos(c),Math.sin(c),-Math.sin(a),Math.cos(a),0,0)};c.scale=function(a,b){this.a*=a;this.d*=b;this.tx*=a;this.ty*=b};c.translate=function(a,b){this.tx+=a;this.ty+=b};c.identity=function(){this.alpha=this.a=this.d=1;this.b=this.c=this.tx=this.ty=0;this.shadow=this.compositeOperation=null};c.invert=function(){var a=this.a;var b=this.b;var c=this.c;var d=this.d;var e=this.tx;var f=a*d-b*c;this.a=d/f;this.b=-b/f;this.c=-c/f;this.d=a/f;this.tx=(c*this.ty-d*e)/f;this.ty=-(a*this.ty-b*e)/f};c.isIdentity=function(){return this.tx==0&amp;&amp;this.ty==0&amp;&amp;this.a==1&amp;&amp;this.b==0&amp;&amp;this.c==0&amp;&amp;this.d==1};c.decompose=function(a){if(a==null){a={}}a.x=this.tx;a.y=this.ty;a.scaleX=Math.sqrt(this.a*this.a+this.b*this.b);a.scaleY=Math.sqrt(this.c*this.c+this.d*this.d);var c=Math.atan2(-this.c,this.d);var d=Math.atan2(this.b,this.a);if(c==d){a.rotation=d/b.DEG_TO_RAD;if(this.a&lt;0&amp;&amp;this.d&gt;=0){a.rotation+=a.rotation&lt;=0?180:-180}a.skewX=a.skewY=0}else{a.skewX=c/b.DEG_TO_RAD;a.skewY=d/b.DEG_TO_RAD}return a};c.reinitialize=function(a,b,c,d,e,f,g,h,i){this.initialize(a,b,c,d,e,f);this.alpha=g||1;this.shadow=h;this.compositeOperation=i;return this};c.appendProperties=function(a,b,c){this.alpha*=a;this.shadow=b||this.shadow;this.compositeOperation=c||this.compositeOperation};c.prependProperties=function(a,b,c){this.alpha*=a;this.shadow=this.shadow||b;this.compositeOperation=this.compositeOperation||c};c.clone=function(){var a=new b(this.a,this.b,this.c,this.d,this.tx,this.ty);a.shadow=this.shadow;a.alpha=this.alpha;a.compositeOperation=this.compositeOperation;return a};c.toString=function(){return"[Matrix2D (a="+this.a+" b="+this.b+" c="+this.c+" d="+this.d+" tx="+this.tx+" ty="+this.ty+")]"};b.identity=new b(1,0,0,1,0,0);a.Matrix2D=b})(window);var app=new DrawWorm;app.initialize()
function moveSpot(a){var b=0;var c=0;if(!a)var a=window.event;if(a.pageX||a.pageY){b=a.pageX;c=a.pageY}else if(a.clientX||a.clientY){b=a.clientX+document.body.scrollLeft;c=a.clientY+document.body.scrollTop}if(navigator.userAgent.match("AppleWebKit")){var d="-webkit-gradient(radial, "+b+" "+c+", 0, "+b+" "+c+", 100, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9)), color-stop(0.9, rgba(0,0,0,0)))"}else{var d="-moz-radial-gradient("+b+"px "+c+"px 45deg,circle closest-side,transparent 0,transparent 100px,rgba(0, 0, 0, 0.9) 120px)"}spot.style.backgroundImage=d}var spot=document.getElementById("spot");var width=document.documentElement.clientWidth;var height=document.documentElement.clientHeight;window.onload=function(){window.onmousemove=moveSpot}
&lt;/script&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-4335303154790928542?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4335303154790928542'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4335303154790928542'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/04/ideology.html' title='ideology'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-784007884188453810</id><published>2012-04-08T02:30:00.015+07:00</published><updated>2012-04-25T11:34:19.506+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='dokumentasi'/><category scheme='http://www.blogger.com/atom/ns#' term='thypografi'/><title type='text'>khusus dewasa Max 18</title><content type='html'>&lt;style&gt;html,body{background:#030303;}body{font-family:Verdana, sans-serif;-webkit-font-smoothing:antialiased;overflow:auto;overflow-y:hidden;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding-left:50px;border-bottom:4px solid #222 ;margin:0 0 35px 0;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#888;text-align:center;text-shadow:none;border-right:1px solid #333;margin:0 auto;padding:123px 20px 8px;}.header .nav{padding:123px 20px 8px;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#232323;position:relative;z-index:9;}.footerwrap{color:#232323;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}.footergrd h1{color:#333;}#toggle-container h2.active,#toggle-container h2{background:#151515 ;padding:0;height:4px;border-top:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:34px 0 0 0;}.bg-2{height:370px;background:#f1f1f1;width:14050px;position:relative;padding-top:30px;padding-left:120px;text-transform:uppercase;overflow:hidden;color:#000;margin:0 auto;}.bg-2 h1{font:bold 290px arial,verdana,sans serif;line-height:1em!important;text-shadow:0 5px 10px hsla(0,0%,0%,.2);}.bg-2 span.bl1{font:30px arial black,tahoma,verdana,sans serif;position:fixed;margin:-20px 0 0 0px;}.bg-2 span.bl2{font:30px verdana,sans serif;position:absolute;right:160px;float:left;margin:-20px 0 9px;padding:4px 0 8px 31px;}.bg-2 h3{font:30px/10px verdana,sans serif;}span.color_1{color:#000!important;}span.color_2{color:#fff!important;background:#000!important;border-radius:0 50px 50px 0;padding:10px 30px;}span.color_3{color:#fff!important;background:#000!important;border-radius:0 50px 50px 0;padding:4px 20px 4px 1500px;}span.color_4{font-size:18px;padding:0 0 0 700px;}table{position:absolute;color:#000!important;top:108px;right:70px;width:500px;font-weight:bold;z-index:9;}table tr,table tr td{border-color:#000!important;padding:4px!important;}.spasi{width:400px}&lt;/style&gt;

 &lt;!-- resource 
Curtis CSS Typeface - http://desandro.com/ --&gt;
 &lt;!--  --&gt;
   &lt;style&gt;

#max-18{
height:320px;
position:relative;
}
/********** defaults for all characters all font sizes **********/
.standard .css_char .fill { background: #000;}
.standard .css_char .neg { background: #f1f1f1; }
.standard .css_char .stroke,
.standard .css_char .neg_stroke,
.standard .css_char .split_vert,
.standard .css_char .split_horiz,
.standard .css_char .split_horiz_pos,
.standard .css_char .split_horiz_neg { border: 0px solid; }
.standard .css_char .stroke { border-color: #000 }
.standard .css_char .split_vert { border-color: #000 transparent; }
.standard .css_char .split_horiz { border-color: #f1f1f1 transparent; }
.standard .css_char .split_horiz_pos { border-color: transparent #000; }
.standard .css_char .split_horiz_neg { border-color: transparent #f1f1f1; }


.css_char {
          position: relative;
          height: 140px;
          display: block;
          float: left;
          overflow: hidden;
          margin: 0 5px 20px 0;
}
.standard .css_char { text-indent: -9999px; }
.inspect .css_char { text-indent: 0; }
.css_char span {
          display: block;
          position: absolute;
          text-indent: -9999px;
          width: 0px;
          height: 0px;
          top: 0;
          left: 0;
}
.hot .css_char {
          height: 280px;
          margin: 0 10px 40px 0;
}
/***** A *****/
.hot .css_char.a {  width: 280px; }
.hot .css_char.a .outside { border-width: 0 140px 280px; }
.hot .css_char.a .inside {
          border-width: 0 60px 120px;
          top: 180px;
          left: 80px
}
.hot .css_char.a .bar {
          width: 120px;
          height: 40px;
          top: 220px;
          left: 80px;
}
/**** B *****/
.hot .css_char.b { width: 200px; }
.hot .css_char.b .top.fill,
.hot .css_char.b .bottom.fill {
          width: 200px;
          height: 180px;
          border-width: 0px;
          border-top-right-radius: 90px;
          border-bottom-right-radius: 90px;
          -moz-border-radius-topright: 90px;
          -moz-border-radius-bottomright: 90px;
          -webkit-border-top-right-radius: 90px;
          -webkit-border-bottom-right-radius: 90px;
}
.hot .css_char.b .bottom.fill { top: 100px; }
.hot .css_char.b .top.neg,
.hot .css_char.b .bottom.neg {
          width: 40px;
          height: 30px;
          left: 80px;
          border-top-right-radius: 15px;
          border-bottom-right-radius: 15px;
          -moz-border-radius-topright: 15px;
          -moz-border-radius-bottomright: 15px;
          -webkit-border-top-right-radius: 15px;
          -webkit-border-bottom-right-radius: 15px;
}
.hot .css_char.b .top.neg { top: 80px; }
.hot .css_char.b .bottom.neg { top: 170px; }

/***** C, D, G,*****/
.hot .css_char.c,
.hot .css_char.d,
.hot .css_char.g {  width: 280px; }
.hot .css_char.c .stroke,
.hot .css_char.d .stroke,
.hot .css_char.g .outside{
          width: 120px;
          height: 120px;
          border-width: 80px;
          border-radius: 140px;
          -moz-border-radius: 140px;
          -webkit-border-radius: 140px;
}
.hot .css_char.d .stroke {
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px;
          -moz-border-radius-topleft: 0px;
          -moz-border-radius-bottomleft: 0px;
          -webkit-border-top-left-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
}
.hot .css_char.c .neg,
.hot .css_char.g .neg {
          width: 140px;
          height: 40px;
          top: 120px;
          left: 140px;
}
.hot .css_char.g .spur {
          width: 40px;
          border-width: 120px 0 0 60px;
          top: 160px;
          left: 180px;
}
/***** E *****/
.hot .css_char.e{ width: 200px; }
.hot .css_char.e .stroke {
          height: 120px;
          width: 120px;
          border-width: 80px 0 80px 80px;
}
.hot .css_char.e .fill{
          height: 60px;
          width: 120px;
          top: 110px;
          left: 60px;
}

.hot .css_char.w .inside_left { left: 80px; }
.hot .css_char.w .inside_right { left: 180px; }

/***** I *****/
.hot .css_char.i { width: 80px; }
.hot .css_char.i .fill {
          width: 80px;
          height: 280px;
}
/***** U &amp; J *****/
.hot .css_char.u{ width: 220px; }
.hot .css_char.u .stroke {
          width: 60px;
          height: 200px;
          border-width: 0 80px 80px;
          border-bottom-left-radius: 110px;
          border-bottom-right-radius: 110px;
          -moz-border-radius-bottomleft: 110px;
          -moz-border-radius-bottomright: 110px;
          -webkit-border-bottom-left-radius: 110px;
          -webkit-border-bottom-right-radius: 110px;
}

/***** K *****/
.hot .css_char.k { width: 220px; }
.hot .css_char.k .split_vert {
          width: 150px;
          border-width: 140px 70px 140px 0;
}
.hot .css_char.k .split_horiz {
          height: 80px;
          border-width: 120px 60px 120px 0;
          left: 80px;
          top: -20px;
}

/***** L *****/

.hot .css_char.l { width: 200px; }
.hot .css_char.l .stroke {
          width: 120px;
          height: 200px;
          border-width: 0 0 80px 80px;
}

/***** M *****/
.hot .css_char.m { width: 280px; }
.hot .css_char.m .split_horiz_pos {
          height: 160px;
          border-width: 140px 140px 0;
}
.hot .css_char.m .split_horiz_neg {
          height: 40px;
          border-width: 60px 60px 0;
          top: 190px;
          left: 80px;
}

/***** N *****/
.hot .css_char.n { width: 240px; }
.hot .css_char.n .top_corner {
          border-width: 0 200px 150px 0;
          top: -30px;
          left: -40px;
}

.hot .css_char.n .bottom_corner {
          border-width: 150px 0 0 200px;
          top: 160px;
          left: 80px;
}

.hot .css_char.n .fill {
          width: 240px;
          height: 280px; 
}
.hot .css_char.n .left_leg { top: 120px; }
.hot .css_char.n .right_leg { left: 160px; }
 
/***** R  &amp; P *****/
.hot .css_char.r { width: 210px; }
.hot .css_char.p { width: 200px; }
.hot .css_char.r .inside {
          width: 20px;
          border-width: 120px 0 0 60px;
          top: 160px;
          left:  60px;
}

.hot .css_char.r .outside {
          width: 20px;
          border-width: 0 60px 120px 0px;
          top: 160px;
          left: 130px;
}
.hot .css_char.r .stroke,
.hot .css_char.p .stroke {
          width: 80px;
          height: 40px;
          border-width: 80px 80px 80px 0;
          left: 40px;
          border-top-right-radius: 100px;
          border-bottom-right-radius: 100px;
          -moz-border-radius-topright: 100px;
          -moz-border-radius-bottomright: 100px;
          -webkit-border-top-right-radius: 100px;
          -webkit-border-bottom-right-radius: 100px;
}
.hot .css_char.r .fill,
.hot .css_char.p .fill {
          width: 80px;
          height: 280px;
}
/***** S *****/
.hot .css_char.s{
          width: 180px;
}

.hot .css_char.s .top_circle,
.hot .css_char.s .bottom_circle,
.hot .css_char.s .right .stroke {
          width: 20px;
          height: 20px;
          border-width: 80px;
          border-radius: 90px;
          -moz-border-radius: 90px;
          -webkit-border-radius: 90px;
}
.hot .css_char.s .top_circle { top: 0px; }
.hot .css_char.s .bottom_circle { top: 100px; }
.hot .css_char.s .left.neg,
.hot .css_char.s .right.neg{
          width: 90px;
          height: 100px;
          top: 90px;
}
.hot .css_char.s .right.neg { 
          left: 90px;
          overflow: hidden;
}
.hot .css_char.s .right .stroke {
          top: 10px;
          left: -90px;
}

/***** T *****/
.hot .css_char.t { width: 200px; }
.hot .css_char.t .cross {
          width: 200px;
          height: 80px;
}
.hot .css_char.t .stem {
          width: 80px;
          height: 240px;
          left: 60px;
          top: 40px;
}

/***** V &amp; W *****/
.hot .css_char.w {  width: 380px; }
.hot .css_char.w .outside_left,
.hot .css_char.w .outside_right { border-width: 280px 140px 0px; }
.hot .css_char.w .outside_right { left: 100px; }
.hot .css_char.w .inside_left,
.hot .css_char.w .inside_right { 
  border-width: 120px 60px 0; 
  top: -20px;
}

/***** Y *****/
.hot .css_char.y {  width: 260px; }
.hot .css_char.y .outside { border-width: 260px 130px 0px; }
.hot .css_char.y .inside { 
          border-width: 100px 50px 0; 
          top: -20px;
          left: 80px;
}
.hot .css_char.y .fill {
          width: 80px;
          height: 120px;
          left: 90px;
          top: 160px;
}
.hot .css_char.spas { width: 100px; }
.hot .css_char.angko_ciek {  width: 130px; }
.hot .css_char.angko_ciek  .fill {
          width: 70px;
          height: 280px;
          left:40px;
}
.hot .css_char.angko_ciek .bar {
          width:0px;
          left:0px;
          top:-60px;
          height:0px;
          border-width:50px;
          border-style:solid;
          border-color: transparent  #000 #000 transparent;

}
.hot .css_char.angko_lapan { width: 220px; }
.hot .css_char.angko_lapan .top.fill,
.hot .css_char.angko_lapan .bottom.fill {
          width: 210px;
          height: 180px;
          border-width: 0px;
          -moz-border-radius: 100px;
          -webkit-border-radius: 100px;
          border-radius: 100px;
}
.hot .css_char.angko_lapan .bottom.fill { top: 100px; }
.hot .css_char.angko_lapan .top.neg,
.hot .css_char.angko_lapan .bottom.neg {
          width: 65px;
          height: 75px;
          left: 70px;
          -moz-border-radius: 45px;
          -webkit-border-radius: 45px;
          border-radius: 45px;
}
.hot .css_char.angko_lapan .top.neg { top: 45px; }
.hot .css_char.angko_lapan .bottom.neg { top: 160px; }
.hot .css_char.tambah { width: 200px; }
.hot .css_char.tambah .cross {
          width: 180px;
          height: 60px;
          top: 110px;
}
.hot .css_char.tambah .stem {
          width: 60px;
          height: 180px;
          left: 60px;
          top: 50px;
}

&lt;/style&gt;

&lt;div class='bg-2'&gt;&lt;table&gt; &lt;tr&gt;&lt;td&gt;Nama &lt;/td&gt;&lt;td&gt;Urangkurai&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Nama lengkap &lt;/td&gt;&lt;td&gt;Urangkurai.blogspot.com&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;lahir &lt;/td&gt;&lt;td&gt;october 2011&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;jenis kelamin &lt;/td&gt;&lt;td&gt;laki - laki&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Status &lt;/td&gt;&lt;td&gt;Single :)&lt;/td&gt;&lt;/tr&gt; &lt;/tr&gt; &lt;/table&gt; 

&lt;div id="max-18" class="female hot standard "&gt;
            &lt;span class="css_char d"&gt;
                           D
            &lt;span class="stroke"&gt;&lt;/span&gt;
                          &lt;/span&gt; 
                         &lt;span class="css_char i"&gt;
                           I
                           &lt;span class="fill"&gt;&lt;/span&gt;
              &lt;/span&gt; 

              &lt;span class="css_char l"&gt;
                           L
               &lt;span class="stroke"&gt;&lt;/span&gt;
              &lt;/span&gt; 

                          &lt;span class="css_char a"&gt;
                           A
               &lt;span class="outside split_vert"&gt;&lt;/span&gt;
               &lt;span class="inside split_horiz"&gt;&lt;/span&gt;
                           &lt;span class="bar fill"&gt;&lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="css_char r"&gt;
                           R
                           &lt;span class="inside split_vert"&gt;&lt;/span&gt;
               &lt;span class="outside split_vert"&gt;&lt;/span&gt;
               &lt;span class="stroke"&gt;&lt;/span&gt;
               &lt;span class="fill"&gt;&lt;/span&gt;
                          &lt;/span&gt; 
                          &lt;span class="css_char a"&gt;
                           A
               &lt;span class="outside split_vert"&gt;&lt;/span&gt;
               &lt;span class="inside split_horiz"&gt;&lt;/span&gt;
               &lt;span class="bar fill"&gt;&lt;/span&gt;
              &lt;/span&gt;
                          &lt;span class="css_char n"&gt;
                           N
               &lt;span class="fill"&gt;&lt;/span&gt;
                           &lt;span class="top_corner split_horiz_neg"&gt;&lt;/span&gt;
               &lt;span class="bottom_corner split_horiz_neg"&gt;&lt;/span&gt;
                          &lt;/span&gt; 
  &lt;span class="css_char g"&gt;
   G
   &lt;span class="outside stroke"&gt;&lt;/span&gt;
   &lt;span class="arm stroke"&gt;&lt;/span&gt;
   &lt;span class="spur split_vert"&gt;&lt;/span&gt;
   &lt;span class="neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char spas"&gt;
  
  &lt;/span&gt;
  &lt;span class="css_char m"&gt;
               M
   &lt;span class="split_horiz_pos"&gt;&lt;/span&gt;
   &lt;span class="split_horiz_neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 

              &lt;span class="css_char a"&gt;
               A
               &lt;span class="outside split_vert"&gt;&lt;/span&gt;
   &lt;span class="inside split_horiz"&gt;&lt;/span&gt;
   &lt;span class="bar fill"&gt;&lt;/span&gt;
  &lt;/span&gt;
   &lt;span class="css_char s"&gt;
                S
    &lt;span class="bottom_circle stroke"&gt;&lt;/span&gt;
    &lt;span class="left neg"&gt;&lt;/span&gt;
    &lt;span class="top_circle stroke"&gt;&lt;/span&gt;
    &lt;span class="right neg"&gt;
     &lt;span class="stroke"&gt;&lt;/span&gt;
    &lt;/span&gt;
   &lt;/span&gt;
   &lt;span class="css_char u"&gt;
                U
    &lt;span class="stroke"&gt;&lt;/span&gt;
   &lt;/span&gt; 
   &lt;span class="css_char k"&gt;
                K
    &lt;span class="split_vert"&gt;&lt;/span&gt;
    &lt;span class="split_horiz"&gt;&lt;/span&gt;
   &lt;/span&gt; 
  &lt;span class="css_char spas"&gt;
  
  &lt;/span&gt;
  &lt;span class="css_char b"&gt;
               B
   &lt;span class="top fill"&gt;&lt;/span&gt;
   &lt;span class="bottom fill"&gt;&lt;/span&gt;
   &lt;span class="top neg"&gt;&lt;/span&gt;
   &lt;span class="bottom neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char a"&gt;
   A
   &lt;span class="outside split_vert"&gt;&lt;/span&gt;
   &lt;span class="inside split_horiz"&gt;&lt;/span&gt;
   &lt;span class="bar fill"&gt;&lt;/span&gt;
  &lt;/span&gt;

  &lt;span class="css_char g"&gt;
   G
   &lt;span class="outside stroke"&gt;&lt;/span&gt;
   &lt;span class="arm stroke"&gt;&lt;/span&gt;
   &lt;span class="spur split_vert"&gt;&lt;/span&gt;
   &lt;span class="neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char i"&gt;
   I
   &lt;span class="fill"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char spas"&gt;
  
  &lt;/span&gt;
  &lt;span class="css_char y"&gt;
   Y
   &lt;span class="outside split_vert"&gt;&lt;/span&gt;
                           &lt;span class="inside split_horiz"&gt;&lt;/span&gt;
               &lt;span class="fill"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char a"&gt;
   A
               &lt;span class="outside split_vert"&gt;&lt;/span&gt;
                           &lt;span class="inside split_horiz"&gt;&lt;/span&gt;
                           &lt;span class="bar fill"&gt;&lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="css_char n"&gt;
               N
                           &lt;span class="fill"&gt;&lt;/span&gt;
                           &lt;span class="top_corner split_horiz_neg"&gt;&lt;/span&gt;
                           &lt;span class="bottom_corner split_horiz_neg"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char g"&gt;
               G
               &lt;span class="outside stroke"&gt;&lt;/span&gt;
               &lt;span class="arm stroke"&gt;&lt;/span&gt;
                           &lt;span class="spur split_vert"&gt;&lt;/span&gt;
                           &lt;span class="neg"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char spas"&gt;
  
              &lt;/span&gt;
              &lt;span class="css_char t"&gt;
               T
               &lt;span class="stem fill"&gt;&lt;/span&gt;
               &lt;span class="cross fill"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char i"&gt;
               I
                           &lt;span class="fill"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char d"&gt;
               D
               &lt;span class="stroke"&gt;&lt;/span&gt;
                          &lt;/span&gt; 
              &lt;span class="css_char a"&gt;
               A
               &lt;span class="outside split_vert"&gt;&lt;/span&gt;
               &lt;span class="inside split_horiz"&gt;&lt;/span&gt;
               &lt;span class="bar fill"&gt;&lt;/span&gt;
                          &lt;/span&gt;
              &lt;span class="css_char k"&gt;
                           K
               &lt;span class="split_vert"&gt;&lt;/span&gt;
               &lt;span class="split_horiz"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char spas"&gt;
  
              &lt;/span&gt;
              &lt;span class="css_char b"&gt;
                           B
               &lt;span class="top fill"&gt;&lt;/span&gt;
               &lt;span class="bottom fill"&gt;&lt;/span&gt;
               &lt;span class="top neg"&gt;&lt;/span&gt;
               &lt;span class="bottom neg"&gt;&lt;/span&gt;
            &lt;/span&gt; 
                          &lt;span class="css_char e"&gt;
               E
                           &lt;span class="stroke"&gt;&lt;/span&gt;
               &lt;span class="fill"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char r"&gt;
               R
               &lt;span class="inside split_vert"&gt;&lt;/span&gt;
               &lt;span class="outside split_vert"&gt;&lt;/span&gt;
               &lt;span class="stroke"&gt;&lt;/span&gt;
               &lt;span class="fill"&gt;&lt;/span&gt;
                                      &lt;/span&gt; 
              &lt;span class="css_char k"&gt;
                           K
               &lt;span class="split_vert"&gt;&lt;/span&gt;
               &lt;span class="split_horiz"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char e"&gt;
                           E
               &lt;span class="stroke"&gt;&lt;/span&gt;
               &lt;span class="fill"&gt;&lt;/span&gt;
              &lt;/span&gt; 
 
  &lt;span class="css_char p"&gt;
   P
   &lt;span class="stroke"&gt;&lt;/span&gt;
   &lt;span class="fill"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char e"&gt;
                           E
               &lt;span class="stroke"&gt;&lt;/span&gt;
               &lt;span class="fill"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char n"&gt;
                           N
               &lt;span class="fill"&gt;&lt;/span&gt;
                           &lt;span class="top_corner split_horiz_neg"&gt;&lt;/span&gt;
               &lt;span class="bottom_corner split_horiz_neg"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char t"&gt;
                           T
               &lt;span class="stem fill"&gt;&lt;/span&gt;
               &lt;span class="cross fill"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char i"&gt;
                           I
               &lt;span class="fill"&gt;&lt;/span&gt;
  &lt;/span&gt; 
              &lt;span class="css_char n"&gt;
               N
               &lt;span class="fill"&gt;&lt;/span&gt;
               &lt;span class="top_corner split_horiz_neg"&gt;&lt;/span&gt;
               &lt;span class="bottom_corner split_horiz_neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char g"&gt;
               G
               &lt;span class="outside stroke"&gt;&lt;/span&gt;
               &lt;span class="arm stroke"&gt;&lt;/span&gt;
               &lt;span class="spur split_vert"&gt;&lt;/span&gt;
               &lt;span class="neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char a"&gt;
               A
               &lt;span class="outside split_vert"&gt;&lt;/span&gt;
               &lt;span class="inside split_horiz"&gt;&lt;/span&gt;
   &lt;span class="bar fill"&gt;&lt;/span&gt;
              &lt;/span&gt;
  &lt;span class="css_char n"&gt;
               N
               &lt;span class="fill"&gt;&lt;/span&gt;
               &lt;span class="top_corner split_horiz_neg"&gt;&lt;/span&gt;
               &lt;span class="bottom_corner split_horiz_neg"&gt;&lt;/span&gt;
              &lt;/span&gt; 
                          &lt;span class="css_char spas"&gt;
  
  &lt;/span&gt;
  &lt;span class="css_char k"&gt;
               K
               &lt;span class="split_vert"&gt;&lt;/span&gt;
   &lt;span class="split_horiz"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char e"&gt;
                           E
   &lt;span class="stroke"&gt;&lt;/span&gt;
   &lt;span class="fill"&gt;&lt;/span&gt;
              &lt;/span&gt; 
              &lt;span class="css_char c"&gt;
               C
   &lt;span class="stroke"&gt;&lt;/span&gt;
   &lt;span class="neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char u"&gt;
   U
   &lt;span class="stroke"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char l"&gt;
   L
   &lt;span class="stroke"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char i"&gt;
   I
   &lt;span class="fill"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char spas"&gt;
  
  &lt;/span&gt;
  &lt;span class="css_char c"&gt;
   C
   &lt;span class="stroke"&gt;&lt;/span&gt;
   &lt;span class="neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char e"&gt;
   E
   &lt;span class="stroke"&gt;&lt;/span&gt;
   &lt;span class="fill"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char w"&gt;
   W
   &lt;span class="outside_left split_vert"&gt;&lt;/span&gt;
   &lt;span class="outside_right split_vert"&gt;&lt;/span&gt;
   &lt;span class="inside_left split_horiz"&gt;&lt;/span&gt;
   &lt;span class="inside_right split_horiz"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char e"&gt;
   E
   &lt;span class="stroke"&gt;&lt;/span&gt;
   &lt;span class="fill"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char k"&gt;
   K
   &lt;span class="split_vert"&gt;&lt;/span&gt;
   &lt;span class="split_horiz"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char spas"&gt;
  
  &lt;/span&gt;
  &lt;span class="css_char angko_ciek"&gt;
   1
   &lt;span class="fill"&gt;&lt;/span&gt;
   &lt;span class="bar"&gt;&lt;/span&gt;
  &lt;/span&gt;

  &lt;span class="css_char angko_lapan"&gt;
  8
   &lt;span class="top fill"&gt;&lt;/span&gt;
   &lt;span class="bottom fill"&gt;&lt;/span&gt;
   &lt;span class="top neg"&gt;&lt;/span&gt;
   &lt;span class="bottom neg"&gt;&lt;/span&gt;
  &lt;/span&gt; 
  &lt;span class="css_char tambah"&gt;
   +
   &lt;span class="stem fill"&gt;&lt;/span&gt;
   &lt;span class="cross fill"&gt;&lt;/span&gt;
  &lt;/span&gt; 

&lt;/div&gt;
&lt;span class='bl1'&gt;Khusus dewasa Max 18+ &lt;span class='color_2'&gt;Hot...!!&lt;/span&gt; &lt;/span&gt; &lt;span class='bl2'&gt;&lt;span class='color_3'&gt;Urangkurai&lt;/span&gt;&lt;span class='color_4'&gt; &lt;/span&gt;&lt;/span&gt;

&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-784007884188453810?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/784007884188453810'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/784007884188453810'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/04/khusus-dewasa-max-18.html' title='khusus dewasa Max 18'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-1153688895604084708</id><published>2012-04-06T02:19:00.002+07:00</published><updated>2012-04-06T02:19:32.147+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sejarah'/><category scheme='http://www.blogger.com/atom/ns#' term='Cerita'/><title type='text'>Genetika</title><content type='html'>&lt;div class="grid"&gt; &lt;div class="grid-m1"&gt;&lt;/div&gt; &lt;div class="grid-c1"&gt; &lt;div class='gambar_1'&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class='gambar_2'&gt;&lt;/div&gt; &lt;div class="grid-m2"&gt;&lt;/div&gt; &lt;div class="grid-c2"&gt; &lt;p class='blck_2'&gt;&lt;b&gt;Genetika &lt;/b&gt;(dipinjam dari bahasa Belanda: genetica, adaptasi dari bahasa Inggris: genetics, dibentuk dari kata bahasa Yunani, &lt;b&gt;Genno&lt;/b&gt;, yang berarti "melahirkan") adalah cabang biologi yang mempelajari pewarisan sifat pada &lt;b&gt;organisme&lt;/b&gt; maupun &lt;b&gt;suborganisme&lt;/b&gt; (seperti virus dan prion). Secara singkat dapat juga dikatakan bahwa genetika adalah ilmu tentang gen dan segala aspeknya. Istilah "genetika" diperkenalkan oleh &lt;b&gt;William Bateson&lt;/b&gt; pada suatu surat pribadi kepada &lt;b&gt;Adam Chadwick&lt;/b&gt; dan ia menggunakannya pada Konferensi Internasional tentang Genetika ke-3 pada tahun 1906.Bidang kajian genetika dimulai dari wilayah subselular (molekular) hingga populasi.&lt;/p&gt; &lt;ul&gt; &lt;h3&gt; Secara lebih rinci, genetika berusaha menjelaskan&lt;/h3&gt; &lt;li&gt;material pembawa informasi untuk diwariskan (bahan genetik),&lt;/li&gt; &lt;li&gt;bagaimana informasi itu diekspresikan (ekspresi genetik), dan&lt;/li&gt; &lt;li&gt;bagaimana informasi itu dipindahkan dari satu individu ke individu yang lain (pewarisan genetik).&lt;/li&gt; &lt;/ul&gt; &lt;p class='blck_2'&gt;Meskipun orang biasanya menetapkan genetika dimulai dengan ditemukannya ke- &lt;/p&gt; &lt;/div&gt; &lt;div class="grid-gbr"&gt;&lt;/div&gt; &lt;div class="grid-m3"&gt;&lt;/div&gt; &lt;div class="grid-c3"&gt; &lt;p&gt;mbali naskah artikel yang ditulis &lt;b&gt;Gregor Mendel&lt;/b&gt; pada tahun 1900, sebetulnya genetika sebagai "ilmu pewarisan" atau hereditas sudah dikenal sejak masa prasejarah, seperti domestikasi dan pengembangan berbagai ras ternak dan kultivar tanaman. &lt;/p&gt; &lt;p&gt;Orang juga sudah mengenal efek persilangan dan perkawinan sekerabat serta membuat sejumlah prosedur dan peraturan mengenai hal tersebut sejak sebelum genetika berdiri sebagai ilmu yang mandiri. Silsilah tentang penyakit pada keluarga, misalnya, sudah dikaji orang sebelum itu. Namun demikian, pengetahuan praktis ini tidak memberikan penjelasan penyebab dari gejala-gejala itu.&lt;/p&gt; &lt;p&gt; Pendapat terkait lainnya adalah teori &lt;b&gt;Lamarck&lt;/b&gt;: sifat yang diperoleh tetua dalam hidupnya diwariskan kepada anaknya. Teori ini juga patah dengan penjelasan Mendel bahwa sifat yang dibawa oleh gen tidak dipengaruhi pengalaman individu yang mewariskan sifat itu. Charles Darwin juga memberikan penjelasan dengan hipotesis pangenesis dan kemudian dimodifikasi oleh &lt;b&gt;Francis Galton&lt;/b&gt;. Dalam pendapat ini, sel-sel tubuh menghasilkan partikel-partikel yang disebut gemmula yang akan dikumpulkan di organ reproduksi sebelum pembuahan terjadi. Jadi, setiap sel dalam tubuh memiliki sumbangan bagi sifat-sifat yang akan dibawa zuriat (keturunan). &lt;/p&gt; &lt;p class='sumber'&gt;Sumber : &lt;a href="http://id.wikipedia.org/wiki/Genetika"&gt;Wikipedia &lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;br style="clear:both" /&gt; &lt;/div&gt;&lt;style&gt;html{background: #090909;}body{background: #D8FF1B;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVQYlWNgGAX0BVxcXFLEqAMACe4AOeVtKKoAAAAASUVORK5CYII=),-moz-radial-gradient(center 20%, circle cover, #C9F207 0%, #1D2301 100%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVQYlWNgGAX0BVxcXFLEqAMACe4AOeVtKKoAAAAASUVORK5CYII=),-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#C9F207), to(#1D2301) );  color:#111;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#111;text-align:center;text-shadow:none;border-right:1px solid #111;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px double #111;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:10px;padding:0;background: #adcd16;background: -moz-linear-gradient(top,  #adcd16 0%, #85a310 50%, #788f0d 51%, #adcd16 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adcd16), color-stop(50%,#85a310), color-stop(51%,#788f0d), color-stop(100%,#adcd16));background: -webkit-linear-gradient(top,  #adcd16 0%,#85a310 50%,#788f0d 51%,#adcd16 100%);}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#232323;position:relative;z-index:9;}.footerwrap{color:#444;background:#090909;}.footergrd h1{color:#444;}.grid{width:1000px;margin:0 auto;}.grid-m1{float:left;width:22px;height:1px;}.grid-c2 p{text-align:justify;word-spacing:-2px!important;}.grid ul{margin:0 0 10px 70px;}.grid ul h3{font-size:18px;color:#111;padding:0 0 15px;}.grid ul li{list-style:decimal inside;border-bottom:1px solid #030303;font-style:italic;margin:0 0 0 15px;}.gambar_1{background:url(http://2.bp.blogspot.com/-ybUG1gSv07E/T33peV6qV4I/AAAAAAAAH0o/4qgRCFrRlTc/s1600/genetic_1.png)no-repeat top center;width:470px;height:772px;margin:40px 0 0 -95px;}.gambar_2{background:url(http://1.bp.blogspot.com/-ChyK6vU2Uuc/T33pcQ0-zjI/AAAAAAAAH0g/ZUb_IRf3G6k/s1600/Genetic_2.png)no-repeat top center;height:110px;margin:0 0 10px 350px;}p.blck_2{margin-left:70px;}.sumber{font:10px arial,sans serif;border-top:2px solid #030303;border-bottom:2px solid #030303;padding:4px;}.grid-c1,.grid-c2,.grid-c3{float:left;width:305px;}.grid-m2,.grid-m3{float:left;width:20px;height:1px;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-1153688895604084708?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/1153688895604084708'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/1153688895604084708'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/04/genetika.html' title='Genetika'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-6672060932863940590</id><published>2012-04-04T12:16:00.009+07:00</published><updated>2012-04-04T12:55:12.254+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Tutorial'/><title type='text'>bikin page error not-found</title><content type='html'>&lt;style&gt;html{background: #000}body {background: #ff0000;background: url(http://4.bp.blogspot.com/--Ri7FNhfPuU/T3p0_rWUvLI/AAAAAAAAHzU/v_V5cF2O9YM/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #ff0000 0%, #880000 100%);background: url(http://4.bp.blogspot.com/--Ri7FNhfPuU/T3p0_rWUvLI/AAAAAAAAHzU/v_V5cF2O9YM/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#ff0000), to(#880000) );    }.grid{width:1000px;color:#fff;font-size:14px;background:url(http://2.bp.blogspot.com/-el2Xv-lJnfQ/T3p07GiHCcI/AAAAAAAAHzM/811hN_Hf-tU/s1600/glass.png)no-repeat top center!important;margin:0 auto;}.grid a:link,.grid a:visited{font-weight:bold!important;text-decoration:underline!important;color:#000;important}.grid p,.grid code,.grid pre{padding:2px 0;}.grid .grid-c1 h1{font:30px arial,sans serif;padding:5px 0;text-shadow: 0 2px 6px hsla(0,0%,0%,.2);}.grid code,.grid pre{background:rgba(0,0,0,.1);color:#f1f1f1;font-size:11px!important;}.grid-m1{float:left;width:22px;height:1px;}.grid-c1{float:left;width:468px;padding:10px;}.grid-m2{float:left;width:20px;height:1px;}.grid-c2{float:left;width:468px;}.pret{overflow-x:hidden!important;height:620px;background:rgba(0,0,0,.3)url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYlWNgIA4YjyqisyIAlxIB/2n+IBUAAAAASUVORK5CYII=)!important ;border:15px solid rgba(0,0,0,.2);position:relative;z-index:12;color:#ddd;}#error-not-found-blk{text-align:center;position:relative;height:310px;margin:0 auto;}#error-not-found-blk h1{font-size:640px!important;font-family:impact,sans serif!important;letter-spacing:-8px;line-height:.8em;z-index:-2;color:rgba(0,0,0,.09)!important;}.blk-1{margin:-420px 0 0;}#error-not-found-blk h2{font-family:arial black,sans serif!important;text-transform:uppercase;font-size:81px;line-height:66px!important;letter-spacing:-3px;color:#fff!important;text-shadow: 0 5px 10px hsla(0,0%,0%,.2);}#error-not-found-blk p a{font-family:arial black,sans serif!important;text-transform:uppercase;font-size:56px;line-height:50px!important;border:none;font-weight:bold;color:rgba(0,0,0,.5)!important;text-shadow: 0 2px 6px hsla(0,0%,0%,.2);}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#000;text-align:center;text-shadow:none;border-right:1px solid #000;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px double #000;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:10px;padding:0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#232323;position:relative;z-index:9;}.footerwrap{color:#444;background:#040404;}.footergrd h1{color:#444;}&lt;/style&gt;&lt;div class="grid"&gt;&lt;div id='error-not-found-blk'&gt;&lt;h1&gt;404&lt;/h1&gt;&lt;div class="blk-1"&gt;&lt;h2&gt;Ups..sorry&lt;/h2&gt;&lt;h2&gt;Page Not Found&lt;/h2&gt;&lt;p&gt; &lt;a expr:href='data:blog.homepageUrl' title='home page'&gt; Back Home page&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;h1&gt;Page not found buat blogspot&lt;/h1&gt;&lt;p&gt;Sekarang blogspot udah mempunyai Custom Page &lt;a href="http://urangkurai.blogspot.com/2011/09/pengertian-page-error-404.html" target='_blank'&gt;Not Found &lt;/a&gt;,jadi sekarang apa saja yang ada di blog kita ini..yang error - error gak bakalan di alihkan lagi ke blogger.com,biasa nya kalau ada link yg rusak atau yang udah ke hapus..pasti di alihkan ke blogger.com,tapi sekarang enggak lagi hehehe...Sekarang kalau ada url yang error itu masih berada di blog kita sendiri,dan sekarang waktu nya kita untuk bikin style di Custom Page Not Found ini.saya juga udah bikin style nya untuk blog saya sendiri,yah pasti nya saya menyesuian kan dengan warna dan karakter blog saya..ini style Page Not Found &lt;a href="http:/404/"&gt;di blog saya &lt;/a&gt;,cuma pake gambar doank..lumayan lemot yah..kwkwk..&lt;/p&gt;&lt;h1&gt;Cara bikin nya&lt;/h1&gt;&lt;p&gt;Info kali ini buat yg masih suka make &lt;b&gt;Old BLogger interface&lt;/b&gt;,seperti saya juga masih make antar muka blogger yg lama,klw dengan tampilan antar muka blogger yg baru ini,yg seperti &lt;b&gt;Blogger in Draft&lt;/b&gt; saya suka binggung hehehe..mungkin belum terbiasa,ini style yg sederhana aja,dengan tampilan warna merah..:),nanti tinggal sobat yg &lt;b&gt;mengkreasikan&lt;/b&gt; dan menyesuian kan dengan karakter blog sobat sendiri ya hehe.Untuk bikin style costum page error ini,kita musti menggunakan Conditional Tag juga,dan conditional tag baru blogger ini penulisan nya seperti ini &lt;/p&gt;&lt;code&gt;  == "error_page"'&gt;&lt;/code&gt;&lt;p&gt;lengkap nya conditional tag di halaman error ini penulisan nya seperti ini&lt;/p&gt;&lt;pre&gt;&amp;lt;b:if cond=&amp;#39;data:blog.pageType == &amp;quot;error_page&amp;quot;&amp;#39;&amp;gt;&lt;/pre&gt;&lt;p&gt;Sekarang waktu nya kita untuk bikin style di halaman ini,pertama cari kode &lt;code&gt;&amp;lt;/body&amp;gt;&lt;/code&gt; , setelah itu masukin css di kotak sebelah,tepat di atas  nya&lt;/p&gt;&lt;p&gt;seterus nya pelajari aja sendiri ya kwkwkwk...,habis saya baru mengetahui nya cuma sampai segini dan blog saya pun bukan khusus blog &lt;b&gt;tutorial blogspot&lt;/b&gt; ini cuma sekedar sekilas info,bahwa blogspot sudah mempunyai &lt;b&gt;Conditional Tag&lt;/b&gt; buat page error.untuk selanjut saya kembali kan kepada ide , hati dan imajinasi sobat sendiri kwkwkwkw..Piss..:D &lt;/p&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;a href="http://demo-generation-platinum.blogspot.com/404" target='_blank'&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-4kmTGrkV-Ew/T3s14sj3mUI/AAAAAAAAHz0/MLjB-1o0C_Y/s1600/klik-balon.png" /&gt;&lt;/a&gt;
&lt;pre class='pret'&gt;&amp;lt;!-- Start--&amp;gt;   
 &amp;lt;b:if cond=&amp;#39;data:blog.pageType == &amp;quot;error_page&amp;quot;&amp;#39;&amp;gt;
&amp;lt;style&amp;gt;
#error-not-found {
    background: #ff0000;
    background: url(http://4.bp.blogspot.com/--Ri7FNhfPuU/T3p0_rWUvLI/AAAAAAAAHzU/v_V5cF2O9YM/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #ff0000 0%, #880000 100%);
    background: url(http://4.bp.blogspot.com/--Ri7FNhfPuU/T3p0_rWUvLI/AAAAAAAAHzU/v_V5cF2O9YM/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#ff0000), to(#880000) );    
        text-align:center;
        position:fixed;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        padding-top:270px;
        z-index:999999;
}
#error-not-found  h1 {
        font-size:640px!important;
        position:absolute;
        font-family:impact,sans serif!important;
        top:70px;
        left:50%;
        letter-spacing: -8px;
        margin-left:-502px!important;
        width:960px;
        z-index:-2;
        color:rgba(0,0,0,.09)!important;
}
#error-not-found  h2 {
        font-family:arial black,sans serif!important;
        text-transform:uppercase;
        font-size:81px;
        line-height:66px!important;
        letter-spacing: -3px;
        color:#fff!important;
        margin:0!important;
        padding:0!important;
}
#error-not-found p a,
#error-not-found p a:visited,
#error-not-found p a:hover{
        font-family:arial black,sans serif!important;
        text-transform:uppercase;
        font-size:56px;
        line-height:40px!important;
        border:none;
        font-weight: bold;
        color:rgba(0,0,0,.5)!important;
        margin:0!important;
        padding:0!important;
        text-decoration:none!important;
}
&amp;lt;/style&amp;gt;
&amp;lt;div id=&amp;#39;error-not-found&amp;#39;&amp;gt;
 &amp;lt;h1&amp;gt;404&amp;lt;/h1&amp;gt;
 &amp;lt;h2&amp;gt;Ups..sorry&amp;lt;/h2&amp;gt;
 &amp;lt;h2&amp;gt;Page Not Found&amp;lt;/h2&amp;gt;
 &amp;lt;p&amp;gt; &amp;lt;a expr:href=&amp;#39;data:blog.homepageUrl&amp;#39; title=&amp;#39;home page&amp;#39;&amp;gt; Back Home page&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
            &amp;lt;/div&amp;gt;
&amp;lt;/b:if&amp;gt;                &amp;lt;!-- end--&amp;gt;
        
        
&lt;/pre&gt;

&lt;/div&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-6672060932863940590?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/6672060932863940590'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/6672060932863940590'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/04/bikin-style-sederhana-page-error-not.html' title='bikin page error not-found'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-4kmTGrkV-Ew/T3s14sj3mUI/AAAAAAAAHz0/MLjB-1o0C_Y/s72-c/klik-balon.png' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-2137111151225802063</id><published>2012-04-01T22:41:00.011+07:00</published><updated>2012-04-02T19:13:46.230+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sejarah'/><category scheme='http://www.blogger.com/atom/ns#' term='Cerita'/><title type='text'>Absolut Vodka</title><content type='html'>&lt;style&gt;.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#444;text-align:center;text-shadow:none;border-right:1px solid #323232;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px double #323232;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:10px;margin:0;padding:0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#232323;position:relative;z-index:9;}.footerwrap{color:#444;background:#040404;}.footergrd h1{color:#444;}.container img,.container .judul,#toggle-container h2.active,#toggle-container h2{background:#000;border-top:1px solid #323232;box-shadow:0 5px 12px rgba(0,0,0,.7);-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;}&lt;/style&gt;
 
 
   &lt;style&gt;
@font-face {
        font-family: "Gladiator";
        font-weight: normal;
        font-style: normal;
        src: url("http://www.princexml.com/fonts/bbos/gladiator/glr12.ttf");
}
body{        
        background-color:#000!important;  
}
body:before{        
        content:'';
        background: transparent;
        background:-moz-radial-gradient(center center, circle cover, hsla(0,0%,0%,.0) 0%, hsla(0,0%,0%,9) 100%) fixed no-repeat;
        background:-webkit-gradient(radial, center center, 0,  center center, 800, from(hsla(0,0%,0%,.0)), to(hsla(0,0%,0%,9)) ) fixed; 
        position:fixed;
        top:0;left:0;
        bottom:0;
        right:0;
        z-index:2;
}
.grid {
        width: 1000px;
        background:#000 url(http://2.bp.blogspot.com/-Ea5sB7U4AuY/T3eB7bBeLnI/AAAAAAAAHyM/I0GsDxSCM_Y/s1600/absolute-vodka.jpg)no-repeat top center;
        margin: auto;
        padding-top:430px;
        font-family:Gladiator, georgia,serif;;
        font-size:16px;
        position:relative;
        z-index:1;
        color:#999;
}
.grid-c1,
.grid-c2 {
        float: left;
        width: 468px;
        padding:15px;
}
.grid-m1,
.grid-m2 {
        float: left;
        width:1px;
}
.grid-m2 {
        background:#323232;
        height:450px;
}
.gambar1{
        background:url(http://2.bp.blogspot.com/-jTrUZiDdEE4/T3hwY61hsaI/AAAAAAAAHyg/-bdCFMsCuYY/s1600/absolut-logo.png)no-repeat top center;
        height:588px;
}
.grid .judul{
        border-top:4px double #2c2c2c;
        border-bottom:4px double #323232;
        padding:4px;
}
.grid .judul .gede{
        font:20px impact,sans serif;
}
.grid .judul .cil{
        padding:0 0 0 10px;
        font:28px 'Palace Script MT', Zapfino, cursive;
}
 &lt;/style&gt;
    &lt;div class="grid"&gt;
    &lt;div class="gambar1"/&gt;&lt;/div&gt;
            &lt;div class="judul"&gt;
            &lt;span class='gede'&gt;Absolut Vodka&lt;/span&gt;&lt;span class='cil'&gt;Country of Sweden&lt;/span&gt;


                        &lt;/div&gt;
            &lt;div class="grid-m1"&gt;
                        &lt;/div&gt;
            &lt;div class="grid-c1"&gt;
            &lt;p&gt;&lt;b&gt;Absolut Vodka&lt;/b&gt; adalah sebuah merek minuman jenis vodka ,yg diproduksi di kota &lt;b&gt; ahus&lt;/b&gt;  di bagian selatan Swedia .Absolut Vodka adalah merek minuman terbesar beralkohol di dunia sebelum minuman &lt;b&gt; Bacardi&lt;/b&gt;  dan &lt;b&gt; Smirnoff&lt;/b&gt;  , dan Absolut Vodka ini telah dijual di 126 negara dan termasuk indonesia.Absolut Vodka ini didirikan pada &lt;b&gt;tahun 1879 oleh Lars Olsson&lt;/b&gt; Smith dan diproduksi di kota ahus - Swedia ,dan Smith pecipta minuman ini mencoba untuk memperkenalkan Absolut Vodka ini di fractional distillation perusahaan yang memproduksi kan minuman keras di Swedia.dan pada tahun 1877,setelah lulus uji coba ternyata Absolut Vodka ini pun laris manis di pasaran dan rasa nya pun di sukai oleh semua kalangan - kalangan atas pecinta minuman beralkohol,dan absolute Vodka pun di beri julukan &lt;b&gt;"Tiodubbelt Renadt Brännvin"&lt;/b&gt;(membakar-anggur).Istilah ini juga digunakan di Norwegia, Denmark dan Islandia.Smith pun bahkan menawarkan minuman ini untuk naik perahu dan di import bebas untuk penyulingan ke beberapa negara lain.&lt;/p&gt;

  &lt;/div&gt;            
            
            
            
&lt;div class="grid-m2"&gt;
            &lt;/div&gt;
&lt;div class="grid-c2"&gt;
            &lt;p&gt;Tetapi pada tahun 1917, industri alkohol di Swedia dimonopoli oleh pemerintah Swedia.absolute Vodka kemudian dijual secara nasional dengan nama &lt;b&gt;"Absolut Rent Brännvin"&lt;/b&gt;. Nama absolutu vodka pun di ganti secara interval.tetapi Pada akhir tahun 1979 akhir nya nama "Absolut Rent Brännvin" di ganti dengan nama yg semula "absolute Vodka" karna smith dengan dukungan masyarakat umum telah memenangkan hak cipta dari ke pemilikan minuman ini.dan smith pun mengganti nama lagi ke asbolute vodka&lt;/p&gt;
&lt;p&gt;Semenjak absolute vodka pertama kali diluncurkan,Absolut vodka pun berkembang pesat dari pembikinan nya &lt;b&gt;90.000 liter/bln&lt;/b&gt; menjadi &lt;b&gt;96,6 juta liter/bln&lt;/b&gt;. Hal ini telah menjadi semangat internasional terbesar dan tersedia di 126 negara. Vodka terbuat dari gandum pilihan yang tumbuh cuma pada musim dingin di swedia,dan Sekitar &lt;b&gt;80.000 ton&lt;/b&gt;  gandum digunakan setiap tahun untuk pembuatan Absolut Vodka.absulute vodka menghabiskan satu kilogram lebih gandum di dalam setiap botol isi satu liter nya.&lt;/p&gt;

&lt;p style='
        font:10px arial,sans serif;
                color:#333;
        '&gt;Di kutip dari beberapa nara sumber terpercaya&lt;/p&gt;


  &lt;/div&gt;
                        &lt;br style="clear: both;" /&gt;&lt;/div&gt;
            
            
            
                        
            
            
            &lt;!-- end --&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-2137111151225802063?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/2137111151225802063'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/2137111151225802063'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/04/absolute-vodka.html' title='Absolut Vodka'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-318387968239893645</id><published>2012-03-27T02:59:00.011+07:00</published><updated>2012-03-27T22:05:47.075+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='template'/><title type='text'>Wayang wong</title><content type='html'>&lt;style&gt;body {background-color:#555 ;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAD0lEQVQImWNgIAdIka4FAAWXABvBBSCMAAAAAElFTkSuQmCC); margin:0;font-size:12px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; overflow-x:hidden;}#toggle-container h2.active,#toggle-container h2{border:none;background:#000;margin:150px 0 0 0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#050505;}html,#bawahbana,.footerwrap,.footergrd p{color:#000;background:#000}.header{display:block;background:none;-webkit-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:}.header .nav a{font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#000;text-align: center;text-shadow:none;border-right:1px solid #000;padding:123px 20px 8px 20px;margin:0 auto;}.header .nav{padding:123px 20px 8px 20px;border-bottom:4px double #000;}.footerwrap{margin:0 0 40px 0;}.stun7-template img,.template li a{margin:0 auto;list-style:none; background-color:#000; border: 1px solid rgba(255, 255, 255, 0.03); border-top-color: rgba(255, 255, 255, 0.04); border-bottom-color: #222;  box-shadow: 0 2px 5px rgba(0, 0, 0, .9); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .9);  -webkit-box-shadow:  0 2px 5px rgba(0, 0, 0, .9); -webkit-transition: all .15s ease-in-out; -webkit-transform-origin: 50% 1px;}.footergrd-c1 p,.footergrd-c2 p,.footergrd-c3{color:#555}.footergrd h1 { color:#666; }.stun7-template img{padding:0px;}.template{position:relative;margin:0 auto!important;}.post-body h4{font:bold 20px arial,sans serif;color:#D30402;}.template li{margin:0 auto;display:inline;height: 30px;padding: 0 5px;}.template li a{display: inline-block;white-space: nowrap;padding: 0 1.5em;margin: 0.2em;font: bold 1.8em/1.8em Arial, Helvetica;text-decoration: none;color: #fff!important;background:#000!important;}.template li a:hover{background-color:rgba(0, 0, 0, .3);}.comments .comment .comment-actions.secondary-text a:active,.comments .continue a:active{background-color:rgba(0, 0, 0, .1);}.template li a:before {background: #ccc;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow: 1px 0 0 #333, 2px 0 0 #333;-webkit-box-shadow:-moz-box-shadow: 1px 0 0 #333, 2px 0 0 #333;box-shadow:-moz-box-shadow: 1px 0 0 #333, 2px 0 0 #333;;-moz-border-radius: .15em 0 0 .15em;-webkit-border-radius: .15em 0 0 .15em;border-radius: .15em 0 0 .15em;pointer-events: none;}.template li a:before{ content: "\279C";}.text span{display:block;}.text{padding:10px;font:60px arial black,arial,sans serif;color: #111;letter-spacing: -5px;text-shadow: 0 1px 0 rgba(255,255,255,.15);line-height:1em; }.grid-m11{float:left;width:12px;height:1px}.grid-c11{float:left;width:108px}.grid-c11 img{background:#111;border:4px solid #111}.grid-m21{float:left;width:20px;height:1px}.grid-c21{float:left;width:308px}.grid-c21 h1{font-size:20px !important;line-height:1em!important;color:#111!important;border-bottom:4px double #333;padding:5px 0!important; text-shadow: 0 1px 0 rgba(255,255,255,.15)}.grid-c21 span{font-weight:bold!important;color:black!important;border-bottom:1px solid #555;clear:both;padding:5px 0;display:block;}.grid{width:1000px;margin:auto; color:#111}.grid-m1{float:left;width:22px;height:1px}.grid-c1{float:left;width:468px}.grid-m2{float:left;width:20px;height:1px}.grid-c2{float:left;width:468px;}&lt;/style&gt; &lt;div class="grid"&gt; &lt;div class="grid-m1"&gt;&lt;/div&gt; &lt;div class="grid-c1"&gt; &lt;div class="stun7-template"&gt;&lt;img height="600px" border="0" src="http://4.bp.blogspot.com/-ykIvN2mBWxE/T3DA2cR7lLI/AAAAAAAAHsk/wBFoo2YmVC4/s1600/wayang-wong.gif" width="470px" /&gt;&lt;br style="clear:both" /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="grid-m2"&gt;&lt;/div&gt; &lt;div class="grid-c2"&gt; &lt;div class="text"&gt;&lt;span&gt;Wayang - Wong&lt;/span&gt;&lt;span&gt;Minimalist Template&lt;/span&gt;&lt;/div&gt;&lt;ul class="template"&gt;&lt;li&gt;&lt;a href="http://wayang-wong-s7.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/wayang-wong.zip"&gt;Download&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br style="clear:both" /&gt; &lt;p&gt;&lt;b&gt;&lt;u&gt;Wayang - Wong&lt;/b&gt;&lt;/u&gt; adalah template dengan desain &lt;b&gt;&lt;u&gt;modern minimalist&lt;/b&gt;&lt;/u&gt;,sangat ringan alias tidak lemot.template ini mempunyai satu kolom di bagian main.dan &lt;b&gt;&lt;u&gt;3 kolom&lt;/b&gt;&lt;/u&gt; di bagian footer,&lt;b&gt;&lt;u&gt;1 kolom&lt;/b&gt;&lt;/u&gt; nya buat title blog atau header dan 2 kolom lagi buat widget,dan di penutup di bagian bawah ada &lt;b&gt;&lt;u&gt;2 kolom&lt;/b&gt;&lt;/u&gt; lagi,satu kolom buat tempat &lt;b&gt;&lt;u&gt;banner&lt;/b&gt;&lt;/u&gt; dan satu lagi buat link author.&lt;/p&gt;&lt;p&gt;Buat menu di template ini,sobat tidak perlu lagi takatik template melalui &lt;b&gt;&lt;u&gt;edit html&lt;/b&gt;&lt;/u&gt;,sobat cukup menambahkan menu nya melalui &lt;b&gt;&lt;u&gt;Page Elements&lt;/b&gt;&lt;/u&gt; dan di situ ada tulisan &lt;b&gt;&lt;u&gt;Navigation Menu&lt;/b&gt;&lt;/u&gt; tepat nya di atas &lt;b&gt;&lt;u&gt;kolom pages&lt;/b&gt;&lt;/u&gt;,dan silahkan sobat masukan link buat menu nya..&lt;b&gt;&lt;u&gt;&lt;i&gt;&lt;a href="http://4.bp.blogspot.com/-rea_SwtMu6Q/T3C4Nx03vBI/AAAAAAAAHsU/osdFGEJKiOA/s1600/menu.jpg"&gt;lihat gambar untuk lebih jelas&lt;/a&gt;&lt;/i&gt;&lt;/b&gt;&lt;/u&gt;. &lt;/p&gt; &lt;div class="author"&gt; &lt;div class="grid-m11"&gt;&lt;/div&gt; &lt;div class="grid-c11"&gt; &lt;img border="0" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc6/282434_2019167642349_1338646928_32073675_4659501_n.jpg" width="107" /&gt; &lt;/div&gt; &lt;div class="grid-m21"&gt;&lt;/div&gt; &lt;div class="grid-c21"&gt; &lt;h1&gt;Wayang - Wong Template&lt;/h1&gt; &lt;span&gt;Author &amp; Design : &lt;u&gt;&lt;u&gt;&lt;a href="http://twitter.com/#!/kimzigr" target='_blank'&gt;Kimzigr Nfour&lt;/a&gt;&lt;/u&gt; &lt;/u&gt;.&lt;/span&gt; &lt;span style='border-bottom:4px double #333;'&gt;Link : &lt;u&gt;&lt;a href="http://stun7.tk/" target='_blank'&gt;Stun7&lt;/a&gt;&lt;/u&gt;.&lt;/span&gt;&lt;/div&gt; &lt;br style="clear:both" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-318387968239893645?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/318387968239893645'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/318387968239893645'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/03/wayang-wong.html' title='Wayang wong'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-ykIvN2mBWxE/T3DA2cR7lLI/AAAAAAAAHsk/wBFoo2YmVC4/s72-c/wayang-wong.gif' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-7567242779873172986</id><published>2012-03-26T05:41:00.013+07:00</published><updated>2012-03-26T19:03:25.625+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='widget'/><title type='text'>daftar isi part ||</title><content type='html'>&lt;style type="text/css"&gt;html,body{background-color:#2A0F06;background-image:url(http://2.bp.blogspot.com/-2vdxUDGLG0M/T29znTCcIRI/AAAAAAAAHrA/ue51r-rNEJs/s1600/bg-body.jpg);background-position:top center; color:#7F685C!important;text-shadow:0 1px rgba(0,0,0,0.2);font-size:14px;}#toggle-container h2{border:none;background-color:transparent;margin:0;padding:0;}#bawahbana,.footerwrap,.footergrd p{color:#774A34!important;text-shadow:0 0 1px rgba(0,0,0,0.9);}.footerwrap{background:url(http://1.bp.blogspot.com/-Al43g_ND2p0/T29zocLfn3I/AAAAAAAAHrI/UY6LHed5nf8/s1600/footerwrap-bg.jpg)repeat-x top center;border:none;padding:60px 0 75px 0;}.header{display:block;background-image:url(http://1.bp.blogspot.com/-WLg32IeWKYQ/T29zpD426PI/AAAAAAAAHrQ/X4fHRi1QMQY/s1600/header-bg.jpg);background-position: top center;background-repeat:repeat-x;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;}.header .nav a{font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#0E0201!important;text-shadow:0px 1px 0px rgba(255,255,255,0.1);text-align:center;background-image:url(http://3.bp.blogspot.com/-qbK0wwxnWu4/T29UM7vOfFI/AAAAAAAAHqA/-CK44ujORw8/s1600/nextprev.png);background-repeat:no-repeat;background-position:bottom center;text-shadow:none;padding:132px 30px 3px 30px;margin:0 auto;}.header .nav{padding:132px 30px 3px 30px;}#toggle-container h2.active,#toggle-container h2{display:none;}a:link,a:visited,a:active,a:hover{text-decoration:none;color:#583727;}html,#bawahbana,.footerwrap,.footergrd p{color:#583727}code,pre{display:block}.download,.download a{color:#0F0101 !important;text-shadow:0px 1px 0px rgba(255,255,255,0.1)}.download{display:inline-block;white-space:nowrap;font:bold 3.2em/2em Arial,Helvetica;text-decoration:none;background:#1C0504;border:1px solid rgba(255,255,255,0.03);border-right:8px solid #2E1100;box-shadow:0 5px 12px rgba(0,0,0,.7);-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;margin:0 auto;padding:0 1.9em;}.download:before{content:"\279C";background:rgba(0,0,0,.1);float:left;width:1em;text-align:center;font-size:1.5em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events:none;margin:0 1em 0 -1em;padding:0 .2em}.grid{width:1000px;margin:0 auto!important;}.grid-m1{float:left;width:22px;height:1px}.grid-c1{float:left;width:448px;padding:20px}.grid-c1 a{text-decoration: underline!important;font-weight: bold!important;color:#7F685C!important;}.grid-m2{float:left;width:20px;height:1px}.grid-c2{float:left;width:468px;padding-top:20px;}pre{color:#3D2E2B;text-shadow:none;height:264px;overflow-x:hidden}.bg-code{background-color:rgba(0, 0, 0, .2);border: 1px solid rgba(255, 255, 255, 0.03);border-top-color: rgba(255, 255, 255, 0.04);border-bottom-color: rgba(255, 255, 255, 0.01);box-shadow: 0 5px 18px rgba(0, 0, 0, .8);-moz-box-shadow: 0 5px 18px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, .8);background-image:url(http://4.bp.blogspot.com/-zKnSjqao0KA/T2-RyNWzD4I/AAAAAAAAHro/7Z5bHlgPMYE/s1600/bg-code.jpg);background-repeat:no-repeat;background-position: top center;height:255px;overflow:hidden;padding:20px  5px 30px 30px;} &lt;/style&gt;  



                  &lt;div class="grid"&gt;
                           &lt;img border="0" src="http://3.bp.blogspot.com/-MXEAbW2eiuU/T29o9mJh-yI/AAAAAAAAHqo/yZA-mEBXdKM/s1600/site-map.png" /&gt;



  &lt;div class="grid-m1"&gt;&lt;/div&gt;
           &lt;div class="grid-c1"&gt;
                 &lt;p align="left"&gt; Beberapa hari yang lalu saya jalan - jalan ke blog &lt;a href="http://vagabundia.blogspot.com/2011/04/resumen-de-entradas-con-paginacion.html" target='_blank'&gt;vagabundia.blogspot.com&lt;/a&gt;,itu blog berasal dari negara mana yah??,bahasa nya aneh gitu,saya gak tahu pasti berasal dari negara mana,yang pasti nya bukan dari &lt;b&gt;indonesia&lt;/b&gt; kwkwkwk..&lt;/p&gt;
            &lt;p align="justify"&gt;waktu itu saya lagi jalan - jalan dan nge'cek isi dari blog nya,gak tahu nya ketemu &lt;b&gt;daftar isi&lt;/b&gt; kayak gini,dan saya sangat tertarik untuk mencoba nya,awal nya saya gak mau..dengan sekuat tenaga saya menahan hati supaya gak intip &lt;b&gt;source&lt;/b&gt; nya,tapi akhir nya....jiah ke colong juga heheh..^_^&lt;/p&gt;
                  &lt;p align="justify"&gt;blog tersebut kayak nya blog tutorial yah..,soal nya banyak sekali &lt;b&gt;tutorial tentang blogspot&lt;/b&gt; ,kalau di indonesia sama kayak &lt;a href="http://gubhugreyot.blogspot.com/" target='_blank'&gt;gubhugreyot.blogspot.com&lt;/a&gt; sama - sama banyak ilmu blogspot di sana.&lt;/p&gt;
         &lt;p align="justify"&gt;kalau blog saya ini bukan blog tutorial yah,ini saya poblish karna saya tertarik..mana tahuan ada sebahagian &lt;b&gt;&lt;u&gt; sobat blogger&lt;/b&gt;&lt;/u&gt;  yang tertarik juga dan pengen make,ntar jangan sampe karna saya publish ini trus blog saya di kira blog tutorial lagi..mm..silahkan aja tanya - tanya..tapi saya akan cuek &lt;b&gt;&lt;u&gt; seribu bahasa&lt;/b&gt;&lt;/u&gt;  dan gak bakalan jawab..hohoho..piss..&lt;/p&gt;
            &lt;p align="justify"&gt;Oh iya..ini maaf yah kalau ketikan dan bahasa saya rada - rada ngawur gini dan gak jelas..ya sama lah seperti admin nya sama - sama gak jelas heehehe..,ini suer loh..dan ini rahasia saya bgt..tapi jangan bilang siapa - siapa yah.saya itu sebenar nya paling gak bisa yg nama nya &lt;b&gt;&lt;u&gt; merangkai kata - kata&lt;/b&gt;&lt;/u&gt;  buat postingan di blog,kalau yang satu ini saya nyerah dah..soal nya kalau saya mau bikin postingan dengan ketikan saya sendiri,contoh nya postingan tentang cerita,,mm..cerita apa kek,&lt;b&gt;&lt;u&gt; cerita perang&lt;/u&gt; &lt;/b&gt;,&lt;b&gt;&lt;u&gt; dongeng&lt;/u&gt; &lt;/b&gt;,&lt;b&gt;&lt;u&gt; percinta'an&lt;/u&gt; &lt;/b&gt;..pasti akhir cerita nya pada gak nyambung.awal nya emang cerita percintaan..eh gak tahu nya akhir - akhir cerita nya tentang film &lt;b&gt;rambo&lt;/b&gt;..ajiakakaka...kan gak nyambung..aaajiakakakak,contoh nya aja ini..pasti ngawur kan,gak karuan gini..hihihi..jadi maaf yee..kalau ketikan saya gak memenuhi &lt;b&gt;&lt;u&gt; standart&lt;/b&gt;&lt;/u&gt;  dan &lt;b&gt;&lt;u&gt; bermasalah&lt;/b&gt;&lt;/u&gt;  hehehe..sorri yee..hehehe
&lt;/p&gt;

  &lt;/div&gt;
  &lt;div class="grid-m2"&gt;&lt;/div&gt;
  &lt;div class="grid-c2"&gt;
&lt;p&gt;Oke dech langsung aja..bagi yang mau daftar isi kayak gini silahkan di bawah ada &lt;b&gt;&lt;u&gt; kode  - kode&lt;/u&gt;&lt;/b&gt; nya,dan silahkan di &lt;b&gt;&lt;u&gt; kreasi&lt;/u&gt; &lt;/b&gt; kan sendiri dan di pelajari sendiri&lt;/p&gt;
  &lt;div class="bg-code"&gt;
&lt;pre&gt;
&amp;lt;style&amp;gt;
#daftar-isi-body
{
         width:760px!important;
         height:600px!important;
         padding:30px 40px;
         margin:0 auto;
}
 #daftar-isi-wrap 
{
         margin: 0 auto;
}
 .box-posting 
{
         background-image:url(http://2.bp.blogspot.com/--BFLnpEqqJo/T29UMckXRKI/AAAAAAAAHp4/Fv2ND6h5E10/s1600/bg-box.png);
         background-position:bottom center;
         background-repeat:no-repeat;
         overflow:hidden;
         cursor:pointer;
         float:left;
         height:140px;
         width:248px;
         margin:-50px 0 0 0;
}
 .box-posting img 
{
         height:46px;
         width:46px;
         float:left;
         margin:20px 0 0 25px;
         background-color:#2E0700;
         border:1px solid #2E0700;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 50%;
}
 .box-posting .judul-posting 
{
         float:left;
         height:35px;
         margin:0;
         width:220px;
}
 .box-posting .judul-posting a
{
         font-family:arial,Serif !important;
         color:#774A34!important;
         text-shadow:0 0 1px rgba(0,0,0,0.9);
         margin:-40px 0 0 80px;
         display:block;
         font-size:13px !important;
         line-height:18px!important;
         font-weight:bold !important;

}
 .box-posting .judul-posting a:hover
{
         color:#333!important;
}
 .box-posting:hover 
{
         border-left-color:#C6EB04;
}

 #totales 
{
         text-align:center;
         color:#774A34 !important;
         text-shadow:0 1px rgba(0,0,0,0.2);

}
 #loadingscript 
{
         color:#444;
         font-family:Century Gothic;
         font-size:100px;
         letter-spacing:-10px;
         text-align:center;
         text-shadow:-5px 0 1px #444;
}
 #paginacion 
{
         color:#BBB;
         font-size:24px;
         font-weight:bold;
         height:35px;
         line-height:28px;
         padding:0;
         margin:0 auto;
         text-align:center;
}
 #paginacion span,#paginacion a 
{
         display:inline-block;
         font-size:13px !important;
         line-height:24px;
         font-weight:bold;
         margin:0 1px;
         width:25px;
         height:25px;
}
#paginacion a, #paginacion span.actual  
{
         background-image:url(http://1.bp.blogspot.com/-0u7I-EN6dZ8/T29UNSCkOZI/AAAAAAAAHqI/oA09qcWANNs/s1600/page-link.png);
         background-position:top center;
         background-repeat:no-repeat;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
 #paginacion span.actual 
{
         color:#774A34 !important;

}
 #paginacion a:hover 
{
         color:#FFF !important;
}
 #paginacion .nextprev-link,
 #paginacion span.nextprev-link 
{
         border:none;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
         width:100px;
         background-image:url(http://3.bp.blogspot.com/-qbK0wwxnWu4/T29UM7vOfFI/AAAAAAAAHqA/-CK44ujORw8/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
&amp;lt;/style&amp;gt;

                           &amp;lt;script type="text/javascript"&amp;gt; 
                  var jumlahposting = 18; 
                  var urlblog = "http://urangkurai.blogspot.com"; 
                  var minpaginas = 5; 
                  var maxpaginas = 10; 
                  var thumbs = "http://1.bp.blogspot.com/-S0MIMcr2C4o/T2984saN6OI/AAAAAAAAHrY/Qc9jP28wS78/s1600/icon-img.png"; 
                                            &amp;lt;/script&amp;gt;
         &amp;lt;script language="javascript" src="http://urangkurai.googlecode.com/files/sitemap.js"&gt;&amp;lt;/script&amp;gt;
&lt;br/&gt;&lt;br/&gt;
&lt;/pre&gt;  &lt;/div&gt;
  &lt;br style="clear:both" /&gt;
         &lt;p&gt;Di atas kode pada script dengan judul seperti ini &lt;code&gt;&lt;b&gt;&lt;u&gt; var urlblog = "http://urangkurai.blogspot.com"; &lt;/u&gt;&lt;/b&gt;&lt;/code&gt;,silah kan sobat ganti dengan alamat link sobat,supaya bisa muncul daftar isi blog sobat,tapi kalau tidak di ganti juga tidak apa - apa,silahkan saja pake dengan link blog saya kehkehkehkeh...,kalau sobat binggung dengan tampilan &lt;b&gt;&lt;u&gt; box buat kode nya&lt;/b&gt;&lt;/u&gt; ,sobat bisa &lt;b&gt;download&lt;/b&gt; kode nya di bawah ini&lt;/p&gt;
                  &lt;div class="download"&gt;
                           &lt;a href="http://urangkurai.googlecode.com/files/sitemap-daftar-isi.zip" target="_blank"&gt;Download&lt;/a&gt;&lt;/div&gt;
           &lt;/div&gt;
  &lt;br style="clear:both" /&gt;

&lt;style&gt;
           
@font-face {
  font-family: 'Bilbo Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Bilbo Swash Caps'), local('BilboSwashCaps-Regular'), url('http://themes.googleusercontent.com/static/fonts/bilboswashcaps/v4/UB_-crLvhx-PwGKW1oosDpbko4ywDBcg2f1uYutDOWY.woff') format('woff');
}

       
#daftar-isi-body
{
         width:760px!important;
         height:600px!important;
         padding:30px 40px;
         margin:0 auto;
}
 #daftar-isi-wrap 
{
         margin: 0 auto;
}
 .box-posting 
{
         background-image:url(http://2.bp.blogspot.com/--BFLnpEqqJo/T29UMckXRKI/AAAAAAAAHp4/Fv2ND6h5E10/s1600/bg-box.png);
         background-position:bottom center;
         background-repeat:no-repeat;
         overflow:hidden;
         cursor:pointer;
         float:left;
         height:140px;
         width:248px;
         margin:-50px 0 0 0;
}
 .box-posting img 
{
         height:46px;
         width:46px;
         float:left;
         margin:20px 0 0 25px;
         background-color:#2E0700;
         border:1px solid #2E0700;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 50%;
}
 .box-posting .judul-posting 
{
         float:left;
         height:35px;
         margin:0;
         width:220px;
}
 .box-posting .judul-posting a
{
         font-family:'Bilbo Swash Caps',"palatino linotype",palatino, georgia,serif!important;
         color:#774A34!important;
         font-style: italic;
         text-shadow:0 0 1px rgba(0,0,0,0.9);
         margin:-40px 0 0 80px;
         display:block;
         font-size:18px !important;
         line-height:18px!important;
         font-weight:bold !important;

}
 .box-posting .judul-posting a:hover
{
         color:#8D6F61!important;
}
 .box-posting:hover 
{
         border-left-color:#C6EB04;
}

 #totales 
{
         text-align:center;
         color:#774A34 !important;
         text-shadow:0 1px rgba(0,0,0,0.2);

}
 #loadingscript 
{
         color:#444;
         font-family:Century Gothic;
         font-size:100px;
         letter-spacing:-3px;
         text-align:center;
         text-shadow:-5px 0 1px #444;
}
 #paginacion 
{
         color:#BBB;
         font-size:24px;
         font-weight:bold;
         height:35px;
         line-height:28px;
         padding:0;
         margin:0 auto;
         text-align:center;
}
 #paginacion span,#paginacion a 
{
         display:inline-block;
         font-size:13px !important;
         line-height:24px;
         font-weight:bold;
         margin:0 1px;
         width:25px;
         height:25px;
}
#paginacion a, #paginacion span.actual  
{
         background-image:url(http://1.bp.blogspot.com/-0u7I-EN6dZ8/T29UNSCkOZI/AAAAAAAAHqI/oA09qcWANNs/s1600/page-link.png);
         background-position:top center;
         background-repeat:no-repeat;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
 #paginacion span.actual 
{
         color:#774A34 !important;

}
 #paginacion a:hover 
{
         color:#FFF !important;
}
 #paginacion .nextprev-link,
 #paginacion span.nextprev-link 
{
         border:none;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
         width:100px;
         background-image:url(http://3.bp.blogspot.com/-qbK0wwxnWu4/T29UM7vOfFI/AAAAAAAAHqA/-CK44ujORw8/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}


&lt;/style&gt;
                           &lt;script type="text/javascript"&gt; 
                  var jumlahposting = 18; 
                  var urlblog = "http://urangkurai.blogspot.com"; 
                  var minpaginas = 5; 
                  var maxpaginas = 10; 
                  var thumbs = "http://1.bp.blogspot.com/-S0MIMcr2C4o/T2984saN6OI/AAAAAAAAHrY/Qc9jP28wS78/s1600/icon-img.png"; 
                                            &lt;/script&gt;
         &lt;script language="javascript" src="http://urangkurai.googlecode.com/files/sitemap.js"&gt;&lt;/script&gt;
                  &lt;/div&gt;


                  
                  
                  
                  
                  
                  
                  
                  
&lt;!-- end --&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-7567242779873172986?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/7567242779873172986'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/7567242779873172986'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/03/daftar-isi-part.html' title='daftar isi part ||'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-MXEAbW2eiuU/T29o9mJh-yI/AAAAAAAAHqo/yZA-mEBXdKM/s72-c/site-map.png' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-4796205688744938202</id><published>2012-03-21T05:11:00.019+07:00</published><updated>2012-03-30T04:36:43.276+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='template'/><title type='text'>X9-function shadow</title><content type='html'>&lt;div class="grid"&gt; &lt;div class="judul"&gt; &lt;img alt="" src="http://4.bp.blogspot.com/-nOZu0OgwFnU/T2onUgVNSII/AAAAAAAAHnc/ADWityBJ4b4/s1600/x-5-shadow.png" /&gt;&lt;/div&gt; &lt;ul class="template"&gt; &lt;li&gt;&lt;a href="http://x9-function-shadow.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/X9-function%20shadow-template-files.zip"&gt;Download&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;br /&gt; &lt;div class="grid-m1"&gt; &lt;/div&gt; &lt;div class="grid-c1"&gt; &lt;h3&gt;X9-function shadow &lt;/h3&gt; &lt;p&gt;template ini saya bikin khusus buat blog - blog yg suka masang banyak iklan,soal nya di template ini lumayan banyak kolom - kolom hehehe.Di template ini pada bagian tengah ada 2 buah kolom,yg satu buat area post dan yg satu lagi buat sidebar,dan pada bagian footer ada 10 kolom wek...&lt;cite&gt;&lt;b&gt;kok banyak amet sich..heheh..&lt;/b&gt;&lt;/cite&gt;,kolom nya kecil - kecil kok..gak apa - apa.&lt;/p&gt; &lt;h3&gt;Template ini saya buat 3 versi&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;&lt;b&gt;versi 1 &lt;/b&gt;&lt;u&gt;default&lt;/u&gt; alias template standar aja &lt;/li&gt; &lt;li&gt;&lt;b&gt;versi 2 &lt;/b&gt;tampa menggunakan &lt;u&gt;slider Populart post&lt;/u&gt;&lt;/li&gt; &lt;li&gt;&lt;b&gt;versi 3 &lt;/b&gt;ini baru full semua nya ,complit&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Saya sudah menjadikan nya satu file,jadi kalau sobat &lt;b&gt;&lt;u&gt;download template&lt;/u&gt;&lt;/b&gt; ini,di situ sudah ada 3 pilihan versi template nya,dan silahkan di coba yg mana kira nya sesuai dengan selera sobat&lt;/p&gt; &lt;p&gt;oh iya kemaren tu ada cewek yg inbox &lt;u&gt;lewat facebook&lt;/u&gt; untuk bikinin template tapi yg sweet buat cewek..hehe,untuk sekarang saya belum bisa,soal nya sudah saya coba untuk bikin template yg &lt;u&gt;sweet&lt;/u&gt;,tapi kayak nya saya belum mengerti template yg sweet itu kayak gimana hehe..bukan nya gak mau tapi belum ngerti..^_^,ntar saya coba pelajari dulu desain yg sweet itu kayak apa..oke dech sekian..sampai jumpa &lt;/p&gt; &lt;p&gt;&lt;cite&gt;&lt;b&gt;Assalamu'alaikum warahmatullahi wabarakatuh ..&lt;/b&gt;&lt;/cite&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class="grid-m2"&gt; &lt;/div&gt; &lt;div class="grid-c2"&gt; &lt;div class="gambar"&gt; &lt;img alt="" height="610" src="http://2.bp.blogspot.com/-r3eTReKVdCA/T2jw5x-6ymI/AAAAAAAAHms/KxqDweerffk/s1600/template-scrren.jpg" width="440" /&gt;&lt;/div&gt; &lt;div class="shadow"&gt; &lt;/div&gt; &lt;/div&gt; &lt;br style="clear: both;" /&gt;&lt;/div&gt;&lt;style&gt;body{background: #b1b1b1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVQYlWNgGFxg9uzZmwfaDYMDAACa9gKFJtvVLgAAAABJRU5ErkJggg==) ,-moz-radial-gradient(center 30%, circle cover, #CECECE 0%, #7B7B7B 100%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVQYlWNgGFxg9uzZmwfaDYMDAACa9gKFJtvVLgAAAABJRU5ErkJggg==) , -webkit-gradient(radial, center 30%, 0,  center 30%, 800, from(#CECECE), to(#7B7B7B) );    }#toggle-container h2{background:#121314 url(http://2.bp.blogspot.com/-SImdN1YLqNo/T2jQ6MZ4d9I/AAAAAAAAAQs/dHlwBWSHSNg/s1600/pattern.png);border-top:1px solid #eeeeee;-moz-box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);-goog-ms-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);color:#717172;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#717172;}html,#bawahbana,.footerwrap,.footergrd p{color:#717172;background:#121314 url(http://2.bp.blogspot.com/-SImdN1YLqNo/T2jQ6MZ4d9I/AAAAAAAAAQs/dHlwBWSHSNg/s1600/pattern.png);}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#666;text-align:center;text-shadow:none;border-right:1px solid #444;padding:123px 20px 8px 20px;margin:0 auto;}.header .nav{padding:123px 20px 8px 20px;border-bottom:4px double #444;}.footerwrap{margin:0 0 40px 0;color:#717172}.footergrd h1{font:40px Raleway,arial,sans serif}.grid{width:1000px;margin:0 auto;text-align:justify;color:#060606;text-shadow:0 1px 0 rgba(255,255,255,0.3);font-size:13px;}.grid-m1{float:left;width:22px;height:1px}.grid-c1{float:left;width:448px;padding:20px;overflow:hidden;margin-top:46px}.grid-m2{float:left;width:20px;height:1px}.grid-c2{float:left;width:448px;padding:20px;margin-top:18px}.grid h3{line-height:38px;font-size:24px;font-family:arial,Geneva,sans-serif!important;border-bottom:2px solid #222;font-weight:normal!important}ul.template{position:relative;width:700px;margin:-220px 0 0 440px;}.template li a{margin:0 auto;list-style:none; background-color:#d1d1d1;border:1px solid #E6E6E6;border-top-color:#EEEEEE;border-bottom-color:#E1E1E1;-moz-box-shadow:0 0 20px rgba(0,0,0,.3);-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);-goog-ms-box-shadow:0 0 20px rgba(0,0,0,.3);box-shadow:0 0 20px rgba(0,0,0,.3)}.template li{margin:0 auto;display:inline;height:30px;padding:0 5px;}.template li a{display:inline-block;white-space:nowrap;padding:0 1.5em;margin:0.5em;font:bold 2em/2em Arial,Helvetica;text-decoration:none;color:#333;}.template li a:hover{background-color:#f2f2f2}.template li a:before{background:#ccc;background:rgba(0,0,0,.1);float:left;width:1em;text-align:center;font-size:1.5em;margin:0 1em 0 -1em;padding:0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events:none;}.template li a:before{content:"\279C"}.shadow{background:url(http://3.bp.blogspot.com/-L5oUcBITLQk/T2kF-5edNbI/AAAAAAAAHnM/3sPwQVHLUK0/s1600/shadow.png)no-repeat top center;width:650px;height:77px;margin:-3px 0 0 -120px}.gambar img{position:relative;z-index:1;background-color:#d1d1d1;border:1px solid #E6E6E6;border-top-color:#EEEEEE;border-bottom-color:#E1E1E1;-moz-box-shadow:0 40px 30px rgba(0,0,0,.2);-webkit-box-shadow:0 40px 30px rgba(0,0,0,.2);-goog-ms-box-shadow:0 40px 30px rgba(0,0,0,.2);box-shadow:0 40px 30px rgba(0,0,0,.2);padding:6px;-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);transform:rotate(4deg);}.judul{height:363px;margin:0 auto;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-4796205688744938202?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4796205688744938202'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4796205688744938202'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/03/x9-function-shadow-template.html' title='X9-function shadow'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-nOZu0OgwFnU/T2onUgVNSII/AAAAAAAAHnc/ADWityBJ4b4/s72-c/x-5-shadow.png' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-4887487620570101239</id><published>2012-03-13T04:46:00.011+07:00</published><updated>2012-03-23T01:43:57.371+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='poster'/><category scheme='http://www.blogger.com/atom/ns#' term='dokumentasi'/><category scheme='http://www.blogger.com/atom/ns#' term='thypografi'/><title type='text'>a will</title><content type='html'>&lt;div id='text'&gt;
                        &lt;div class='text'&gt;
                        &lt;div&gt;&lt;span class='blc1'&gt;t&lt;/span&gt;&lt;/div&gt;
                                &lt;div&gt;&lt;span class='where'&gt;w&lt;span class='hitam'&gt;h&lt;/span&gt;ere&lt;/span&gt;&lt;/div&gt;
                        &lt;div&gt;&lt;span class='aa'&gt;a&lt;/span&gt;&lt;span class='blc2'&gt;e&lt;/span&gt;&lt;span class='will'&gt;a will&lt;/span&gt;&lt;span class='there'&gt;there&lt;/span&gt;&lt;/div&gt;
                              &lt;div&gt;&lt;span class='blc1'&gt;r&lt;/span&gt;&lt;/div&gt;
                                &lt;div&gt;&lt;span class='why'&gt;why&lt;/span&gt;&lt;span class='blc2'&gt;e&lt;/span&gt;&lt;span class='is'&gt;is&lt;/span&gt;&lt;/div&gt;
                        &lt;/div&gt;

                &lt;/div&gt;
                 
         &lt;p class='crdt'&gt;Designed for my friend &lt;a href='http://rudyazhar.com' target='_blank' title='rudy azhar'&gt;rudy azhar &lt;/a&gt;  &amp; to Kopizine&lt;/p&gt;   
                
                
                
  
        
        
        
   &lt;style&gt;


body{
        background: rgb(255,209,120);
        background: url(http://4.bp.blogspot.com/-H7ZxXnigCl8/TzGq-jUoLyI/AAAAAAAAEO8/kCgRnSGSWgc/s000/pattern.png),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVQYlWNgGAX0BaZyzL7EqAMAGgcApOi1jL8AAAAASUVORK5CYII=), -moz-radial-gradient(center 40%, circle cover,rgb(255,209,120) 0%, rgb(57,44,14) 100%);
        background: url(http://4.bp.blogspot.com/-H7ZxXnigCl8/TzGq-jUoLyI/AAAAAAAAEO8/kCgRnSGSWgc/s000/pattern.png),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVQYlWNgGAX0BaZyzL7EqAMAGgcApOi1jL8AAAAASUVORK5CYII=),  -webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(rgb(255,209,120)), to(rgb(57,44,14)) );   
        font-size:100%;
        color:#30240C;
}
#text
{
        background: rgb(243,211,128);
        background: -moz-linear-gradient(-45deg,  rgb(243,211,128) 0%, rgb(234,146,72) 50%, rgb(224,123,35) 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(243,211,128)), color-stop(50%,rgb(234,146,72)), color-stop(100%,rgb(224,123,35)));
        background: -webkit-linear-gradient(-45deg,  rgb(243,211,128) 0%,rgb(234,146,72) 50%,rgb(224,123,35) 100%);
        background: -o-linear-gradient(-45deg,  rgb(243,211,128) 0%,rgb(234,146,72) 50%,rgb(224,123,35) 100%); 
        background: -ms-linear-gradient(-45deg,  rgb(243,211,128) 0%,rgb(234,146,72) 50%,rgb(224,123,35) 100%); 
        background: linear-gradient(-45deg,  rgb(243,211,128) 0%,rgb(234,146,72) 50%,rgb(224,123,35) 100%); 
        border: 1px solid rgba(0, 0, 0,.2);
        text-align: center;
        width:553px;
        height:750px;
        margin: 0 auto;
        text-transform: uppercase;
        color:rgb(140,5,8);
        position:relative;
        font-family: arial narrow,arial,sans serif;
        font-weight: bold;
        letter-spacing: -4px;
        text-shadow:1px -1px 0 rgba(255, 255, 255, 0.08);
}
#text:before
{
        content:'';
        position:absolute;
        width:553px;
        height:750px;
        right:0;
        left:0;
        background:
        url(http://4.bp.blogspot.com/-H7ZxXnigCl8/TzGq-jUoLyI/AAAAAAAAEO8/kCgRnSGSWgc/s000/pattern.png)repeat ,
        url(http://3.bp.blogspot.com/-mAxgcVELtDw/T15YhMmjuhI/AAAAAAAAHjc/Q7h8TRUiAak/s1600/patern.png)no-repeat top center ;
        -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0,.7),inset 3px 4px 123px rgba(0, 0, 0,.3);
        -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0,.7),inset 3px 4px 123px rgba(0, 0, 0,.3);
        box-shadow: 0px 6px 12px rgba(0, 0, 0,.7),inset 3px 4px 123px rgba(0, 0, 0,.3);
}
.text
{
        position:relative;
        margin:30px 0 0 94px;
        -webkit-transform: rotate(337deg);
        -moz-transform: rotate(337deg);
        -o-transform: rotate(337deg);
        -moz-user-select:none;
        -khtml-user-select:none;
        -o-user-select:none;
        user-select:none;
        unselectable:on;
        cursor:default;
}
.text div,.text span
{
        line-height:0.73em;
}
.hitam
{
        color:rgb(10,10,0);
}
.where
{
        font-size:135px;
}
.tt
{
        font-size:135px;
        margin: 0 0 0 -115px;
}
.blc1,
.blc2
{
        font-size:138px;
        text-align:left;
        color:rgb(10,10,0);
}

.blc1{margin: 0 0 0 -116px;}
.blc2{margin: 0 0 0 -122px;}

.will
{
        font-size:48px;
        position:absolute;
        margin:0 0 0 10px;
        color:rgba(0, 0, 0,.9);
        letter-spacing: -1px;
}
.there
{
        font-size:103px;
        position:absolute;
        margin:130px 0 0 -82px;
        letter-spacing: -4px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
}
.is
{
        font-size:208px;
        position:absolute;
        margin:91px 0 0 -65px;
        letter-spacing: -4px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        writing-mode: tb-rl;
}
.aa
{
        font-size:248px;
        position:absolute;
        left:-5px;
        color:rgb(10,10,0);
        letter-spacing: -8px;
}
.why
{
        font-size:168px;
        position:absolute;
        left:-161px;
        bottom:-3px;
        letter-spacing: -10px;
}
.crdt
{
        font-size:12px;
        color:#433721;
        text-align: center;
        margin:18px 0;
        letter-spacing: 2px;
}
.crdt a{
        color:#433721;
        font-weight: bold;
        text-decoration:underline;

             &lt;/style&gt;

        
                
&lt;!-- 
tipo - poster
Designed for my friend rudy azhar - http://rudyazhar.com &amp; to Kopizine 
--&gt;     
&lt;!-- ^_^ --&gt;
      &lt;style type="text/css"&gt;.post-body{width:553px;z-index:1;position:relative;}.header{display:block;background:none;-webkit-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;position:relative;z-index:5;}.header .nav a{border-right:1px solid #30240C;padding:123px 20px 28px 20px;margin:0 auto;font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#30240C;text-align: center;text-shadow:none;}.header .nav{padding:123px 20px 8px 20px;border-bottom:4px double #30240C;}#toggle-container h2.active,#toggle-container h2{border:none;height:0;padding:2px;background:none;margin-top:40px;}a:link,a:visited,a:active,a:hover{text-decoration:none;color:#30240C;}.footergrd p{color:#30240C;}html,.footerwrap{color:#30240C;background:rgba(0, 0, 0,.1);}.footergrd h1{color:#30240C;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-4887487620570101239?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4887487620570101239'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4887487620570101239'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/03/will.html' title='a will'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-2367074525540771483</id><published>2012-03-12T02:36:00.010+07:00</published><updated>2012-03-23T01:45:39.677+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='games'/><category scheme='http://www.blogger.com/atom/ns#' term='sejarah'/><category scheme='http://www.blogger.com/atom/ns#' term='Cerita'/><title type='text'>resistance</title><content type='html'>&lt;!-- ^_^ --&gt;



        &lt;!-- start --&gt;
                &lt;div class="resstnc"&gt;
                                        &lt;div class="atas"&gt;
                &lt;img src="http://4.bp.blogspot.com/-DFuLK32gilk/T10NpNjyuxI/AAAAAAAAHjU/5uN5eF1OWkM/s1600/resistance-fall-of-man.jpg" alt="" /&gt;
                                            &lt;div class="judul"&gt;
                                                 &lt;p class="reflected-resistance"&gt;&lt;span&gt;Resistance&lt;/span&gt;&lt;/p&gt;
                                                            &lt;p class="judul1"&gt;Fall of Man&lt;/p&gt;
                                                               &lt;/div&gt;
                                                        &lt;/div&gt;

                                                &lt;div class="kata"&gt;
                                                &lt;div class="grid-m1"&gt;&lt;/div&gt;
                                &lt;div class="grid-c1"&gt;
                                                &lt;p&gt;&lt;b&gt;Resistance: Fall of Man disebut:&lt;/b&gt; Jinrui Botsuraku di Jepang, adalah fiksi ilmiah horor first-person shooter video game untuk &lt;b&gt;PlayStation 3 &lt;/b&gt;.Permainanan Ini dikembangkan oleh insomnia Games dan diterbitkan oleh Sony Computer Entertainment . Permainan diatur dalam sejarah alternatif 1951.Album ini dirilis sebagai PlayStation 3 judul peluncuran di Jepang pada &lt;b&gt;tanggal 11 November 2006&lt;/b&gt;, di Amerika Serikat pada tanggal 17 November 2006 dan di Eropa pada 23 Maret 2007 .tidak lama peluncuran game ini,game ini pun memenangkan beberapa pen -&lt;/p&gt;
                &lt;/div&gt;
                                        &lt;div class="grid-m2"&gt;&lt;/div&gt;
                        &lt;div class="grid-c2"&gt;
                                        &lt;p&gt; ghargaan,serta. game ini menjadi permainan pertama untuk  PlayStation 3 ,dan menjual lebih dari satu juta kopi.Game resistance Fall of Man ini mempunyai fitur mode multiplayer ,dan bisa main game ini hingga 40 pemain online dengan pemutar 4 offline. Multiplayer berjalan dalam 30 frame terkunci per detik, &lt;b&gt;offline&lt;/b&gt; maupun &lt;b&gt;online&lt;/b&gt;,kalau online pemain dapat berbicara dengan pasangan sesama tim dengan menggunakan &lt;b&gt;USB/headset&lt;/b&gt;.

                                              &lt;/p&gt;
                                          &lt;/div&gt;
                  &lt;br style="clear:both" /&gt;
                                &lt;/div&gt;
        &lt;/div&gt;    

&lt;style&gt;

body{
        background:#0A0B07;
        background-image:-moz-linear-gradient(center bottom, rgb(10,11,7) 40%, rgba(10,11,7,0) 100%);
        background-image:-o-linear-gradient(rgba(10,11,7,0) 35%, rgb(10,11,7) 40%);
        background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.40, rgb(10,11,7)), color-stop(0.75, rgba(10,11,7,0)));
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColor=0, EndColorStr=#0A0B07);
        font-size:100%;
        color:#5D5F51;
}
.resstnc {
        width: 1000px;
        margin: auto;
}
.resstnc .kata{
        position:relative;
        z-index:5;
        margin:-59px 0 80px 0;
        border-top:1px solid #21221B;

}
.resstnc .kata p{
        font-size:14px;
        text-align: justify;
        text-justify: newspaper;
        padding:3px 10px;
}
.resstnc .kata .grid-m1,
.resstnc .kata .grid-m2  {
        float: left;
        width: 22px;
        height: 1px;
}
.resstnc .kata .grid-c1,
.resstnc .kata .grid-c2  {
        float: left;
        width: 468px;
}
.resstnc .atas{
        position:relative;
        width:100%;
        height:1135px;
}
.resstnc .atas img{
        position:relative;
        z-index:1;
        margin:0 0 0 -200px;
}
.resstnc .judul{
        position:absolute;
        bottom:66px;
}
.resstnc .judul1{
        position:relative;
        z-index:3;
        margin:-40px 0 0 20px;
        padding:5px 0 0 55px;
        font:bold 22px  "courier","courier new",monospace;
        letter-spacing:0.9em;
        text-align:left;
}
.resstnc .reflected-resistance 
{
        position: relative;
        z-index:2;
        width:1000px;
        margin:0 auto;
        font:190px "impact",arial,sans serif;
        color:#555241;
        letter-spacing:-1px;
        font-style: italic;
        text-align: center;
        text-shadow:
                1px 1px 0px #21221B,
                -1px -1px 0px #0F1201;
}
.resstnc .reflected-resistance:before, 
.resstnc .reflected-resistance:after 
{
        display: block;
        position: absolute;
        bottom: -147px;
        left: 0;
        right: 0;
}
.resstnc .reflected-resistance:before 
{
        content: 'Resistance';
        opacity: .1;
        -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
}
.resstnc .reflected-resistance:after 
{
        background-image:-moz-linear-gradient(center bottom, rgb(10,11,7) 40%, rgba(10,11,7,0) 100%);
        background-image:-o-linear-gradient(rgba(10,11,7,0) 25%, rgb(10,11,7) 40%);
        background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.40, rgb(10,11,7)), color-stop(0.75, rgba(10,11,7,0)));
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColor=0, EndColorStr=#0A0B07);
        content: ' ';
        height: 1em;
}
.resstnc .reflected-resistance span:before
{
        content: 'Resistance';
        position:absolute;
        padding:0 0 50px 285px;
        opacity: .05;
        -moz-transform: rotate(360deg) scale(1) skew(-78deg) translate(3px);
        -webkit-transform: rotate(360deg) scale(1) skew(-78deg) translate(3px);
        -o-transform: rotate(360deg) scale(1) skew(-78deg) translate(3px);
}
&lt;/style&gt;


    &lt;!-- end --&gt;



        



        




        &lt;!-- ( . ) ( . ) --&gt;
&lt;style type="text/css"&gt;.header{display:block;background:none;-webkit-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;margin:0 auto;padding:0;position:relative;z-index:5;}.header .nav a{border-right:1px solid #21221B;padding:123px 20px 28px 20px;margin:0 auto;font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#434538;text-align: center;text-shadow:none;}.header .nav{padding:123px 20px 8px 20px;border-bottom:4px double #21221B;}#toggle-container h2.active,#toggle-container h2{border-top:1px solid #21221B;border-bottom:1px solid #21221B;height:0;padding:2px;background:#0B0C08;margin-top:40px;}a:link,a:visited,a:active,a:hover{text-decoration:none;color:#252621;}html,#bawahbana,.footerwrap,.footergrd p{color:#252621;background:#060704 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQImWNgQAOCwrz/qS7AwMAAADFGBfGof1geAAAAAElFTkSuQmCC);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.footergrd h1{color:#34352D;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-2367074525540771483?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/2367074525540771483'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/2367074525540771483'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/03/resistance.html' title='resistance'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-DFuLK32gilk/T10NpNjyuxI/AAAAAAAAHjU/5uN5eF1OWkM/s72-c/resistance-fall-of-man.jpg' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-572246110627431980</id><published>2012-03-11T03:41:00.018+07:00</published><updated>2012-03-23T01:46:35.355+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='dokumentasi'/><title type='text'>css reflection</title><content type='html'>&lt;!-- start css#reflected --&gt;



                    
                    
                    
                    
                         
                                          &lt;div id='reflected'&gt;
                                                                                &lt;p class="reflected"&gt;
                                                                                &lt;span&gt;Reflection&lt;/span&gt;
                                                                                &lt;/p&gt;
                     &lt;/div&gt;
                    
                    &lt;style type="text/css"&gt;
body
{
        background:#000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVQYlWNgGILAyZ/dd6DdQHMAAM0vAOZ2GozKAAAAAElFTkSuQmCC);
}

#reflected
{
        width:1000px;
        padding:10px 0;
        margin:0 auto;
        height:450px;
}

.reflected 
{
        position: relative;
        margin:0 auto;
        text-align: center;
        color:#414E05;
        letter-spacing:2px;
        font:260px arial narrow,arial,sans serif;
        text-shadow:0 0 30px rgba(168,203,12,  0.4),
                        1px 1px 0px #D0FF00,
                        -1px -1px 0px #D0FF00;

}

.reflected:before, 
.reflected:after 
{
        display: block;
        position: absolute;
        bottom: -.7em;
        left: 0;
        right: 0;
}
.reflected:before 
{
        content: 'Reflection';
        opacity: .3;
        -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);

}
.reflected:after 
{
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVQYlWNgGILAyZ/dd6DdQHMAAM0vAOZ2GozKAAAAAElFTkSuQmCC), -moz-linear-gradient(center bottom, rgb(0,0,0) 40%, rgba(0,0,0,0) 100%);
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVQYlWNgGILAyZ/dd6DdQHMAAM0vAOZ2GozKAAAAAElFTkSuQmCC), -o-linear-gradient(rgba(0,0,0,0) 25%, rgb(0,0,0) 40%);
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVQYlWNgGILAyZ/dd6DdQHMAAM0vAOZ2GozKAAAAAElFTkSuQmCC), -webkit-gradient(linear, left bottom, left top, color-stop(0.40, rgb(0,0,0)), color-stop(0.75, rgba(0,0,0,0)));
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColor=0, EndColorStr=#000000);
        content: ' ';
        height: 1em;
        margin:0 auto;

}
.reflected span:before
{
        content: 'Reflection';
        position:absolute;
        padding:0 0 50px 285px;
        opacity: .08;
        -moz-transform: rotate(360deg) scale(1) skew(-77deg) translate(3px);
        -webkit-transform: rotate(360deg) scale(1) skew(-77deg) translate(3px);
        -o-transform: rotate(360deg) scale(1) skew(-77deg) translate(3px);
}


&lt;/style&gt;

           &lt;!-- end css#reflected --&gt;         
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                &lt;!-- comments --&gt;&lt;style type="text/css"&gt;.header{display:block;background:none;-webkit-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}.header .nav a{font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#2B3603;text-align: center;text-shadow:none;border-right:1px solid #2B3603;padding:123px 20px 8px 20px;margin:0 auto;}.header .nav{padding:123px 20px 8px 20px;border-bottom:4px double #2B3603;}#toggle-container h2.active,#toggle-container h2{border-top:1px solid #121700;border-bottom:1px solid #121700;height:0;padding:2px;background:#000;margin-top:40px;}a:link,a:visited,a:active,a:hover{text-decoration:none;color:#222;}html,#bawahbana,.footerwrap,.footergrd p{color:#222;background:#000;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}hr{border:0 #2B3603 solid;border-top:1px solid #2B3603;border-bottom:1px solid #2B3603;clear:both;height:0;margin:0;}.footergrd h1{color:#222;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-572246110627431980?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/572246110627431980'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/572246110627431980'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/03/css-reflection.html' title='css reflection'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-3019472988015205848</id><published>2012-03-02T05:47:00.004+07:00</published><updated>2012-03-21T17:56:28.795+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='Kreasi Css3'/><category scheme='http://www.blogger.com/atom/ns#' term='dokumentasi'/><title type='text'>Logo kurai.css</title><content type='html'>&lt;style&gt;.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#C6EB04;text-shadow:0 0 10px #C6EB04;text-align:center;border-right:1px solid #3C3C3C;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px solid #3C3C3C;padding:123px 20px 8px;}#toggle-container h2{display:none;}&lt;/style&gt;

&lt;style type='text/css'&gt;
html,body{
                    background:#191919 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVQYlWNgIAWoqan9J0nDKCAbAAAK9QFyJZTuSgAAAABJRU5ErkJggg==);
                    color:#666;
                    font-size:14px;
}
.grid {
                    width: 600px;
                    margin:0 auto;
}
.grid-m1 {
                    float: left;
                    width: 22px;
                    height: 1px;
}
.grid-c1 {
                    float: left;
                    width: 556px;
}
.grid-c1 p{
                    border-left:4px solid #444;
                    border-top:1px solid #444; 
                    padding:4px 10px;
}
.grid-c1 p a{
                    
                    padding:0 1px;
                    border-bottom:1px dotted #444;
}
.grid .judul{
                    line-height:0.8em;
                    font:130px 'Raleway',arial, sans-serif;
                    color:#C6EB04;
                    text-shadow:0 0 10px #C6EB04;
                    margin:20px 0 30px 0;
}
.post-body{
                     margin:30px auto;
}
#logo-kurai1 {
                     display: block; 
                     width:800px; 
                     height:580px;
                     margin:0 auto;
                     position: relative;
}
#logo-kurai {
                     margin:0 auto;
                     position: relative;
                     width:679px; 
                     height:579px;
}

                     #logo-kurai&gt;span[class^=w]:nth-of-type(n+0){
                     display:block; position:absolute;
                     -moz-transform-origin:50% 100%; 
                     -webkit-transform-origin:50% 100%; 
                     -o-transform-origin:50% 100%; 
                     -ms-transform-origin:50% 100%; 
                     transform-origin:50% 100%; }

                     #logo-kurai span{
                     position:relative;
                     z-index:3;
                     font-family:arial black,sans serif;
                     font-size:50px;
                     font-weight: bold;
                     color:#ABCB05;
                     text-shadow:0px 1px 1px rgba(0, 0, 0, .7),0px 2px 4px rgba(0, 0, 0, .8);
                     line-height:2; 
                     white-space:pre;
                     overflow:visible; 
                     padding:0px;
                     margin:0 auto;

}
                     #logo-kurai .bulat
{
                     position:relative;
                     z-index:5;
                     top:-8px;
                     left:88px;
                     width:550px;
                     height:550px;
                     border-radius:130em;
                     webkit-radius:130em;
                     -moz-border-radius:130em;
                     border:8px solid #C6EB04;
                     box-shadow: 
                                          0 5px 12px rgba(0, 0, 0, .9),
                                           0 7px 18px rgba(0, 0, 0, .5);
                     -moz-box-shadow:0 5px 12px rgba(0, 0, 0, .9), 
                                          0 7px 18px rgba(0, 0, 0, .5);
                     -webkit-box-shadow:
                                          0 5px 12px rgba(0, 0, 0, .9), 
                                          0 7px 18px rgba(0, 0, 0, .5);
}
                     #logo-kurai .bulat:before
{
                     content:'';
                     position:absolute;
                     top:4px;
                     left:3px;
                     border:2px solid #C6EB04;
                     width:540px;
                     height:540px;
                     border-radius:130em;
                     webkit-radius:130em;
                     -moz-border-radius:130em;
                     box-shadow: 
                                          0 3px 8px rgba(0, 0, 0, .6);
                     -moz-box-shadow: 
                                          0 3px 8px rgba(0, 0, 0, .6);
                     -webkit-box-shadow: 
                                          0 3px 8px rgba(0, 0, 0, .6);
}
                     #logo-kurai .bulat1
{
                     position:absolute;
                     z-index:1;
                     top:-2px;
                     left:91px;
                     width:561px;
                     height:561px;
                     border-radius:130em;
                     webkit-radius:130em;
                     -moz-border-radius:130em;
                     background: #191919;
                    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVQYlWNgIAWoqan9J0nDKCAbAAAK9QFyJZTuSgAAAABJRU5ErkJggg==), -moz-radial-gradient(center 40%, circle cover, #202020 0%, #191919 100%);
                   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVQYlWNgIAWoqan9J0nDKCAbAAAK9QFyJZTuSgAAAABJRU5ErkJggg==), -webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#202020), to(#191919) );   
                     box-shadow:
                                          0 5px 15px rgba(0, 0, 0, .5),
                                          0 5px 5px rgba(0, 0, 0, .4),
                                          0 0px 35px rgba(0, 0, 0, .6)inset;
                     -moz-box-shadow:
                                          0 5px 15px rgba(0, 0, 0, .5),
                                          0 5px 5px rgba(0, 0, 0, .4),
                                          0 0px 35px rgba(0, 0, 0, .6)inset;
                     -webkit-box-shadow:
                                          0 5px 15px rgba(0, 0, 0, .5),
                                          0 5px 5px rgba(0, 0, 0, .4);
}
                     #logo-kurai .bulat2
{
                     position:absolute;
                     z-index:5;
                     top:-37px;
                     left:58px;
                     width:567px;
                     height:567px;
                     border-radius:130em;
                     webkit-radius:130em;
                     -moz-border-radius:130em;
                     border:30px solid #191919;
}
                     #logo-kurai .bulat3
{
                     position:absolute;
                     z-index:3;
                     top:68px;
                     left:167px;
                     width:390px;
                     height:390px;
                     border-radius:130em;
                     webkit-radius:130em;
                     -moz-border-radius:130em;
                     border:8px solid #C6EB04;
                     box-shadow: 0 3px 8px rgba(0, 0, 0, .6);
                     -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .6);
                     -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .6);
}
                     #logo-kurai .bulat3:before
{
                     content:'';
                     position:absolute;
                     z-index:3;
                     top:4px;
                     left:4px;
                     width:381px;
                     height:381px;
                     border-radius:130em;
                     webkit-radius:130em;
                     -moz-border-radius:130em;
                     border:1px solid #C6EB04;
                     box-shadow: 0 3px 8px rgba(0, 0, 0, .6);
                     -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .6);
                     -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .6);
}
#logo-kurai .urangkurai{
                     position:absolute;
                     -webkit-transform: rotate(329deg);
                     -moz-transform: rotate(329deg);
                     -o-transform: rotate(329deg);
                     background: #a6c80b;
                     background: -moz-linear-gradient(45deg,#a6c80b 0%, #cddb0a 42%, #a9cd0c 100%);
                     background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#a6c80b), color-stop(42%,#cddb0a), color-stop(100%,#a9cd0c));
                     background: -webkit-linear-gradient(45deg,  #a6c80b 0%,#cddb0a 42%,#a9cd0c 100%);
                     background: -o-linear-gradient(45deg,  #a6c80b 0%,#cddb0a 42%,#a9cd0c 100%);
                     background: -ms-linear-gradient(45deg,  #a6c80b 0%,#cddb0a 42%,#a9cd0c 100%);
                     background: linear-gradient(45deg,  #a6c80b 0%,#cddb0a 42%,#a9cd0c 100%); 
                     filter: progid:DXImageTransform.Microsoft.gradient( 
                                          startColorstr='#a6c80b', 
                                          endColorstr='#a9cd0c',GradientType=1 );
                     z-index:3;
                     text-align: center;
                     top:200px;
                     left:68px;
                     width:580px;
                     padding:14px 0;
                     box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
                     -moz-box-shadow:0 2px 8px rgba(0, 0, 0, .4);
                     -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, .4);
}
#logo-kurai .urangkurai:before{
                     content:'\2639';
                     position:absolute;
                     right:35px;
                     top:8px;
                     font:115px arial,sans serif;
                     color:#141414;
                     text-shadow:0px 1px 1px #000;
}
#logo-kurai .urangkurai:after{
                     content:'\263A';
                     position:absolute;
                     left:35px;
                     top:8px;
                     font:85px arial,sans serif;
                     color:#141414;
                     text-shadow:0px 1px 1px #000;
}
#logo-kurai .urangkurai span{
                     color:#111;
                     text-shadow:0px 1px 1px #A6C80C;
                     display:block;
                     text-transform: uppercase;
                     font:65px arial black;
                     padding:0;
                     margin:0;
                     line-height:0.8em;
}
#logo-kurai .urangkurai span.block1{
                     letter-spacing:5px;
}
                     #logo-kurai .w0 {-moz-transform: rotate(4.62rad);-webkit-transform: rotate(4.62rad);-o-transform:
                     rotate(4.62rad);-ms-transform: rotate(4.62rad); transform: rotate(4.62rad);
                     width: 26px; height: 93px; left: 163.68px; top: 197.29px;}

                     #logo-kurai .w1 {-moz-transform: rotate(4.78rad);-webkit-transform: rotate(4.78rad);-o-transform:
                     rotate(4.78rad);-ms-transform: rotate(4.78rad); transform: rotate(4.78rad);
                     width: 21px; height: 93px; left: 166.02px; top: 166.83px;}

                     #logo-kurai .w2 {-moz-transform: rotate(4.94rad);-webkit-transform: rotate(4.94rad);-o-transform:
                     rotate(4.94rad);-ms-transform: rotate(4.94rad); transform: rotate(4.94rad);
                     width: 27px; height: 93px; left: 167.76px; top: 136.22px;}

                     #logo-kurai .w3 {-moz-transform: rotate(5.12rad);-webkit-transform: rotate(5.12rad);-o-transform:
                     rotate(5.12rad);-ms-transform: rotate(5.12rad); transform: rotate(5.12rad);
                     width: 27px; height: 93px; left: 178.51px; top: 104.02px;}

                     #logo-kurai .w4 {-moz-transform: rotate(5.25rad);-webkit-transform: rotate(5.25rad);-o-transform:
                     rotate(5.25rad);-ms-transform: rotate(5.25rad); transform: rotate(5.25rad);
                     width: 11px; height: 93px; left: 198.45px; top: 80.94px;}

                     #logo-kurai .w5 {-moz-transform: rotate(5.39rad);-webkit-transform: rotate(5.39rad);-o-transform:
                     rotate(5.39rad);-ms-transform: rotate(5.39rad); transform: rotate(5.39rad);
                     width: 29px; height: 93px; left: 205.02px; top: 58.91px;}

                     #logo-kurai .w6 {-moz-transform: rotate(5.53rad);-webkit-transform: rotate(5.53rad);-o-transform:
                     rotate(5.53rad);-ms-transform: rotate(5.53rad); transform: rotate(5.53rad);
                     width: 11px; height: 93px; left: 232.5px; top: 39.26px;}

                     #logo-kurai .w7 {-moz-transform: rotate(5.68rad);-webkit-transform: rotate(5.68rad);-o-transform:
                     rotate(5.68rad);-ms-transform: rotate(5.68rad); transform: rotate(5.68rad);
                     width: 33px; height: 93px; left: 244.2px; top: 21.24px;}

                     #logo-kurai .w8 {-moz-transform: rotate(5.86rad);-webkit-transform: rotate(5.86rad);-o-transform:
                     rotate(5.86rad);-ms-transform: rotate(5.86rad); transform: rotate(5.86rad);
                     width: 23px; height: 93px; left: 279.78px; top: 4.33px;}

                     #logo-kurai .w9 {-moz-transform: rotate(6.03rad);-webkit-transform: rotate(6.03rad);-o-transform:
                     rotate(6.03rad);-ms-transform: rotate(6.03rad); transform: rotate(6.03rad);
                     width: 27px; height: 93px; left: 308.01px; top: -6.07px;}

                     #logo-kurai .w10 {-moz-transform: rotate(6.2rad);-webkit-transform: rotate(6.2rad);-o-transform:
                     rotate(6.2rad);-ms-transform: rotate(6.2rad); transform: rotate(6.2rad);
                     width: 23px; height: 93px; left: 341.53px; top: -11.34px;}

                     #logo-kurai .w11 {-moz-transform: rotate(6.35rad);-webkit-transform: rotate(6.35rad);-o-transform:
                     rotate(6.35rad);-ms-transform: rotate(6.35rad); transform: rotate(6.35rad);
                     width: 24px; height: 93px; left: 371.5px; top: -11.46px;}

                     #logo-kurai .w12 {-moz-transform: rotate(6.48rad);-webkit-transform: rotate(6.48rad);-o-transform:
                     rotate(6.48rad);-ms-transform: rotate(6.48rad); transform: rotate(6.48rad);
                     width: 11px; height: 93px; left: 402.25px; top: -8.07px;}

                     #logo-kurai .w13 {-moz-transform: rotate(6.62rad);-webkit-transform: rotate(6.62rad);-o-transform:
                     rotate(6.62rad);-ms-transform: rotate(6.62rad); transform: rotate(6.62rad);
                     width: 28px; height: 93px; left: 419.26px; top: -0.99px;}

                     #logo-kurai .w14 {-moz-transform: rotate(6.79rad);-webkit-transform: rotate(6.79rad);-o-transform:
                     rotate(6.79rad);-ms-transform: rotate(6.79rad); transform: rotate(6.79rad);
                     width: 26px; height: 93px; left: 451.16px; top: 13.09px;}

                     #logo-kurai .w15 {-moz-transform: rotate(6.93rad);-webkit-transform: rotate(6.93rad);-o-transform:
                     rotate(6.93rad);-ms-transform: rotate(6.93rad); transform: rotate(6.93rad);
                     width: 11px; height: 93px; left: 479.95px; top: 27.09px;}

                     #logo-kurai .w16 {-moz-transform: rotate(6.99rad);-webkit-transform: rotate(6.99rad);-o-transform:
                     rotate(6.99rad);-ms-transform: rotate(6.99rad); transform: rotate(6.99rad);
                     width: 0px; height: 93px; left: 495.17px; top: 34.95px;}

                     #logo-kurai .w17 {-moz-transform: rotate(7.03rad);-webkit-transform: rotate(7.03rad);-o-transform:
                     rotate(7.03rad);-ms-transform: rotate(7.03rad); transform: rotate(7.03rad);
                     width: 0px; height: 93px; left: 500.38px; top: 39.62px;}

                     #logo-kurai .w18 {-moz-transform: rotate(7.06rad);-webkit-transform: rotate(7.06rad);-o-transform:
                     rotate(7.06rad);-ms-transform: rotate(7.06rad); transform: rotate(7.06rad);
                     width: 0px; height: 93px; left: 505.42px; top: 44.48px;}

                     #logo-kurai .w19 {-moz-transform: rotate(7.1rad);-webkit-transform: rotate(7.1rad);-o-transform:
                     rotate(7.1rad);-ms-transform: rotate(7.1rad); transform: rotate(7.1rad);
                     width: 0px; height: 93px; left: 510.28px; top: 49.52px;}

                     #logo-kurai .w20 {-moz-transform: rotate(7.14rad);-webkit-transform: rotate(7.14rad);-o-transform:
                     rotate(7.14rad);-ms-transform: rotate(7.14rad); transform: rotate(7.14rad);
                     width: 0px; height: 93px; left: 514.96px; top: 54.73px;}

                     #logo-kurai .w21 {-moz-transform: rotate(7.17rad);-webkit-transform: rotate(7.17rad);-o-transform:
                     rotate(7.17rad);-ms-transform: rotate(7.17rad); transform: rotate(7.17rad);
                     width: 0px; height: 93px; left: 519.44px; top: 60.1px;}

                     #logo-kurai .w22 {-moz-transform: rotate(7.21rad);-webkit-transform: rotate(7.21rad);-o-transform:
                     rotate(7.21rad);-ms-transform: rotate(7.21rad); transform: rotate(7.21rad);
                     width: 0px; height: 93px; left: 523.72px; top: 65.64px;}

                     #logo-kurai .w23 {-moz-transform: rotate(7.24rad);-webkit-transform: rotate(7.24rad);-o-transform:
                     rotate(7.24rad);-ms-transform: rotate(7.24rad); transform: rotate(7.24rad);
                     width: 0px; height: 93px; left: 527.81px; top: 71.32px;}

                     #logo-kurai .w24 {-moz-transform: rotate(7.28rad);-webkit-transform: rotate(7.28rad);-o-transform:
                     rotate(7.28rad);-ms-transform: rotate(7.28rad); transform: rotate(7.28rad);
                     width: 0px; height: 93px; left: 531.68px; top: 77.15px;}

                     #logo-kurai .w25 {-moz-transform: rotate(7.32rad);-webkit-transform: rotate(7.32rad);-o-transform:
                     rotate(7.32rad);-ms-transform: rotate(7.32rad); transform: rotate(7.32rad);
                     width: 0px; height: 93px; left: 535.34px; top: 83.12px;}

                     #logo-kurai .w26 {-moz-transform: rotate(7.35rad);-webkit-transform: rotate(7.35rad);-o-transform:
                     rotate(7.35rad);-ms-transform: rotate(7.35rad); transform: rotate(7.35rad);
                     width: 0px; height: 93px; left: 538.78px; top: 89.22px;}

                     #logo-kurai .w27 {-moz-transform: rotate(7.39rad);-webkit-transform: rotate(7.39rad);-o-transform:
                     rotate(7.39rad);-ms-transform: rotate(7.39rad); transform: rotate(7.39rad);
                     width: 0px; height: 93px; left: 541.99px; top: 95.43px;}

                     #logo-kurai .w28 {-moz-transform: rotate(7.43rad);-webkit-transform: rotate(7.43rad);-o-transform:
                     rotate(7.43rad);-ms-transform: rotate(7.43rad); transform: rotate(7.43rad);
                     width: 0px; height: 93px; left: 544.98px; top: 101.76px;}

                     #logo-kurai .w29 {-moz-transform: rotate(7.46rad);-webkit-transform: rotate(7.46rad);-o-transform:
                     rotate(7.46rad);-ms-transform: rotate(7.46rad); transform: rotate(7.46rad);
                     width: 0px; height: 93px; left: 547.74px; top: 108.2px;}

                     #logo-kurai .w30 {-moz-transform: rotate(7.5rad);-webkit-transform: rotate(7.5rad);-o-transform:
                     rotate(7.5rad);-ms-transform: rotate(7.5rad); transform: rotate(7.5rad);
                     width: 0px; height: 93px; left: 550.26px; top: 114.73px;}

                     #logo-kurai .w31 {-moz-transform: rotate(7.53rad);-webkit-transform: rotate(7.53rad);-o-transform:
                     rotate(7.53rad);-ms-transform: rotate(7.53rad); transform: rotate(7.53rad);
                     width: 0px; height: 93px; left: 552.55px; top: 121.34px;}

                     #logo-kurai .w32 {-moz-transform: rotate(7.57rad);-webkit-transform: rotate(7.57rad);-o-transform:
                     rotate(7.57rad);-ms-transform: rotate(7.57rad); transform: rotate(7.57rad);
                     width: 0px; height: 93px; left: 554.59px; top: 128.04px;}

                     #logo-kurai .w33 {-moz-transform: rotate(7.61rad);-webkit-transform: rotate(7.61rad);-o-transform:
                     rotate(7.61rad);-ms-transform: rotate(7.61rad); transform: rotate(7.61rad);
                     width: 0px; height: 93px; left: 556.39px; top: 134.8px;}

                     #logo-kurai .w34 {-moz-transform: rotate(7.7rad);-webkit-transform: rotate(7.7rad);-o-transform:
                     rotate(7.7rad);-ms-transform: rotate(7.7rad); transform: rotate(7.7rad);
                     width: 23px; height: 93px; left: 548.45px; top: 152.95px;}

                     #logo-kurai .w35 {-moz-transform: rotate(7.87rad);-webkit-transform: rotate(7.87rad);-o-transform:
                     rotate(7.87rad);-ms-transform: rotate(7.87rad); transform: rotate(7.87rad);
                     width: 27px; height: 93px; left: 548.46px; top: 184.85px;}

                     #logo-kurai .w36 {-moz-transform: rotate(8.04rad);-webkit-transform: rotate(8.04rad);-o-transform:
                     rotate(8.04rad);-ms-transform: rotate(8.04rad); transform: rotate(8.04rad);
                     width: 26px; height: 93px; left: 545.39px; top: 218.12px;}

                     #logo-kurai .w37 {-moz-transform: rotate(8.2rad);-webkit-transform: rotate(8.2rad);-o-transform:
                     rotate(8.2rad);-ms-transform: rotate(8.2rad); transform: rotate(8.2rad);
                     width: 22px; height: 93px; left: 539.02px; top: 247.93px;}

                     #logo-kurai .w38 {-moz-transform: rotate(8.32rad);-webkit-transform: rotate(8.32rad);-o-transform:
                     rotate(8.32rad);-ms-transform: rotate(8.32rad); transform: rotate(8.32rad);
                     width: 11px; height: 93px; left: 535.05px; top: 269.42px;}

                     #logo-kurai .w39 {-moz-transform: rotate(8.46rad);-webkit-transform: rotate(8.46rad);-o-transform:
                     rotate(8.46rad);-ms-transform: rotate(8.46rad); transform: rotate(8.46rad);
                     width: 27px; height: 93px; left: 513.62px; top: 291.66px;}

                     #logo-kurai .w40 {-moz-transform: rotate(8.64rad);-webkit-transform: rotate(8.64rad);-o-transform:
                     rotate(8.64rad);-ms-transform: rotate(8.64rad); transform: rotate(8.64rad);
                     width: 28px; height: 93px; left: 490.92px; top: 318.01px;}

                     #logo-kurai .w41 {-moz-transform: rotate(8.78rad);-webkit-transform: rotate(8.78rad);-o-transform:
                     rotate(8.78rad);-ms-transform: rotate(8.78rad); transform: rotate(8.78rad);
                     width: 11px; height: 93px; left: 479.39px; top: 335.33px;}

                     #logo-kurai .w42 {-moz-transform: rotate(8.91rad);-webkit-transform: rotate(8.91rad);-o-transform:
                     rotate(8.91rad);-ms-transform: rotate(8.91rad); transform: rotate(8.91rad);
                     width: 27px; height: 93px; left: 449.61px; top: 349.49px;}

                     #logo-kurai .w43 {-moz-transform: rotate(9.09rad);-webkit-transform: rotate(9.09rad);-o-transform:
                     rotate(9.09rad);-ms-transform: rotate(9.09rad); transform: rotate(9.09rad);
                     width: 27px; height: 93px; left: 418.62px; top: 363.38px;}

                     #logo-kurai .w44 {-moz-transform: rotate(9.26rad);-webkit-transform: rotate(9.26rad);-o-transform:
                     rotate(9.26rad);-ms-transform: rotate(9.26rad); transform: rotate(9.26rad);
                     width: 26px; height: 93px; left: 386.67px; top: 371.54px;}

                     #logo-kurai .w45 {-moz-transform: rotate(9.39rad);-webkit-transform: rotate(9.39rad);-o-transform:
                     rotate(9.39rad);-ms-transform: rotate(9.39rad); transform: rotate(9.39rad);
                     width: 11px; height: 93px; left: 368.8px; top: 373.92px;}

                     #logo-kurai .w46 {-moz-transform: rotate(9.52rad);-webkit-transform: rotate(9.52rad);-o-transform:
                     rotate(9.52rad);-ms-transform: rotate(9.52rad); transform: rotate(9.52rad);
                     width: 26px; height: 93px; left: 335.84px; top: 372.94px;}

                     #logo-kurai .w47 {-moz-transform: rotate(9.7rad);-webkit-transform: rotate(9.7rad);-o-transform:
                     rotate(9.7rad);-ms-transform: rotate(9.7rad); transform: rotate(9.7rad);
                     width: 27px; height: 93px; left: 302.49px; top: 366.57px;}

                     #logo-kurai .w48 {-moz-transform: rotate(9.87rad);-webkit-transform: rotate(9.87rad);-o-transform:
                     rotate(9.87rad);-ms-transform: rotate(9.87rad); transform: rotate(9.87rad);
                     width: 26px; height: 93px; left: 271.74px; top: 354.63px;}

                     #logo-kurai .w49 {-moz-transform: rotate(10.03rad);-webkit-transform: rotate(10.03rad);-o-transform:
                     rotate(10.03rad);-ms-transform: rotate(10.03rad); transform: rotate(10.03rad);
                     width: 22px; height: 93px; left: 247.05px; top: 338.92px;}

                     #logo-kurai .w50 {-moz-transform: rotate(8.84rad);-webkit-transform: rotate(8.84rad);-o-transform:
                     rotate(8.84rad);-ms-transform: rotate(8.84rad); transform: rotate(8.84rad);
                     width: 11px; height: 100px; left: 468.73px; top: 335.78px;}

                     #logo-kurai .w51 {-moz-transform: rotate(8.97rad);-webkit-transform: rotate(8.97rad);-o-transform:
                     rotate(8.97rad);-ms-transform: rotate(8.97rad); transform: rotate(8.97rad);
                     width: 27px; height: 100px; left: 438.96px; top: 348.02px;}

                     #logo-kurai .w52 {-moz-transform: rotate(9.14rad);-webkit-transform: rotate(9.14rad);-o-transform:
                     rotate(9.14rad);-ms-transform: rotate(9.14rad); transform: rotate(9.14rad);
                     width: 27px; height: 100px; left: 408.13px; top: 359.68px;}

                     #logo-kurai .w53 {-moz-transform: rotate(9.31rad);-webkit-transform: rotate(9.31rad);-o-transform:
                     rotate(9.31rad);-ms-transform: rotate(9.31rad); transform: rotate(9.31rad);
                     width: 26px; height: 100px; left: 376.76px; top: 365.87px;}

                     #logo-kurai .w54 {-moz-transform: rotate(9.44rad);-webkit-transform: rotate(9.44rad);-o-transform:
                     rotate(9.44rad);-ms-transform: rotate(9.44rad); transform: rotate(9.44rad);
                     width: 11px; height: 100px; left: 359.8px; top: 366.96px;}

                     #logo-kurai .w55 {-moz-transform: rotate(9.57rad);-webkit-transform: rotate(9.57rad);-o-transform:
                     rotate(9.57rad);-ms-transform: rotate(9.57rad); transform: rotate(9.57rad);
                     width: 26px; height: 100px; left: 327.9px; top: 364.94px;}

                     #logo-kurai .w56 {-moz-transform: rotate(9.73rad);-webkit-transform: rotate(9.73rad);-o-transform:
                     rotate(9.73rad);-ms-transform: rotate(9.73rad); transform: rotate(9.73rad);
                     width: 27px; height: 100px; left: 295.8px; top: 357.53px;}

                     #logo-kurai .w57 {-moz-transform: rotate(9.9rad);-webkit-transform: rotate(9.9rad);-o-transform:
                     rotate(9.9rad);-ms-transform: rotate(9.9rad); transform: rotate(9.9rad);
                     width: 26px; height: 100px; left: 266.38px; top: 344.93px;}

                     #logo-kurai .w58 {-moz-transform: rotate(10.06rad);-webkit-transform: rotate(10.06rad);-o-transform:
                     rotate(10.06rad);-ms-transform: rotate(10.06rad); transform: rotate(10.06rad);
                     width: 22px; height: 100px; left: 243px; top: 329px;}

              &lt;/style&gt;
         &lt;div id='logo-kurai1'&gt;
              &lt;div id='logo-kurai'&gt;
              &lt;div class='bulat'&gt;             &lt;/div&gt;
   &lt;div class='bulat1'&gt;    &lt;/div&gt;  
   &lt;div class='bulat2'&gt;    &lt;/div&gt;  
   &lt;div class='bulat3'&gt;    &lt;/div&gt;  
  &lt;div class='urangkurai'&gt;&lt;span&gt;urang&lt;/span&gt;&lt;span class='block1'&gt;kurai&lt;/span&gt;&lt;/div&gt;
                     &lt;span class='w0'&gt;B&lt;/span&gt;&lt;span class='w1'&gt;L&lt;/span&gt;&lt;span class='w2'&gt;O&lt;/span&gt;&lt;span class='w3'&gt;G&lt;/span&gt;&lt;span class='w4'&gt; &lt;/span&gt;&lt;span class='w5'&gt;+&lt;/span&gt;&lt;span class='w6'&gt; &lt;/span&gt;&lt;span class='w7'&gt;M&lt;/span&gt;&lt;span class='w8'&gt;A&lt;/span&gt;&lt;span class='w9'&gt;G&lt;/span&gt;&lt;span class='w10'&gt;A&lt;/span&gt;&lt;span class='w11'&gt;Z&lt;/span&gt;&lt;span class='w12'&gt;I&lt;/span&gt;&lt;span class='w13'&gt;N&lt;/span&gt;&lt;span class='w14'&gt;E&lt;/span&gt;&lt;span class='w15'&gt; &lt;/span&gt;&lt;span class='w16'&gt;
                     &lt;/span&gt;&lt;span class='w17'&gt;
                     &lt;/span&gt;&lt;span class='w18'&gt;
                     &lt;/span&gt;&lt;span class='w19'&gt;
                     &lt;/span&gt;&lt;span class='w20'&gt;
                     &lt;/span&gt;&lt;span class='w21'&gt;
                     &lt;/span&gt;&lt;span class='w22'&gt;
                     &lt;/span&gt;&lt;span class='w23'&gt;
                     &lt;/span&gt;&lt;span class='w24'&gt;
                     &lt;/span&gt;&lt;span class='w25'&gt;
                     &lt;/span&gt;&lt;span class='w26'&gt;
                     &lt;/span&gt;&lt;span class='w27'&gt;
                     &lt;/span&gt;&lt;span class='w28'&gt;
                     &lt;/span&gt;&lt;span class='w29'&gt;
                     &lt;/span&gt;&lt;span class='w30'&gt;
                     &lt;/span&gt;&lt;span class='w31'&gt;
                     &lt;/span&gt;&lt;span class='w32'&gt;
                     &lt;/span&gt;&lt;span class='w33'&gt;
                     &lt;/span&gt;&lt;span class='w34'&gt;J&lt;/span&gt;&lt;span class='w35'&gt;U&lt;/span&gt;&lt;span class='w36'&gt;S&lt;/span&gt;&lt;span class='w37'&gt;T&lt;/span&gt;&lt;span class='w38'&gt; &lt;/span&gt;&lt;span class='w39'&gt;U&lt;/span&gt;&lt;span class='w40'&gt;N&lt;/span&gt;&lt;span class='w41'&gt;I&lt;/span&gt;&lt;span class='w42'&gt;Q&lt;/span&gt;&lt;span class='w43'&gt;U&lt;/span&gt;&lt;span class='w44'&gt;E&lt;/span&gt;&lt;span class='w45'&gt; &lt;/span&gt;&lt;span class='w46'&gt;P&lt;/span&gt;&lt;span class='w47'&gt;O&lt;/span&gt;&lt;span class='w48'&gt;S&lt;/span&gt;&lt;span class='w49'&gt;T&lt;/span&gt;
              &lt;/div&gt;
&lt;/div&gt;
  &lt;br style="clear:both" /&gt;
&lt;div class="grid"&gt;
  &lt;div class="grid-m1"&gt;&lt;/div&gt;
  &lt;div class="grid-c1"&gt;
 &lt;div class="judul"&gt;Css Logo&lt;/div&gt;
  &lt;p&gt;Mencoba untuk bikin logo terbaru blog ini dengan css,sebagai peresmian blog ini mempunyai logo terbaru hahay..hoohoho,ini logo di atas murni dengan css,tidak menggunakan gambar satu pun.gak mirip yah..emang gak mirip sich..tapi mending lah ada mirip - mirip nya hehehe..,tapi lemot yah,mungkin terlalu banyak kode - kode jadi nya lemot gini. pertama yg saya gunakan untuk membuat kata - kata nya melingkar gitu,saya mengunjungi &lt;a href='http://csswarp.eleqtriq.com/ ' target='_blank' title='?'&gt;csswarp.eleqtriq.com&lt;/a&gt; dan saya memanfaat kan generator di sana,kalau sobat mau bikin nya silahkan berkunjung ke sana.
&lt;/p&gt;
&lt;p style='
                    border-top:1px solid #444; 
                    border-bottom:1px solid #444; 
                    color:#888;
                    background:rgba(0, 0, 0, .1);
'&gt;upst's..tunggu dulu..sebelum anda melihat ini,silahkan di update dulu Browser anda ke versi yang terbaru.jangan pernah mengunjungi blog ini melalui Internet Explorer!
&lt;/p&gt;
  &lt;/div&gt;
  &lt;br style="clear:both" /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-3019472988015205848?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/3019472988015205848'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/3019472988015205848'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/03/logo-kuraicss.html' title='Logo kurai.css'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-8737965026329625387</id><published>2012-02-29T23:53:00.013+07:00</published><updated>2012-03-28T05:30:29.409+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='template'/><title type='text'>3 blogger template "Update "</title><content type='html'>&lt;div class="grid"&gt;&lt;div class="text-m1"&gt;&lt;/div&gt;&lt;div class="text-c1" style="color: #c6eb04; font: 120px Raleway,arial,sans serif; line-height: 0.8em; text-shadow: 0 0 13px #C6EB04;"&gt;&lt;b&gt;Blogger template&lt;/b&gt;&lt;/div&gt;&lt;div class="text-m2"&gt;&lt;/div&gt;&lt;div class="text-c2"&gt;iseng2 bikin &lt;b&gt;template buat blogger&lt;/b&gt; dan ternyata hasil nya kayak gini heheh..,&lt;b&gt;&lt;u&gt;template&lt;/u&gt;&lt;/b&gt; ini sangat simple sekali dan bukan template yg wah wah gitu ,ini sama kayak template - template biasa pada umum nya,oh iya ini template saya bikin cuma sekedar hooby dan tidak ada maksud apa2 ,hobby dan sambil belajar mengenai isi-isi di dalam &lt;u&gt;&lt;b&gt;template&lt;/b&gt; &lt;b&gt;blogspot&lt;/b&gt;&lt;/u&gt;,template ini saya bikin 3 jenis,tipe nya sama yg membedainnya cuma warna aja,kenapa saya bikin 3 warna..?soal nya di template yg sekarang menggunakan image,jadi saya bikin 3 warna mana tauan ada sebahagian sobat - sobat yg gak bisa ngobah warna image nya melalui photoshop ^_^&lt;/p&gt; &lt;/div&gt;&lt;br style="clear:both" /&gt;&lt;div class="update"&gt;&lt;div class="text-m1"&gt;&lt;/div&gt;&lt;div class="text-c1"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-3AxFOyrbHYo/T2iYn_eHzZI/AAAAAAAAHmA/Ac5h8qiBYi0/s1600/blank.jpg" /&gt; &lt;/div&gt;&lt;div class="text-m2"&gt;&lt;/div&gt;&lt;div class="text-c2"&gt;&lt;h1&gt;Update&lt;/h1&gt;&lt;p&gt;Semenjak template ini saya &lt;u&gt;&lt;b&gt;publish&lt;/b&gt;&lt;/u&gt;,beberapa dari &lt;u&gt;&lt;b&gt;teman blogger&lt;/b&gt;&lt;/u&gt; kita yg memakai template ini,telah ngirim pesan melalui &lt;b&gt;&lt;u&gt;facebook&lt;/u&gt;&lt;/b&gt;,dan bilang gini &lt;b&gt;&lt;i&gt;"kok halaman &lt;u&gt;Page Elements&lt;/u&gt; nya kayak gambar di sebelah ini" ,dan gak ada batas lurus aja semua ke bawah"&lt;/i&gt;&lt;/b&gt;.&lt;/p&gt;&lt;p&gt;hehe..sebenar nya itu gak masalah ya..,mungkin karna tampilan kayak gitu , jadi gak nyaman aja bagi yg memakai template ini.tapi sekarang sudah saya atasi,dan tampilan Page Elements  nya sudah kembali normal,dan template ini kayak nya bagus dari template sebelum nya,soal nya yg kemaren saya banyak lupa menutup bagian - bagian overflow dari element nya,musti nya di kasih &lt;u&gt;&lt;b&gt;overflow: hidden&lt;/b&gt;&lt;/u&gt; hehehe...habis buru - buru..soal nya bikin 3 template sekaligus..seepp dech bagi siapa yg make template ini silahkan di download lagi..,dan maaf atas ke tidak telitian ini,dan jangan sungkan - sungkan kirim saya pesan ,apa bila ada &lt;b&gt;masalah&lt;/b&gt; lagi di template ini..^_^&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="hr"&gt;&lt;/div&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;ul class="template"&gt;&lt;li class="judul"&gt;X6 - yellow&lt;/li&gt; &lt;li&gt;&lt;a href="http://x6-yellow-template.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/X6-yellow-template-files.zip"&gt;Download&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-PYyda9A5Ptc/T04_AhvclCI/AAAAAAAAHdc/8gYu50Pa52U/s1600/template-1.gif" /&gt; &lt;/div&gt;&lt;div class="hr"&gt;&lt;/div&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;ul class="template"&gt;&lt;li class="judul"&gt;X7 - BLue BLack&lt;/li&gt; &lt;li&gt;&lt;a href="http://x7-blue-black-template.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/X7-blue-black-template-files.zip"&gt;Download&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-s-LblGCnzYQ/T04_WqI45gI/AAAAAAAAHd0/i52tc3kHWlI/s1600/template-2.gif" /&gt; &lt;/div&gt;&lt;div class="hr"&gt;&lt;/div&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;ul class="template"&gt;&lt;li class="judul"&gt;X8 - White&lt;/li&gt; &lt;li&gt;&lt;a href="http://x8-white-template.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/X8-white-template-files.zip"&gt;Download&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-MhOeOFaTD1o/T04_DiaKIeI/AAAAAAAAHds/7c4ttLsLUCU/s1600/template-3.gif" /&gt; &lt;/div&gt;&lt;div class="hr"&gt;&lt;/div&gt;&lt;/div&gt;&lt;style&gt;html{background:#1C1C1C;}body{background:#1C1C1C url(http://4.bp.blogspot.com/-EFv1G92gMhE/TvYgNVpjrUI/AAAAAAAAG2A/n7P7nKeVNa0/s1600/bg-home.jpg);font-size:83%;color:#888;}#bawahbana,.footerwrap,.footergrd p{color:#555;}.footerwrap{background-color:rgba(0,0,0,0.2);background-image:url(http://4.bp.blogspot.com/-gWT5Nn2Ww4E/Tvc8FPEhxlI/AAAAAAAAG2s/fuSCtMCtTAI/s1600/bg-footer.png);background-repeat:repeat-x;background-position:top center;border:none;}.container{padding-top:40px;padding-left:20px;padding-right:20px;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#C6EB04;text-shadow:0 0 10px #C6EB04;text-align:center;border-right:1px solid #3C3C3C;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px solid #3C3C3C;padding:123px 20px 8px;}#toggle-container h2{border:none;background-color:transparent;}li.judul{font:bold 32px Raleway,arial,sans serif;text-transform:uppercase;text-align:right;color:#555;text-shadow:0 0 1px #000;}.grid-c2 img,.update img{display:inline-block;background-color:rgba(255,255,255,0.1);box-shadow:0 5px 12px rgba(0,0,0,.7);margin:35px 0 10px 20px;-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);border:1px solid #222;}.grid{width:1000px;margin:0 auto;}.grid-c1{float:left;width:368px;}.grid-c2{float:left;width:568px;}.text-c1{float:left;width:468px;}.text-c2{float:left;width:408px;margin:20px 0 0;}.hr{border:0 #050505 solid;border-top:1px solid #050505;border-bottom:1px solid #222;clear:both;height:2px;margin:0;}.template li{display:inline;height:30px;margin:0 auto;padding:0 15px;}.template li a{width:225px;display:inline-block;white-space:nowrap;margin-bottom:.5em;font:bold 1.3em/2em Arial, Helvetica;text-decoration:none;color:#333;background:#161616;border:1px solid rgba(255,255,255,0.03);border-right:4px solid #C6EB04;box-shadow:0 5px 12px rgba(0,0,0,.7);-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);padding:0 1.5em;}.template li a:hover{background-color:#181818;}.template li a:before{background:rgba(0,0,0,.1);float:left;width:1em;text-align:center;font-size:1.5em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events:none;content:"\279C";margin:0 1em 0 -1em;padding:0 .2em;}.grid-m1,.text-m1{float:left;width:22px;height:1px;}.grid-m2,.text-m2{float:left;width:20px;height:1px;}.update img{margin:20px 0 20px 0;}.update .text-c2{border-top:6px solid #ff0000;border-bottom:6px solid #ff0000;padding:10px;margin-bottom:20px;}.update h1{padding:0 0 4px 0;color:#ff0000;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-8737965026329625387?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/8737965026329625387'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/8737965026329625387'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/3-free-blogger-template.html' title='3 blogger template &quot;Update &quot;'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-3AxFOyrbHYo/T2iYn_eHzZI/AAAAAAAAHmA/Ac5h8qiBYi0/s72-c/blank.jpg' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-1208080105670110231</id><published>2012-02-24T05:44:00.004+07:00</published><updated>2012-03-23T01:48:29.566+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='widget'/><category scheme='http://www.blogger.com/atom/ns#' term='dokumentasi'/><title type='text'>Widget daftar isi</title><content type='html'>&lt;div class="grid"&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-hNWBkvUjAgM/T0a-mstAU6I/AAAAAAAAHb0/xUO-0dYwZ1c/s1600/logo.png" /&gt; &lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2" style='margin:80px 0 0 -30px;'&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-jTNFIfJ3jMw/T0a-jTED_QI/AAAAAAAAHbk/TDxSMWi-xss/s1600/daftar-isi.png" /&gt;&lt;p class='download'&gt;&lt;a href="http://urangkurai.googlecode.com/files/daftar-isi.zip" target="_blank"&gt;Download&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;br style="clear:both" /&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;br style="clear:both" /&gt;&lt;div class="grid-c1"&gt;&lt;p&gt;ini widget sebenar nya khusus buat blog saya,buat menampilin daftar isi di blog saya.karna halaman daftar isi blog saya lemot bgt..!!!,tapi gak jadi soal nya saya gak tega halaman daftar isi saya di ganti dengan ini,soal nya daftar isi saya yg sekarang bikin nya lama musti edit gambar di photoshop dulu,tapi lemot ya..??mungkin karna kebanyakan gambar,ya musti gimana lagi kalau mau ganti dengan ini kayak nya saya gak tega.oh iya ini widget rencana nya mau saya delete,tapi jadi kepikiran lagi "dari pada di delete mending di publish aja,mana tauan ada yg tertarik "kalau di delete kan mubazir,mubazir itu dosa loh,apa lagi buat bikin ini lumayan rumit juga,&lt;/p&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;p&gt;rumit nya terletak pada ide,ide supaya tampilan nya kayak gini,ide supaya ini script di jadiin beda dari yg lain,ya akhir nya jadi gini kwkwkw,ini cuma pake teknik floating alias &lt;code&gt;float : left &lt;/code&gt; hehehe...,widget ini di desain sesuain dengan tampilan blog saya,jadi kalau sobat pengen ganti dan menyesuain kan dengan desain blog sobat silahkan saja,css nya terbuka buat di edit ^_^ (not Premium ),di dalam script telah saya bikin beberapa class yg memudahkan sobat buat edit script ini .Kalau sobat tertarik pengen masang widget ini silahkan sobat lihat code nya melalui Source code dengan pencet Ctrl + U,atau sobat bisa download file nya di atas&lt;/p&gt;&lt;/div&gt;&lt;br style="clear:both" /&gt;&lt;div class='example'&gt;&lt;/div&gt;&lt;!-- START DAFTAR ISI ,SILAHKAN SIMPAN DI BLOG SOBAT --&gt;     &lt;style type="text/css"&gt;

                                           /* ============================= */
                                                  Css daftar isi - widget   
                                           /* ============================= */


                                           ol#daftar-isi-widget
                                                                {
                                            width:100%;
                                            list-style:none;
                                            margin:0 auto;
                                           }

                                           li.daftar-isi
                                           {
                                            width:44.555555598%;
                                            margin-right:2.5%;
                                            float:left;
                                            list-style:none;
                                           }

                                           p.daftar-isi-label a
                                           {
                                            color:#C6EB04;
                                            text-shadow:0 0 10px #C6EB04;
                                            font:30px 'Raleway',arial,sans serif;
                                            display:block;
                                            clear:both;
                                            text-transform:uppercase;
                                            padding:10px;
                                           }

                                           .daftar-isi-link
                                           {
                                            position:relative;
                                            display:block;
                                            font:16px Arial, Helvetica, sans-serif;
                                            color:#ddd;
                                            background:#222;
                                            border:1px solid #222;
                                            box-shadow:inset 0 2px 6px #000000;
                                            webkit-shadow:inset 0 2px 6px #000000;
                                            -moz-shadow:inset 0 2px 6px #000000;
                                            text-decoration:none;
                                            -moz-border-radius:3px;
                                            -webkit-border-radius:3px;
                                            border-radius:3px;
                                            -webkit-transition:all .3s ease-out;
                                            -moz-transition:all .3s ease-out;
                                            -ms-transition:all .3s ease-out;
                                            -o-transition:all .3s ease-out;
                                            transition:all .3s ease-out;
                                            margin:9px 0;
                                            padding:7px 4px 7px 26px;
                                           }

                                           .daftar-isi-link:before
                                           {
                                            content:"\2729";
                                            position:absolute;
                                            left:-18px;
                                            top:-2px;
                                            background:#161616;
                                            border:4px solid #333;
                                            font-size:15px;
                                            color:#444;
                                            text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
                                            box-shadow:0 2px 3px rgba(0,0,0,.7);
                                            -moz-box-shadow:0 2px 3px rgba(0,0,0,.7);
                                            -webkit-box-shadow:0 2px 3px rgba(0,0,0,.7);
                                            height:30px;
                                            width:30px;
                                            line-height:2em;
                                            text-align:center;
                                            font-weight:bold;
                                            -moz-border-radius:2em;
                                            -webkit-border-radius:2em;
                                            border-radius:2em;
                                            -webkit-transition:all .3s ease-out;
                                            -moz-transition:all .3s ease-out;
                                            -ms-transition:all .3s ease-out;
                                            -o-transition:all .3s ease-out;
                                            transition:all .3s ease-out;
                                           }

                                           .daftar-isi-link:hover:before
                                           {
                                            content:"\2714";
                                            border:4px solid #C6EB04;
                                            float:right;
                                            -webkit-transform:rotate(360deg) scale(0.847) skew(1deg) translate(0px);
                                            -moz-transform:rotate(360deg) scale(0.847) skew(1deg) translate(0px);
                                            -o-transform:rotate(360deg) scale(0.847) skew(1deg) translate(0px);
                                            transform:rotate(360deg) scale(0.847) skew(1deg) translate(0px);
                                           }
 
 &lt;/style&gt;           &lt;script style="text/javascript" src="http://urangkurai.googlecode.com/files/daftar-isi.js"&gt;&lt;/script&gt;          &lt;script src="http://urangkurai.blogspot.com/feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc"&gt;
         &lt;/script&gt;  &lt;!-- silah kan ganti url blog ini dengan url blog sobat --&gt;      &lt;!-- END DAFTAR ISI--&gt;    &lt;/div&gt;















&lt;style&gt;body{background:url(http://4.bp.blogspot.com/-EFv1G92gMhE/TvYgNVpjrUI/AAAAAAAAG2A/n7P7nKeVNa0/s1600/bg-home.jpg);font-size:83%;color:#888;}html,#bawahbana,.footerwrap,.footergrd p{color:#555;}.footerwrap{background-color:rgba(0,0,0,0.2);background-image:url(http://4.bp.blogspot.com/-gWT5Nn2Ww4E/Tvc8FPEhxlI/AAAAAAAAG2s/fuSCtMCtTAI/s1600/bg-footer.png);background-repeat:repeat-x;background-position:top center;border:none;}.container{padding-top:40px;padding-left:20px;padding-right:20px;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#C6EB04;text-shadow:0 0 10px #C6EB04;text-align:center;border-right:1px solid #3C3C3C;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px solid #3C3C3C;padding:123px 20px 8px;}#toggle-container h2{border:none;background-color:transparent;}.grid{width:1000px;background:url(http://2.bp.blogspot.com/-zTuJW2D_2YQ/TzL0e9AasVI/AAAAAAAAHRg/dEi85g4__Hc/s1600/silder-bg-1.png)no-repeat top center;margin:0 auto;}.grid-m1{float:left;width:22px;height:1px;}.grid-m2{float:left;width:20px;height:1px;}p.download{display:inline-block;white-space:nowrap;font:bold 3.2em/2em Arial, Helvetica;text-decoration:none;color:#333;background:#161616;border:1px solid rgba(255,255,255,0.03);border-right:8px solid #C6EB04;box-shadow:0 5px 12px rgba(0,0,0,.7);-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;margin:0 auto;padding:0 1.5em;}p.download:before{content:"\279C";background:rgba(0,0,0,.1);float:left;width:1em;text-align:center;font-size:1.5em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events:none;margin:0 1em 0 -1em;padding:0 .2em;}ol#daftar-isi-widget{margin:-20px 0 0;}.example{background:url(http://3.bp.blogspot.com/-E3oQfZqUORY/T0bA3Fn0_SI/AAAAAAAAHcU/yrdOGfspNJc/s1600/example.png)no-repeat top center;height:343px;margin:0 0 0 -40px;}.grid-c1,.grid-c2{float:left;width:468px;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-1208080105670110231?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/1208080105670110231'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/1208080105670110231'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/widget-daftar-isi.html' title='Widget daftar isi'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-hNWBkvUjAgM/T0a-mstAU6I/AAAAAAAAHb0/xUO-0dYwZ1c/s72-c/logo.png' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-4866556493434341994</id><published>2012-02-24T00:39:00.009+07:00</published><updated>2012-03-23T01:49:01.339+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Cerita'/><category scheme='http://www.blogger.com/atom/ns#' term='Celoteh'/><category scheme='http://www.blogger.com/atom/ns#' term='dokumentasi'/><title type='text'>Redesign template</title><content type='html'>&lt;div class="grid1"&gt;&lt;div class="gambar"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-jqcHMEJMawY/T0Z500EtiqI/AAAAAAAAHbU/jwXxqMinncM/s1600/redesign.png" /&gt;&lt;/div&gt;&lt;div class="grid"&gt;&lt;/div&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;div class="judul"&gt;Home&lt;/div&gt;&lt;p&gt;di sini ada penambahan sedikit css dan script,mungkin berpengaruh terhadap loading blog ini,apa lagi sekarang ukuran gambar (132,832 bytes).tapi gak apa - apa lah yg penting tujuan nya kesampaian..hoho,maaf yah kalau blog ini lemot,di home saya cuma ngubah gambar dan menu nya aja,sebelum nya menu dengan desain kotak- kotak warna,sekarang saya bikin dengan desain bulat - bulat mata pimpong gitu biar imbang dengan logo nya hehehe... &lt;/p&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;div class="judul"&gt;Logo&lt;/div&gt;&lt;p&gt;Sedikit perubahan tampilan di blog ini,terutama pada logo blog ini dan karakter warna ,sebelum nya..kan gambar logo nya batrai,jadi sekarang saya ganti dengan logo bulat2 gitu dan bewarna hijau stabilo,kenapa di ganti?soal nya gak enak aja kalau logo nya batrai,seakan-akan orang - orang pada bilang kalau blog ini tempat jual batrai kan gak asik.soal karakter warna sebelum nya saya lebih banyak memake warna pink dan sekarang saya ganti dengan warna hijau stabilo biar serasi gitu dengan logo nya &lt;/p&gt;&lt;/div&gt;&lt;br style="clear:both" /&gt; &lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;div class="judul"&gt;Contact&lt;/div&gt;&lt;p&gt;Akhir nya di blog ini sudah mempunyai contact from hehehehe...,itu pun juga memanfaat kan Google Docs ,bagi sobat yg pengen meninggal kan pesan,atau pengen postingan nya di tampilin di sini,atau pengen memberi masukan kritikan untuk blog yg suram ini.silahkan sobat langsung isi contact from nya &lt;blink&gt;&lt;a href="/p/contact.html" target="_blank" title="my facebook"&gt;Enter &lt;/a&gt;&lt;/blink&gt;.itu contact from nya berfungsi loh..bukan sekedar gaya doank,jangan kira gak fungsi..kwkwkwk.ini serius loh itu contact from nya berfungsi 100% sumpah..!!,saya udah tes berkali dan berfungsi,jadi bagi sobat yg pengen ngirim apa'an otomatis langsung masuk ke Doc saya.jangan ragu pasti masuk ke Doc saya &lt;/p&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-InApm9Z8V3Q/T0ZrdAFJk7I/AAAAAAAAHbM/tpFa1rSNFTY/s1600/11.gif" /&gt; &lt;/div&gt;&lt;br style="clear:both" /&gt; &lt;/div&gt;&lt;style&gt;body{background:url(http://4.bp.blogspot.com/-EFv1G92gMhE/TvYgNVpjrUI/AAAAAAAAG2A/n7P7nKeVNa0/s1600/bg-home.jpg);font-size:83%;color:#888;}html,#bawahbana,.footerwrap,.footergrd p{color:#555;}.footerwrap{background-color:rgba(0,0,0,0.2);background-image:url(http://4.bp.blogspot.com/-gWT5Nn2Ww4E/Tvc8FPEhxlI/AAAAAAAAG2s/fuSCtMCtTAI/s1600/bg-footer.png);background-repeat:repeat-x;background-position:top center;border:none;}.container{padding-top:40px;padding-left:20px;padding-right:20px;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#C6EB04;text-shadow:0 0 10px #C6EB04;text-align:center;border-right:1px solid #3C3C3C;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px solid #3C3C3C;padding:123px 20px 8px;}#toggle-container h2{border:none;background-color:transparent;}.grid{width:800px;margin:0 auto;}.grid1{width:1000px;margin:0 auto;}.grid p{padding:10px;}.gambar{background:url(http://2.bp.blogspot.com/-zTuJW2D_2YQ/TzL0e9AasVI/AAAAAAAAHRg/dEi85g4__Hc/s1600/silder-bg-1.png),url(http://1.bp.blogspot.com/-WgQbPMPq-CQ/T0Qdqg3xG4I/AAAAAAAAHa8/d7AVG3f9gKk/s1600/loading.png)no-repeat top right;height:300px;margin:0 auto;}.grid-m1{float:left;width:22px;height:1px;}.grid-m2{float:left;width:20px;height:1px;}.judul{position:relative;font:70px Raleway,arial,sans serif;color:#C6EB04;text-shadow:0 0 10px #C6EB04;margin:2px 0 2px 30px;}.judul1{font:120px arial,sans serif;line-height:.7em;color:#fff;}.grid-c2 img{display:inline-block;background-color:rgba(255,255,255,0.1);box-shadow:0 5px 12px rgba(0,0,0,.7);-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);border:4px solid rgba(255,255,255,0.03);border-top-color:#C6EB04;border-bottom-color:#C6EB04;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);transform:rotate(-3deg);margin:30px;padding:10px;}.judul:before{content:"UK";position:absolute;left:-2.8em;top:12%;color:#C6EB04;text-shadow:0 0 10px #C6EB04;border:2px solid #C6EB04;height:52px;width:52px;font:21px arial,sans serif;line-height:50px;text-align:center;font-weight:bold;-moz-border-radius:4em;-webkit-border-radius:4em;border-radius:4em;box-shadow:0 2px 3px rgba(0,0,0,.7);-moz-box-shadow:0 2px 3px rgba(0,0,0,.7);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.7);background:#222;}.grid-c1,.grid-c2{float:left;width:368px;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-4866556493434341994?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4866556493434341994'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4866556493434341994'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/redesign-template.html' title='Redesign template'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-jqcHMEJMawY/T0Z500EtiqI/AAAAAAAAHbU/jwXxqMinncM/s72-c/redesign.png' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-695281682545035078</id><published>2012-02-21T23:59:00.008+07:00</published><updated>2012-03-28T05:35:40.216+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='template'/><title type='text'>X5 - Shadow template (Update)</title><content type='html'>&lt;ul class="template"&gt;&lt;center&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-rIEj3nUJM8g/TzP_vemWoUI/AAAAAAAAHRo/JGMr0AlE02I/s1600/X5-SHADOW.gif" /&gt;  &lt;br style="clear:both" /&gt;
&lt;li&gt;&lt;a href="http://x5-shadow.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/x5-shadow-template.zip"&gt;Download&lt;/a&gt;&lt;/li&gt;
&lt;/center&gt;&lt;/ul&gt;&lt;br style='clear:both'/&gt;&lt;div class="potot"&gt;&lt;div class="text"&gt;&lt;span&gt;X5 - Shadow&lt;/span&gt;&lt;span&gt;Free BLogger Template&lt;/span&gt;&lt;/div&gt;&lt;p&gt;kali ini saya mencoba bikin &lt;b&gt;&lt;u&gt;template&lt;/u&gt;&lt;/b&gt; dengan tampilan yg agak &lt;b&gt;&lt;u&gt;nge rock 'n roll&lt;/u&gt;&lt;/b&gt; dikit hehe..,template ini mempunyai beberapa kolom,di bagian tengah template saya bikin 2 kolom ,satu buat postingan sebelah kiri dan satu nya lagi buat &lt;b&gt;&lt;u&gt;sidebar&lt;/u&gt;&lt;/b&gt; sebelah kanan.dan di template ini juga mempunyai 5 kolom di bagian footer dan di bagi 2 kotak 2 kolom di atas dan 3kolom di bawah,di template ini saya menambahkan kotak slider supaya hidup gitu tampilan nya,template ini di desain dengan menggunakan beberapa gambar dan css3,sekarang saya mencoba bikin template dengan kotak komentar baru blogger &lt;b&gt;&lt;u&gt;"Blogger Threaded Comments"&lt;/u&gt;&lt;/b&gt; komplit dengan css nya,bagi yg tertarik dengan desain &lt;b&gt;&lt;u&gt;kotak komentar&lt;/u&gt;&lt;/b&gt; ini,sobat bisa langsung lihat css nya dan lihat melalui &lt;b&gt;&lt;u&gt;sourde code&lt;/u&gt;&lt;/b&gt; nya.&lt;/p&gt;&lt;p&gt;oh iya..saya bikin - bikin template ini cuma sekedar hobby saja,gak lebih jangan sobat salah tanggap,dan berpikiran yg aneh - aneh2,saya bikin &lt;u&gt;template - template&lt;/u&gt; ini cuma pengen belajar supaya untuk ke depan nya saya lebih paham dengan kode2 template blogspot ini&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;UPDATE&lt;/p&gt;Maaf! sebelum nya kalau &lt;u&gt;Threaded Comment&lt;/u&gt; template ini tiba2 bermasalah alias gak berfungsi,masalah nya terletak pada script Threaded Comment nya.saya juga gak tahu pasti penyebab nya apa, sampai sampai script nya mendadak gak berfungsi.mungkin blogger lagi update &lt;u&gt;script Threaded Comment&lt;/u&gt;,setelah saya &lt;u&gt;revert template&lt;/u&gt; nya ke template standart dan saya ganti script Threaded Comment nya, baru template ini kembali normal.dan saya sudah memperbaharui link &lt;b&gt;&lt;u&gt;download template&lt;/u&gt;&lt;/b&gt; nya,dan silahkan download kembali.dan terima kasih banyak bagi sobat2 yg telah ngasih tahu saya kalau &lt;u&gt;template ini bermasalah&lt;/u&gt;.."LOL":D&lt;/blockquote&gt;&lt;/div&gt;&lt;style&gt;body {background-color:#1B1B1D ;background-image:url(http://4.bp.blogspot.com/-H7ZxXnigCl8/TzGq-jUoLyI/AAAAAAAAEO8/kCgRnSGSWgc/s000/pattern.png),url(http://2.bp.blogspot.com/-zTuJW2D_2YQ/TzL0e9AasVI/AAAAAAAAHRg/dEi85g4__Hc/s1600/silder-bg-1.png); margin:0; color:#7B7F88; font-size:12px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; overflow-x:hidden;}#toggle-container h2.active,#toggle-container h2{border:none;background:#101111 url(http://3.bp.blogspot.com/-aGsBb9ivZzw/TzLmYCXHI3I/AAAAAAAAHPg/_uOKftEvxKw/s1600/footer.png)repeat-x top center;margin:150px 0 0 0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#ccc;}html,#bawahbana,.footerwrap,.footergrd p{color:#000;background:#101111;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}hr{border:0 #031F1E solid;border-top:1px solid #041C1B;border-bottom:1px solid #104846;clear:both;height:0;margin:0;}.header{display:block;background:none;-webkit-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}.header .nav a{font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#666;text-align: center;text-shadow:none;border-right:1px solid #444;padding:123px 20px 8px 20px;margin:0 auto;}.header .nav{padding:123px 20px 8px 20px;border-bottom:4px double #444;}.footerwrap{margin:0 0 40px 0;}.post-body{width:800px;margin:0 auto;}.post-body img,.template li a,.footergrd-c1 p,.footergrd-c2 p,.footergrd-c3 li,.footergrd h1,blockquote{margin:0 auto;list-style:none; background-color:rgba(0, 0, 0, .2); border: 1px solid rgba(255, 255, 255, 0.03); border-top-color: rgba(255, 255, 255, 0.04); border-bottom-color: #222;  box-shadow: 0 5px 12px rgba(0, 0, 0, .7); -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7); -webkit-transition: all .15s ease-in-out; -webkit-transform-origin: 50% 1px;}.footergrd-c1 p,.footergrd-c2 p,.footergrd-c3{font-size:10px 0 0 10px; color:#454749;padding:10px;}.footergrd h1 { color:#454749; padding:10px; border:1px solid #111; padding:3px; margin:3px 0;}.post-body img{padding:15px;}.template{position:relative;width:800px;margin:0 auto;}.post-body h4{font:bold 20px arial,sans serif;color:#D30402;}.template li{margin:0 auto;display:inline;height: 30px;padding: 0 15px;}.template li a{display: inline-block;white-space: nowrap;padding: 0 1.5em;margin: 0.5em;font: bold 2em/2em Arial, Helvetica;text-decoration: none;color: #333;}.template li a:hover{background-color:rgba(0, 0, 0, .3);}.comments .comment .comment-actions.secondary-text a:active,.comments .continue a:active{background-color:rgba(0, 0, 0, .1);}.template li a:before {background: #ccc;background: rgba(0,0,0,.1);
float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);-moz-border-radius: .15em 0 0 .15em;-webkit-border-radius: .15em 0 0 .15em;border-radius: .15em 0 0 .15em;pointer-events: none;}.template li a:before{ content: "\279C";}.potot{width:600px;margin:0 auto;}.potot .text span{display:block;}.potot .text{padding:10px;font:60px arial,sans serif;color: #ccc;letter-spacing: -5px;text-shadow: 0 1px 0 rgba(255,255,255,.15); }blockquote p{font:bold 30px Arial, Sans Serif;color:#D30402;text-shadow: 0 -1px 0 rgba(0,0,0,1); }blockquote{padding: 13px;border:4px solid #D30402;-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7); -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);box-shadow: 0 5px 12px rgba(0, 0, 0, .7);background-color:#151617;border: 1px solid rgba(255, 255, 255, 0.03);border-top-color: rgba(255, 255, 255, 0.04);border-left:4px solid #D30402;border-bottom-color: rgba(255, 255, 255, 0.01); -webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-695281682545035078?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/695281682545035078'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/695281682545035078'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/x5-shadow-template.html' title='X5 - Shadow template (Update)'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-rIEj3nUJM8g/TzP_vemWoUI/AAAAAAAAHRo/JGMr0AlE02I/s72-c/X5-SHADOW.gif' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-7413480487522286865</id><published>2012-02-17T03:03:00.004+07:00</published><updated>2012-02-17T05:06:08.650+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='poster'/><category scheme='http://www.blogger.com/atom/ns#' term='thypografi'/><title type='text'>Typography Poster</title><content type='html'>&lt;style&gt;body{background:#231F20 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJklEQVQYlWNgYGAwZiAMiFFDnC6cJhkTo4g2gCirSfIM0dbhVAMA6CcCZci+ew8AAAAASUVORK5CYII=);}.container{padding-left:20px;padding-right:20px;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#90797F;text-align:center;text-shadow:none;border-right:1px solid #3C3C3C;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px solid #3C3C3C;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:10px;margin-top:20px;padding:0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#333;}html,.footerwrap{color:#333;background:#0C0A0A;}.footergrd h1{color:#555;}.container img,.container .judul,#toggle-container h2.active,#toggle-container h2{background:rgba(53,43,46,.4);border:1px solid rgba(255,255,255,0.03);border-top-color:rgba(255,255,255,0.04);border-bottom-color:rgba(255,255,255,0.01);box-shadow:0 5px 12px rgba(0,0,0,.7);-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;}.container img{max-width:90%;height:auto;margin:0 auto;padding:2%;}.judul{max-width:91.6%;text-transform:uppercase;color:#A73520;text-shadow:0 1px 2px hsla(1,1%,1%,.2);text-align:center;font:bold 14px arial,sans serif;margin:0 auto;padding:5px;}.row{width:100%;max-width:1140px;min-width:755px;overflow:hidden;margin:0 auto;padding:20px 0;}.row:before{content:"";display:block;border:11px solid #90797F;border-top:1px solid #3C3C3C;border-bottom:1px solid #1D191A;-moz-box-shadow:0 0 2px #171415;-webkit-box-shadow:0 0 2px #171415;box-shadow:0 0 2px #171415;margin:-15px 0 0;}.sixcol{margin-right:3.8%;float:left;min-height:1px;}.row .sixcol{width:48%;}.last{margin-right:0;}&lt;/style&gt;&lt;div class="container"&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by doodoodle&lt;/div&gt;&lt;a href="http://doodoodle.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-72uGjVIYALI/Tz1CWRq1l0I/AAAAAAAAHVI/heVioRlR0xA/s1600/tipo-2.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : bombermandz&lt;/div&gt;&lt;a href="bombermandz.deviantart.com" target="_blank"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-OUZ4RagUewE/Tz1CbzCw-DI/AAAAAAAAHVo/m7smQKoOSP4/s1600/tipo-3.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : sikahster&lt;/div&gt;&lt;a href="http://sikahster.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-bjjMatKSmo0/Tz1CJY4qljI/AAAAAAAAHT4/K1KMCVpuKK4/s1600/tipo-1.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : by JHallGraphics&lt;/div&gt;&lt;a href="http://jhallgraphics.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-uhZNGLBOB3E/Tz1CT36os8I/AAAAAAAAHU4/KRBt-JgRXzA/s1600/tipo-18.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by cheesyGFX&lt;/div&gt;&lt;a href="http://cheesygfx.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-Ku1MIO6BZGE/Tz1CdeLOPzI/AAAAAAAAHVw/3HsQ0FAMQSM/s1600/tipo-4.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : gorkisview&lt;/div&gt;&lt;a href="http://gorkisview.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-kkRFMPaOBxM/Tz1CelQj1II/AAAAAAAAHV4/KBZLNQo8IwE/s1600/tipo-5.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by cheesyGFX&lt;/div&gt;&lt;a href="http://cheesygfx.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-yumvMKU1v1Q/Tz1CSMLciSI/AAAAAAAAHUw/zs_KjYlX9GU/s1600/tipo-16.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : pixel-junglist&lt;/div&gt;&lt;a href="http://pixel-junglist.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-RapLk88QszY/Tz1CQv05zOI/AAAAAAAAHUo/0BETd_qFMtk/s1600/tipo-15.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by rodolforever&lt;/div&gt;&lt;a href="http://rodolforever.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-yZgeh9kdlYc/Tz1CP0axdZI/AAAAAAAAHUg/IYxIzqgg924/s1600/tipo-14.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : bEriMae&lt;/div&gt;&lt;a href="http://berimae.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-R5WfqXOgB5I/Tz1COWPuD1I/AAAAAAAAHUY/4Y45myO3WDM/s1600/tipo-13.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by bombermandz&lt;/div&gt;&lt;a href="http://bombermandz.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-EuFDYQqKaQc/Tz1CNGSOlRI/AAAAAAAAHUQ/O5Ac_EoI9pU/s1600/tipo-12.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : cheesyGFX&lt;/div&gt;&lt;a href="http://cheesygfx.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-XWx7rlLGY8s/Tz1CMMY8A0I/AAAAAAAAHUI/ma0SPd0CsZ4/s1600/tipo-11.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by mastadeath&lt;/div&gt;&lt;a href="http://mastadeath.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-FLfuLCLqRO0/Tz1CkXa6wpI/AAAAAAAAHWY/_E2Ru3o2PpE/s1600/tipo-9.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : silocult&lt;/div&gt;&lt;a href="http://silocult.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-y128c0tMAWM/Tz1CjDKWsGI/AAAAAAAAHWQ/JKluG08bscI/s1600/tipo-8.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by skryingbreath&lt;/div&gt;&lt;a href="http://skryingbreath.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-A6j9Jh8uTC4/Tz1ChZvYGjI/AAAAAAAAHWI/DCJl4BoqGfg/s1600/tipo-7.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : silocult&lt;/div&gt;&lt;a href="http://silocult.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-Z-wsNPMIhFE/Tz1CfgONM9I/AAAAAAAAHWA/RMOxdEgSIyY/s1600/tipo-6.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : LOVEmeDEATH&lt;/div&gt;&lt;a href="http://lovemedeath.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-8GPEW_noawE/Tz1Ca6X9bqI/AAAAAAAAHVg/l5uiY6CeIPY/s1600/tipo-22.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : LouieHitman&lt;/div&gt;&lt;a href="http://louiehitman.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-4oJH3ebJW6M/Tz1CVZZdKuI/AAAAAAAAHVA/Mfnf52fMDJU/s1600/tipo-19.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by gorkisview&lt;/div&gt;&lt;a href="http://gorkisview.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-R6IjuqtU9Kc/Tz1CYDcrXvI/AAAAAAAAHVQ/c5oTfaEvjIc/s1600/tipo-20.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : saYcoStuDiOz &lt;/div&gt;&lt;a href="http://saycostudioz.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-qYe9Zek8v6o/Tz1CZEfg7XI/AAAAAAAAHVY/8VvioQDi0h0/s1600/tipo-21.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by Synergy10&lt;/div&gt;&lt;a href="http://synergy10.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-RiQW7K6pk9Q/Tz1KkpAd7iI/AAAAAAAAHWw/v9Y0U5sk5N0/s1600/tipo-24.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : alesfuck&lt;/div&gt;&lt;a href="http://alesfuck.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-cZGbTII1Rck/Tz1J4Z6FTzI/AAAAAAAAHWo/NxgPmhe5-eA/s1600/tipo-23.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by Metric72&lt;/div&gt;&lt;a href="http://metric72.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-XHQOWmKqn3A/Tz1JFQR0S7I/AAAAAAAAHWg/M1nn5f2nmlQ/s1600/tipo-17.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by : cheesyGFX &lt;/div&gt;&lt;a href="http://cheesygfx.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-BJRU1KeoWRo/Tz1LWQuQhPI/AAAAAAAAHW4/P4MfRceetNY/s1600/tipo-25.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="sixcol"&gt;&lt;div class="judul"&gt;Typography Poster by : by Anton101&lt;/div&gt;&lt;a href="http://anton101.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-EIMQfOTQVd8/Tz1LzdOhr7I/AAAAAAAAHXA/oyGqYg7qhKI/s1600/tipo-26.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="sixcol last"&gt;&lt;div class="judul"&gt;Typography Poster by :pixel-junglist &lt;/div&gt;&lt;a href="http://pixel-junglist.deviantart.com/" target="_blank"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-1MHtOjXb_rU/Tz1MhYajfsI/AAAAAAAAHXI/8kozfMUf264/s1600/tipo-27.jpg" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-7413480487522286865?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/7413480487522286865'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/7413480487522286865'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/typography-poster.html' title='Typography Poster'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-72uGjVIYALI/Tz1CWRq1l0I/AAAAAAAAHVI/heVioRlR0xA/s72-c/tipo-2.jpg' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-4875211834640137004</id><published>2012-02-16T23:23:00.005+07:00</published><updated>2012-02-20T19:53:18.873+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Tutorial'/><category scheme='http://www.blogger.com/atom/ns#' term='thypografi'/><title type='text'>family standart</title><content type='html'>&lt;style&gt;body{background: #cfcfcf;}ul.font span{font-size:25px;padding:20px;display:block;}.post-body{width:900px;margin:0 auto;}ul.font li{list-style-type: decimal-leading-zero; padding:15px;border-bottom:1px solid #111;border-left:4px double #111;margin:12px 0 0 0;}ul.font pre,ul.font code{background:#111;color:#fff;padding:3px 20px 3px 20px;font-size:12px;}.judul{font:138px "Arial Black", Gadget, sans-serif;color:#111;line-height:0.8em;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#111;text-align:center;text-shadow:none;border-right:1px solid #111;margin:0 auto;padding:123px 20px 8px;}.header .nav a:hover{color:#000}.header .nav{border-bottom:4px double #111;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:1px;margin-top:20px;background:#111;padding:0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#555;}html,#bawahbana,.footerwrap,.footergrd p{color:#555;background:#050505;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.footergrd h1{color:#777;}&lt;/style&gt;&lt;div class="judul"&gt;Font Families standar &lt;/div&gt;&lt;ul class='font'&gt;&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Arial Black", Gadget, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Arial Black',Gadget,sans-serif;"&gt;“Arial Black”, Gadget, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Arial, Helvetica, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;Arial, Helvetica, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Andale Mono", "Monotype.com", monospace;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Andale Mono','Monotype.com',monospace;"&gt;“Andale Mono”, “Monotype.com”, monospace;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Bookman Old Style", serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Bookman Old Style',serif;"&gt;“Bookman Old Style”, serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Comic Sans MS", cursive;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Comic Sans MS',cursive;"&gt;“Comic Sans MS”, cursive;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Courier New", Courier, monospace;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Courier New',Courier,monospace;"&gt;“Courier New”, Courier, monospace;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Courier, monospace;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Courier,monospace;"&gt;Courier, monospace;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: fixedsys, monospace;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: fixedsys,monospace;"&gt;fixedsys, monospace;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Lucida Console", Monaco, monospace;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Lucida Console',Monaco,monospace;"&gt;“Lucida Console”, Monaco, monospace;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "MS Gothic", monospace;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'MS Gothic',monospace;"&gt;“MS Gothic”, monospace;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "MS Sans Serif", Geneva, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'MS Sans Serif',Geneva,sans-serif;"&gt;“MS Sans Serif”, Geneva, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "MS Serif", "New York", sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'MS Serif','New York',sans-serif;"&gt;“MS Serif”, “New York”, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;"&gt;“Palatino Linotype”, “Book Antiqua”, Palatino, serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Symbol, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Symbol,sans-serif;"&gt;Symbol, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: System, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: System,sans-serif;"&gt;System, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Tahoma, Geneva, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Tahoma,Geneva,sans-serif;"&gt;Tahoma, Geneva, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Georgia, serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Georgia,serif;"&gt;Georgia, serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Garamond, serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Garamond,serif;"&gt;Garamond, serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Impact, Charcoal, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Impact,Charcoal,sans-serif;"&gt;Impact, Charcoal, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;"&gt;“Lucida Sans Unicode”, “Lucida Grande”, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Techno, Impact, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Techno,Impact,sans-serif;"&gt;Techno, Impact, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Times New Roman", Times, serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Times New Roman',Times,serif;"&gt;“Times New Roman”, Times, serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: "Trebuchet MS", Helvetica, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: 'Trebuchet MS',Helvetica,sans-serif;"&gt;“Trebuchet MS”, Helvetica, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Verdana, Geneva, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Verdana,Geneva,sans-serif;"&gt;Verdana, Geneva, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Wingdings, "Zapf Dingbats", sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family: Wingdings,'Zapf Dingbats',sans-serif;"&gt;Wingdings, “Zapf Dingbats”, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;pre class="code"&gt;&lt;code&gt;font-family: Webdings, sans-serif;&lt;/code&gt;&lt;/pre&gt;&lt;span style="font-family:Webdings,sans-serif;"&gt;Webdings, sans-serif;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-4875211834640137004?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4875211834640137004'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/4875211834640137004'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/family-standart.html' title='family standart'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-2936804880859974477</id><published>2012-02-16T04:34:00.004+07:00</published><updated>2012-02-16T04:38:27.804+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='thypografi'/><title type='text'>Helvetica science</title><content type='html'>&lt;style&gt;body{background:#DDC201;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEklEQVQYlWNgGJrAd6AdQHMAAEWUAE7EhcNvAAAAAElFTkSuQmCC), -moz-radial-gradient(center 40%, circle cover, #DDC201 0%, #897902 100%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEklEQVQYlWNgGJrAd6AdQHMAAEWUAE7EhcNvAAAAAElFTkSuQmCC), -webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#DDC201), to(#897902) );    
color:#333;font-family:"Helvetica Neue",arial,arial black,sans-serif;font-size:13px;}::-moz-selection{ background:  #201001;  text-shadow: none; }
::selection { background: #201001; text-shadow: none; } .post-body{width:100%;margin:0 auto;padding:0;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#A10304;text-align:center;text-shadow:none;border-right:1px solid #950302;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:8px solid #A10304;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:20px;margin-top:20px;background:#A10304;padding:0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#555;}html,#bawahbana,.footerwrap,.footergrd p{color:#555;background:#1f1f1f;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.footergrd h1{color:#777;}.grid{width:1000px;margin:60px auto;}.text{width:800px;height:790px;margin:0 auto;}.text1{position:relative;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);writing-mode:lr-tb;margin:-110px 0 0 28px;}.text1 span{display:block;line-height:.74em;color:#BE0100;text-shadow:0 2px 3px hsla(1,1%,1%,.2);}.Love_the{font:bold 175px "Helvetica Neue",arial,arial black,sans-serif;text-transform:uppercase;letter-spacing:-18px;}.helvetica{font:bold 175px "Helvetica Neue",arial,arial black,sans-serif;text-transform:uppercase;letter-spacing:-16px;}.text2{position:relative;width:230px;height:300px;letter-spacing:1px;margin:0 auto;}.text2 span{display:block;line-height:.8em;}.munkis{font:18px "Helvetica Neue",arial,arial black,sans-serif;margin:0 0 0 22px;}.Helvetica2{text-transform:uppercase;font:bold 22px "Helvetica Neue",arial,arial black,sans-serif;color:#222;letter-spacing:-3px;border-left:20px solid #950100;}.science{text-transform:uppercase;font:bold 22px "Helvetica Neue",arial,arial black,sans-serif;color:#950100;letter-spacing:-2px;border-left:20px solid #950100;}.series{position:absolute;bottom:10px;text-transform:uppercase;font:bold 36px/30px "Helvetica Neue",arial,arial black,sans-serif;color:#950100;-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-o-transform:rotate(-270deg);writing-mode:lr-tb;}.series1{font:bold 16px "Helvetica Neue",arial,arial black,sans-serif;font-style:none;text-align:right;color:#111;}.series b{display:block;}.text3{font:20px "Helvetica Neue",arial,arial black,sans-serif;font-style:italic;text-align:center;text-shadow:0 1px 2px hsla(1,1%,1%,.2);color:#111;margin:10px 0 0 50px;}.lets,.hype{font:bold 125px "Helvetica Neue",arial,arial black,sans-serif;letter-spacing:1px;font-style:italic;}&lt;/style&gt;&lt;div class="grid"&gt;&lt;div class="text"&gt;&lt;div class="text2"&gt;&lt;span class="munkis"&gt;munkis&lt;/span&gt;&lt;span class="Helvetica2"&gt;Helvetica&lt;/span&gt;&lt;span class="science"&gt;science&lt;/span&gt;&lt;/div&gt;&lt;div class="text1"&gt;&lt;span class="lets"&gt;let's&lt;/span&gt;&lt;span class="Love_the"&gt;Love the&lt;/span&gt;&lt;span class="helvetica"&gt;helvetica&lt;/span&gt;&lt;span class="hype"&gt;hype&lt;b class="series"&gt;//002&lt;b class="series1"&gt;series&lt;/b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="text3"&gt;don't just love it,be a part of it&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-2936804880859974477?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/2936804880859974477'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/2936804880859974477'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/helvetica-science.html' title='Helvetica science'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-1726329661478808626</id><published>2012-02-14T19:57:00.003+07:00</published><updated>2012-02-15T01:39:01.012+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='poster'/><title type='text'>How stuff works</title><content type='html'>&lt;style&gt;body{background:orange;color:#fff;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#111;text-align:center;text-shadow:none;border-right:1px solid #B87C0D;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px double #B87C0D;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:20px;margin-top:20px;background:#B87C0D;padding:0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#666;}html,#bawahbana,.footerwrap,.footergrd p{color:#666;background:#111 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGklEQVQYlWNgIA4YDzJFxqSYRJRpRJlER0UA6CcCZYR+tmEAAAAASUVORK5CYII=);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}hr{border:0 #555 solid;border-top:1px solid #000;border-bottom:1px solid #888;clear:both;height:0;margin:0;}.footergrd h1{color:#666;}.text{width:800px;font:180px "arial black",tahoma,verdana,sans serif;text-transform:uppercase;line-height:.7em;letter-spacing:-14px;position:relative;margin:0 auto;}.gambar{background:url(http://1.bp.blogspot.com/-E6RrlU3q6dQ/TzpVbbSY8uI/AAAAAAAAHTI/_DGtO5ndAGY/s1600/tanda-tanya.jpg)no-repeat top center;height:1010px;}.border{background:#fff;height:20px;-moz-box-shadow:0 6px 9px hsla(1,1%,1%,.2);-webkit-box-shadow:0 6px 9px hsla(1,1%,1%,.2);box-shadow:0 6px 9px hsla(1,1%,1%,.2);}.how,.stuff,.works{z-index:1;position:relative;height:128px;text-shadow:0 6px 9px hsla(1,1%,1%,.2);}.works .wars,.stuff .bombs,.how .greed{text-shadow:none;position:absolute;color:orange;font:28px "arial black",tahoma,verdana,sans serif;letter-spacing:-2px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);writing-mode:tb-rl;}.how .greed{left:-13px;top:54px;}.stuff .bombs{left:133px;top:50px;}.works .wars{left:293px;top:65px;}.credit{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);writing-mode:tb-rl;font:bold 14px arial,sans serif;position:absolute;bottom:80px;right:-120px;letter-spacing:1px;}&lt;/style&gt;&lt;div class="text"&gt;&lt;div class="gambar"&gt;&lt;/div&gt;&lt;div class="border"&gt;&lt;/div&gt;&lt;div class="how"&gt;&lt;span&gt;how&lt;/span&gt;&lt;span class="greed"&gt;greed&lt;/span&gt;&lt;/div&gt;&lt;div class="stuff"&gt;&lt;span&gt;stuff&lt;/span&gt;&lt;span class="bombs"&gt;bombs&lt;/span&gt;&lt;/div&gt;&lt;div class="works"&gt;&lt;span&gt;works&lt;/span&gt;&lt;span class="wars"&gt;wars&lt;/span&gt;&lt;/div&gt;&lt;div class="credit"&gt;By : Marko Tursunovic&lt;/div&gt;&lt;/div&gt;&lt;br style="clear:both" /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-1726329661478808626?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/1726329661478808626'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/1726329661478808626'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/how-stuff-works.html' title='How stuff works'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-121202374078121320</id><published>2012-02-14T04:52:00.013+07:00</published><updated>2012-02-15T01:38:08.200+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='poster'/><title type='text'>yes we can</title><content type='html'>&lt;style&gt;body{background:#181818;color:#333;font-family:arial,sans serif;font-size:13px;}#content-wrapper,.post-body{width:100%;margin:0 auto;padding:0;}.grid{width:1000px;text-align:center;font:25px sans serif;color:#B8B4B4;text-transform:uppercase;margin:auto;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#555;text-align:center;text-shadow:none;border-right:1px solid #333;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px double #333;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:1px;margin-top:20px;background:#222;padding:0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#333;}html,#bawahbana,.footerwrap,.footergrd p{color:#333;background:#111 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGklEQVQYlWNgIA4YDzJFxqSYRJRpRJlER0UA6CcCZYR+tmEAAAAASUVORK5CYII=);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}hr{border:0 #555 solid;border-top:1px solid #000;border-bottom:1px solid #888;clear:both;height:0;margin:0;}.footergrd h1{color:#3d3d3d;}.judul{font:bold 60px sans serif;}.kanan{float:right;margin:20px 0 50px -80px;}.credit{font:10px arial,sans sserif;color:#555;letter-spacing:3px;
}&lt;/style&gt;&lt;center class="grid"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-v2YBTJ4ZoR4/TzmPkX0yUVI/AAAAAAAAHTA/sCNbf0Q9RY0/s1600/barack-obama.jpg" /&gt;&lt;div class="judul"&gt;“i’m asking you to believe&lt;/div&gt;&lt;p&gt;not just in my ability to bring about real change in&lt;/p&gt;&lt;p&gt;washington...i'm asking you to believe in yours."&lt;/p&gt;&lt;div class="kanan"&gt;&lt;p&gt;-barack obama&lt;/p&gt;&lt;p class="credit"&gt;By Hotcards.com&lt;/p&gt;&lt;/div&gt;&lt;/center&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-121202374078121320?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/121202374078121320'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/121202374078121320'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/yes-we-can.html' title='yes we can'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-v2YBTJ4ZoR4/TzmPkX0yUVI/AAAAAAAAHTA/sCNbf0Q9RY0/s72-c/barack-obama.jpg' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-5933759182458716023</id><published>2012-02-14T03:24:00.010+07:00</published><updated>2012-02-20T19:51:23.626+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='musik'/><title type='text'>Grunge</title><content type='html'>&lt;style&gt;body{background:#AEC5BD;color:#333;font-family:arial,sans serif;font-size:13px;}#content-wrapper,.post-body{width:100%;margin:0 auto;padding:0;}.grid{width:1000px;margin:auto;}.grid u{font-weight:bold;}.grid-m1{float:left;width:22px;height:1px;}.grid-m21{float:left;width:20px;height:1px;}.judul{font: 20px arial,sans serif;color:#fff;background:#007D99;display:block;padding:5px;letter-spacing: 4px;}.grid-c21:first-letter{font:bold 100px arial,sans serif;float:left;color:#eee;background:#007D99;line-height:0.8;position:relative;text-transform:uppercase;margin:0 8px -3px 0;padding:30px 40px 30px 40px;}.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#333;text-align:center;text-shadow:none;border-right:1px solid #333;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px double #333;padding:123px 20px 8px;}#toggle-container h2.active,#toggle-container h2{border:none;height:2px;margin-top:20px;background:#92AFA5;padding:0;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#333;}html,#bawahbana,.footerwrap,.footergrd p{color:#333;background:#92AFA5;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}hr{border:0 #031F1E solid;border-top:1px solid #041C1B;border-bottom:1px solid #104846;clear:both;height:0;margin:0;}.footergrd h1{color:#333;}.grid-c11,.grid-c21{float:left;width:468px;}&lt;/style&gt;&lt;div class="grid"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-d2dv_xWWnjU/TzlxJzJLKLI/AAAAAAAAHSw/U4qCzVE2ijU/s1600/grunge.gif" /&gt;&lt;div class="grid-m11"&gt;&lt;/div&gt;&lt;div class="grid-c11"&gt;&lt;div class="judul"&gt;Sejarah Musik Grunge : Versi 1&lt;/div&gt;&lt;/div&gt;&lt;div class="grid-m21"&gt;&lt;/div&gt;&lt;p class="grid-c21" style="border-bottom:4px solid #007D99;border-top:4px solid #007D99"&gt;1Musik Grunge diawali trend pemunculannya pada awal tahun '80an walau telah ada sebuah band yang memainkan musik Grunge yang telah muncul pada tahun '60an yaitu &lt;u&gt;Crosby&lt;/u&gt;,&lt;u&gt;Still&lt;/u&gt;,&lt;u&gt;Nash&lt;/u&gt; dan Young &lt;u&gt;(Literatur:sejarah Musik Dunia, Gramedia)&lt;/u&gt; . Bahkan group band ini sempat memeriahkan WoodStock'69(bagi yang ingin dengerin penampilannya silahkan kirim kaset kosongnya biar nanti aku copykan).Disini mereka menyumbangkan 3 tembang Grunge dalam versi unplugged. Kemudian grup musik ini bubar karena kalah dengan trend Punk pada tahun '70an. Hanya tinggal Neil Young yang tetap bisa beradaptasi dan bertahan sehingga membuatnya dijuluki &lt;u&gt;"The Goodfather Of Grunge"&lt;/u&gt;.di ambil dari kutipan &lt;u&gt;(Majalah Hai edisi WoodStock)&lt;/u&gt;.&lt;/p&gt;&lt;br style="clear:both" /&gt; &lt;div class="grid-m11"&gt;&lt;/div&gt;&lt;div class="grid-c11"&gt;&lt;div class="judul"&gt;Sejarah Musik Grunge : Versi 2&lt;/div&gt;&lt;/div&gt;&lt;div class="grid-m21"&gt;&lt;/div&gt;&lt;p class="grid-c21"&gt;2Dalam salah satu konsernya Jimmy Hendrik beratraksi dengan gitarnya menuangi cat dengan berteriak "Grunge!" maka jadilah sebuah aliran musik yang bernama Grunge&lt;u&gt; (ha..ha..haaa did you ever believe that bullshit!)&lt;/u&gt;. Okelah mungkin memang benar Jimmy Hendrik mengucapkan kata Grunge, tetapi apa hanya karena itu sejarah musik Grunge tercipta dimuka bumi ini ? &lt;u&gt;Of Course Not!&lt;/u&gt;.Sejarah suatu aliran musik tentulah melewati suatu fase-fase yang panjang, salah satunya adalah gaya hidup.&lt;u&gt;Sumber : &lt;a href='http://www.google.co.id/#sclient=psy-ab&amp;hl=id&amp;source=hp&amp;q=grunge&amp;pbx=1&amp;oq=grunge&amp;aq=f&amp;aqi=g4&amp;aql=&amp;gs_sm=3&amp;gs_upl=3226l3226l2l3438l1l1l0l0l0l0l97l97l1l1l0&amp;bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&amp;fp=7e89b06222e1bcaa&amp;biw=1280&amp;bih=860/' target='_blank' title='/'&gt;Google&lt;/a&gt;&lt;/p&gt;&lt;br style="clear:both" /&gt;&lt;/u&gt; &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-5933759182458716023?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/5933759182458716023'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/5933759182458716023'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/grunge.html' title='Grunge'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-d2dv_xWWnjU/TzlxJzJLKLI/AAAAAAAAHSw/U4qCzVE2ijU/s72-c/grunge.gif' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-6074197110636755347</id><published>2012-02-12T03:36:00.008+07:00</published><updated>2012-02-20T19:51:27.096+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='musik'/><title type='text'>Rock n' Roll</title><content type='html'>&lt;style&gt;html{background:#FFF200 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYlWNgIA5IjSqisyIA0EgBBS81/ewAAAAASUVORK5CYII=);}body{font:14px 'Helvetica Neue',arial,sans serif;color:#111;background: transparent;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYlWNgIA5IjSqisyIA0EgBBS81/ewAAAAASUVORK5CYII=), -moz-radial-gradient(center center, circle cover, yellow,#E5D901)no-repeat;    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYlWNgIA5IjSqisyIA0EgBBS81/ewAAAAASUVORK5CYII=), -webkit-gradient(radial, center center, 0,  center center, 800, from( yellow), to(#E5D901) ); }.header{display:block;background:none;-webkit-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}.header .nav a{font:bold 12px/12px  'verdana','Helvetica Neue',arial,sans serif;color:#000;text-align: center;text-shadow:none;border-right:1px solid #000;padding:123px 20px 8px 20px;margin:0 auto;}.header .nav{padding:123px 20px 8px 20px;border-bottom:4px double #000;}.post-body{width:1020px;margin:0 auto;background:url(http://3.bp.blogspot.com/-fjHThTZseW8/TzbF0GNpmbI/AAAAAAAAHSA/-a_nmQLWt-I/s1600/rock.png)no-repeat left center;}.grid {  width: 800px; margin:0px 0 0 120px;border-bottom:4px double #000;}.grid b{text-decoration:underline;color:#000;}.grid-m1 {  float: left;  width: 22px;  height: 1px;}.grid-c1 {  float: left;  width: 368px;}.grid-m2 {  float: left;  width: 20px;  height: 1px;}.grid-c2 {  float: left;  width: 368px;}.judul{text-transform: uppercase;border-top:1px solid #000;}.judul span{font:bold 90px/90px  'verdana','Helvetica Neue',arial,sans serif;display:block;border-bottom:1px solid #000;color:#000;}div.dul{color:#FFf;padding:4px;background:#000;font:bold 40px/40px 'Helvetica Neue',arial,sans serif;}div.merah,div.merah a{text-transform: uppercase;color:#ff0000;font:bold 20px/20px 'verdana','Helvetica Neue',arial,sans serif;}#toggle-container h2.active,#toggle-container h2{border-top:1px solid #000;border-bottom:1px solid #000;height:0;padding:2px;background:#000;margin-top:60px;}a:link,a:visited,a:active,#header #nav a,a:hover{text-decoration:none;color:#555;}html,#bawahbana,.footerwrap,.footergrd p{color:#555;background:#000;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}hr{border:0 #031F1E solid;border-top:1px solid #041C1B;border-bottom:1px solid #104846;clear:both;height:0;margin:0;}.footergrd h1{color:#fff;}&lt;/style&gt;&lt;div class="grid"&gt;&lt;br style="clear:both" /&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;div class="judul"&gt;&lt;span&gt;Asal&lt;/span&gt;&lt;span&gt;Musik &lt;/span&gt;&lt;span&gt;Rock&lt;/span&gt;&lt;span&gt; N'Roll&lt;/span&gt; &lt;b&gt; dan berikut di bawah ini beberapa aliran besar dalam musik rock &lt;/b&gt;&lt;/div&gt;&lt;br style="clear:both" /&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;b&gt;Musik Rock&lt;/b&gt; adalah salah satu genre dalam khasanah musik populer dunia yang biasanya didominasi oleh vokal, gitar, drum, dan bas. banyak juga dengan penambahan &lt;b&gt;instrumen&lt;/b&gt; seperti &lt;b&gt;keyboad&lt;/b&gt;,&lt;b&gt;piano&lt;/b&gt; maupun synthesizer. Musik rock biasanya mempunyai beat yang kuat dan didominasi oleh gitar, baik elektrik maupun akustik.&lt;/p&gt;&lt;p&gt;Pondasi dari musik rock adalah &lt;b&gt;rock and roll&lt;/b&gt; dan &lt;b&gt;rockabilly&lt;/b&gt; di era 50an. pada akhir 60an banyak terjadi percampuran genre musik lain dengan musik rock. Musik folk bercampur menjadi &lt;b&gt;Folk Rock&lt;/b&gt;, &lt;b&gt;Musik blues&lt;/b&gt; bercampur menjadi &lt;b&gt;Blues Rock&lt;/b&gt; dan &lt;b&gt;musik jazz&lt;/b&gt; menjadi &lt;b&gt;Jazz-Fussion Rock&lt;/b&gt;. Dan pada tahun 70an rock berkembang menjadi beberapa subgenre seperti soft rock, hard rock, heavy metal dan punk. Di era 80an berkembang lagi beberapa subgenre seperti &lt;b&gt;glam metal&lt;/b&gt;, &lt;b&gt;synth rock&lt;/b&gt;,&lt;b&gt;trash metal&lt;/b&gt;, &lt;b&gt;hardcore punk&lt;/b&gt;, &lt;b&gt;alternative rock&lt;/b&gt;. Di era 90an subgenre baru yaitu grunge &lt;b&gt;style rock&lt;/b&gt;,&lt;b&gt;britpop&lt;/b&gt;, &lt;b&gt;indie rock&lt;/b&gt;,&lt;b&gt;piano rock&lt;/b&gt; dan &lt;b&gt;nu metal.&lt;/b&gt;&lt;/p&gt;&lt;/div&gt;&lt;br style="clear:both" /&gt;&lt;div class="grid-m1"&gt;&lt;/div&gt;&lt;div class="grid-c1"&gt;&lt;div class="dul"&gt;Hard Rock&lt;/div&gt;&lt;p&gt;Genre musik rock yang berakar pada musik pertengan 60a yaitu garage dan psychedelic rock dan banyak keterpengaruhan dari musik blues. Hard rock banyak didominasi oleh gitar elektrik, bas gitar dan drum. Peran gitaris biasanya terbagi dua yaitu lead guitar dan rythm guitar, lead guitar akan menampilkan guitar solo pada beberapa bagian dari lagu sedangkan peran rythm guitar lebih sebagai pelengkap lead guitar. Bas gitar dan drum berfungsi untuk membangun struktur dari musik hard rock itu sendiri. Beberapa grup musik hard rock terkemuka seperti :&lt;b&gt;Aerosmith&lt;/b&gt;,&lt;b&gt; The Who&lt;/b&gt;,&lt;b&gt;Thin Lizzy&lt;/b&gt;,&lt;b&gt;Guns N' Roses&lt;/b&gt;,&lt;b&gt;Nazareth&lt;/b&gt;,&lt;b&gt;Van Halen&lt;/b&gt; dan &lt;b&gt;Kiss&lt;/b&gt; sedangkan grup musik seperti &lt;b&gt;led zeppelin&lt;/b&gt; dan &lt;b&gt;deep purple&lt;/b&gt; adalah "pelintas batas" antara hard rock dan heavy metal&lt;/p&gt;&lt;div class="dul"&gt;Heavy Metal&lt;/div&gt;&lt;p&gt;Sebenarnya hard rock dan heavy metal tidak beda jauh dalam hal bermusik makanya banyak pelintas batas antara keduanya, musik heavy metal hanya lebih cepat dalam musiknya. Musik ini dipelopori oleh &lt;b&gt;led zeppelin&lt;/b&gt;, &lt;b&gt;deep purple&lt;/b&gt; dan &lt;b&gt;black sabbath&lt;/b&gt;. penerusnya seperti &lt;b&gt;Judas&lt;/b&gt; &lt;b&gt;Priest&lt;/b&gt;,&lt;b&gt;Iron maiden&lt;/b&gt;,&lt;b&gt;metallica&lt;/b&gt;,&lt;b&gt;megadeth&lt;/b&gt;,&lt;b&gt;Slayer&lt;/b&gt;,&lt;b&gt;W.A.S.P&lt;/b&gt;, dll. Ciri tema dari lirik heavy metal adalah tentang sex, kekerasan, fantasi dan mistis.&lt;/p&gt;&lt;/div&gt;&lt;div class="grid-m2"&gt;&lt;/div&gt;&lt;div class="grid-c2"&gt;&lt;div class="dul"&gt;Punk Rock&lt;/div&gt;&lt;p&gt;Aliran ini lebih pada pemberontakan anak muda terhadap kemapanan. punk rock lebih pada idiologi daripada kemampuan bermusik, seperti kalo kita mendengarkan lagu2nya sex pistols yang sangat ancur dan tanpa harmonisasi bahkan dalam pertunjukan live nya sering basnya diganti dibelakang layar karena pemain aslinya biasanya teler berat dan udah pasti sangat ngawur sekali banget-banget. Pelopor musik ini adalah &lt;b&gt;Ramones&lt;/b&gt;,&lt;b&gt;Sex Pistols&lt;/b&gt;, dan &lt;b&gt;The Clash&lt;/b&gt; penerusnya banyak sekali di era 2000an kayak green day tapi kurang liar.&lt;/p&gt;&lt;div class="dul"&gt;Glam Metal&lt;/div&gt;&lt;p&gt;Sering juga disebut sebagai Hair Metal karena kecenderungan dari personil band nya yang berambut panjang dan gaya berpakaiannya yang glamour dan make up nya. secara musik glam metal gak beda jauh dengan heavy metal hanya saja ada perbedaan dalam lirik yang lebih cenderung hedonistik seperti masalah sex, minuman dan obat. Grup band yang masuk ke aliran ini adalah &lt;b&gt;motley crue&lt;/b&gt;, &lt;b&gt;deff lepard&lt;/b&gt;,&lt;b&gt;quiet riot&lt;/b&gt;,&lt;b&gt;dokken&lt;/b&gt;,&lt;b&gt;twisted sister&lt;/b&gt;,&lt;b&gt;poison&lt;/b&gt;,&lt;b&gt;cinderella&lt;/b&gt;,&lt;b&gt;warrant&lt;/b&gt;,&lt;b&gt; bon jovi dll.&lt;/b&gt; &lt;/p&gt;&lt;div class="merah"&gt;Sumber - cerita : &lt;a href='http://www.google.co.id/#sclient=psy-ab&amp;hl=id&amp;site=&amp;source=hp&amp;q=rock+n%27+roll&amp;oq=rock+n%27+roll&amp;aq=f&amp;aqi=g8g-s1g1&amp;aql=&amp;gs_sm=3&amp;gs_upl=2123l7141l0l7460l12l12l0l1l1l0l131l1404l0.11l11l0&amp;bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&amp;fp=7e89b06222e1bcaa&amp;biw=1280&amp;bih=858/' target='_blank' title='/'&gt;Google&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;br style="clear:both" /&gt; &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-6074197110636755347?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/6074197110636755347'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/6074197110636755347'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/rock-n-roll.html' title='Rock n&apos; Roll'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-8450985872554013762.post-8956374140768908987</id><published>2012-02-04T05:06:00.010+07:00</published><updated>2012-04-06T22:41:47.407+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='template'/><title type='text'>Kental - kopi template</title><content type='html'>&lt;style&gt;
body{
    background: #F5F5ED;
    background: -moz-radial-gradient(center 40%, circle cover, #F5F5ED 0%, #B6B69C 100%);
    background: -webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#F5F5ED), to(#B6B69C) );    
color:#555;
}
.header{display:block;background:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.header .nav a{font:bold 12px/12px verdana,'Helvetica Neue',arial,sans serif;color:#888874;text-align:center;text-shadow:none;border-right:1px solid #888874;margin:0 auto;padding:123px 20px 8px;}.header .nav{border-bottom:4px double #888874;padding:123px 20px 8px;}
.post-body{
width:800px;
margin:0 auto;
}
.post-body img{
margin:0 auto;
border:10px solid #D2D2B8;
-moz-box-shadow:0px 3px 10px #222;
-webkit-box-shadow:0px 3px 10px #222;
box-shadow:0px 3px 10px #222;
}
.template{
position:relative;
width:800px;
margin:0 auto;
}

.template li{
margin:0 auto;
display:inline;
    height: 30px;
  padding: 0 15px;
}


.template li a{
 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 box-shadow:inset 0px 1px 0px 0px #ffffff;
     background: #F5F5ED;
    background: -moz-radial-gradient(center 40%, circle cover, #F5F5ED 0%, #999980 100%);
    background: -webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#F5F5ED), to(#999980) );    
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border:1px solid #dcdcdc;
 display:inline-block;
 color:#777777;
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 24px;
 text-decoration:none;
 text-shadow:1px 1px 0px #ffffff;
width:160px;
}
template li a:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
 background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
 background-color:#dfdfdf;
}
.rmlink a{
background-color:#3bb3e0;
float:right;
padding:10px 20px 10px 20px;
position:relative;
font-family: 'Open Sans', sans-serif;
font-size:12px;
text-decoration:none;
color:#C0C0B1;
text-shadow:1px 1px 1px #111;
border: solid 1px #656549;
background-image: linear-gradient(bottom, rgb(125,125,94) 5%, rgb(189,189,145) 53%, rgb(199,199,159) 77%);
background-image: -o-linear-gradient(bottom, rgb(125,125,94) 5%, rgb(189,189,145) 53%, rgb(199,199,159) 77%);
background-image: -moz-linear-gradient(bottom, rgb(125,125,94) 5%, rgb(189,189,145) 53%, rgb(199,199,159) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(125,125,94) 5%, rgb(189,189,145) 53%, rgb(199,199,159) 77%);
background-image: -ms-linear-gradient(bottom, rgb(125,125,94) 5%, rgb(189,189,145) 53%, rgb(199,199,159) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.05, rgb(125,125,94)),
color-stop(0.53, rgb(189,189,145)),
color-stop(0.77, rgb(199,199,159))
);
-webkit-box-shadow: inset 0px 1px 0px #b5b58f, 0px 1px 0px #fff;
-moz-box-shadow: inset 0px 1px 0px #b5b58f, 0px 1px 0px #fff;
box-shadow: inset 0px 1px 0px #b5b58f, 0px 1px 0px #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.rmlink a:before {
background-color:#C0C0B1;;
content:"";
display:block;
position:absolute;
width:100%;
height:100%;
padding:8px;
left:-8px;
top:-8px;
z-index:-1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}
.rmlink a:active {
padding:10px 20px 10px 20px;
top:1px;
background-image: linear-gradient(bottom, rgb(102,102,76) 5%, rgb(143,143,109) 53%, rgb(158,158,128) 77%);
background-image: -o-linear-gradient(bottom, rgb(102,102,76) 5%, rgb(143,143,109) 53%, rgb(158,158,128) 77%);
background-image: -moz-linear-gradient(bottom, rgb(102,102,76) 5%, rgb(143,143,109) 53%, rgb(158,158,128) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(102,102,76) 5%, rgb(143,143,109) 53%, rgb(158,158,128) 77%);
background-image: -ms-linear-gradient(bottom, rgb(102,102,76) 5%, rgb(143,143,109) 53%, rgb(158,158,128) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.05, rgb(102,102,76)),
color-stop(0.53, rgb(143,143,109)),
color-stop(0.77, rgb(158,158,128))
);
}




template li a:active {
 position:relative;
 top:1px;
}
.potot{
width:600px;
margin:0 auto;

}
pre,code{background:#444;color:#fff;
padding:2px 5px 2px 5px;
}
&lt;/style&gt; &lt;br /&gt;
&lt;ul class="template"&gt;&lt;center&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-K3kGnoz4g-Q/TyxZWV3VHdI/AAAAAAAAHNw/P820IkKa-ak/s1600/kental-kopi.gif" /&gt;  &lt;br style="clear:both" /&gt;
&lt;li&gt;&lt;a href="http://kental-kopi.blogspot.com/" target="_blank"&gt;Demo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://urangkurai.googlecode.com/files/kental-kopi.zip"&gt;Download&lt;/a&gt;&lt;/li&gt;
&lt;/center&gt;  &lt;/ul&gt;&lt;br style='clear:both'/&gt;&lt;br /&gt;
&lt;div class="potot"&gt;&lt;h2&gt;DI BACA DULU..!!&lt;/h2&gt;&lt;p&gt;oh iya..ini kan saya udah publish 3 template,ini saya publish tidak ada maksud apa- apa loh, jangan beranggapan saya sok master lah,sok bikin - bikin template lah,sok bagi - bagi lah,template ini saya bikin cuma mau mengisi waktu luang aja dan pengen berbagi.apa lagi saat ini saya lagi binggung nih mau bikin postingan apaan,belum dapet ide.apa lagi di &lt;b&gt;kopizine&lt;/b&gt; lagi - lagi sepi nya dan belum ada kuis,biasa nya ada kuis nih tapi gak tahu akhir2 ini sepi aja,oh iya ini &lt;b&gt;template&lt;/b&gt; saya bikin dengan judul &lt;b&gt;kental kopi&lt;/b&gt; dan semoga aja kopizine kental lagi dan semakin hanget..hahay..lebay..,template ini kelanjutan dari template yg sebelum nya &lt;b&gt;Blogazine-book&lt;/b&gt; tapi ada penambahan - penambahan sedikit di template ini,klw pengen make template ini di setting dulu format tanggal postingan nya ya,biar pas gitu.oh iya mau kasih tahu nih klw saya bukan lah seorang pembuat template ini cuma hobby dan pengen berbagi,dan saya tidak sepenuh nya serius mendalami tentang pembuatan template,ini cuma saya jalani apa ada nya dan sebagai koleksi template - template bikinan saya&lt;/p&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8450985872554013762-8956374140768908987?l=urangkurai.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/8956374140768908987'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8450985872554013762/posts/default/8956374140768908987'/><link rel='alternate' type='text/html' href='http://urangkurai.blogspot.com/2012/02/kental-kopi-template.html' title='Kental - kopi template'/><author><name>Andre Pandet Rank Khoerai</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-K3kGnoz4g-Q/TyxZWV3VHdI/AAAAAAAAHNw/P820IkKa-ak/s72-c/kental-kopi.gif' height='72' width='72'/></entry></feed>