Invite X-D-X ./

Chelsea vs Everton (Streaming)

Unknown 2 Chelsea 2/19/2014

<span class="fb-like" data-layout="button_count" data-send="false" data-show-faces="false" data-width="90" expr:data-href="data:post.url" style="margin-right: 25px;"></span><a class="twitter-share-button" data-count="horizontal" data-related="" data-via="Invite X-D-X./" expr:data-text="data:post.title" expr:data-url="data:post.url" href="http://twitter.com/share">Tweet</a><span class="g-plusone" data-callback="plusOned" data-count="true" data-size="medium" expr:data-href="data:post.url"></span></div>

<div class="info">
Info selanjutnya bisa anda tanyakan di <i>kotak komentar</i>, <b>Terimakasih</b>!</div>
<div class="sledoktri" id="deris1-download">
<div class="deris1-blog">
<ul id="navigation"><a href="#x" id="link-x">X</a>Chelsea vs Everton</ul>
<center>
<table cellpadding="10" cellspacing="10"><tbody>
<tr><td align="Center" valign="top" width="200">Tekan CTRL+F (lalu ketik "CHELSEA")<br />
<br />
<iframe frameborder="0" height="400" scrolling="auto" src="http://www.sportlemon.tv/webmasters/webmaster_iframe.php" width="500"></iframe></td></tr>
</tbody></table>
</center>
</div>
</div>
<div dir="ltr" style="text-align: right;" trbidi="on">
<b><span style="color: #073763;">Next Match</span></b> >> Fulham vs <b><span style="color: #073763;">Chelsea</span></b> 01-03-2014 | 22.00 <b>WIB</b>.</div>
</div>

Chelsea vs Everton (Streaming)

LIGA PRIMER INGGRIS CHELSEA 1 - 0 EVERTON Full Time Februari 22, 2014 7:45 PM WIB Stamford Bridge — London Wasit:‬ L. Pro...

Membuat Daftar Isi Simple

Unknown 0 Trik Blog 2/19/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Daftar Isi</b> - Cara membuat daftar isi simple berdasarkan label sangat mudah sekali. Anda tinggal masuk ke <span style="color: magenta;"><b>Blogger</b> </span>Anda > Lalu <span style="color: magenta;"><b>Tambah Laman</b> </span>> Masukan <b><span style="color: magenta;">Javascript</span></b> ini dalam postingan laman Anda.<br />
<div class="codeview2">
<script src="https://deris-cole.googlecode.com/svn/trunk/javascript/Soft-Daftar-Isi.js"><br />
</script><script src="<b><span style="color: #cc0000;">http://deris10.blogspot.com</span></b>/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"><br />
</script></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<ul style="text-align: left;">
<li>Untuk <b><span style="color: #cc0000;">http://deris10.blogspot.com</span></b>. harus diganti dengan namablog Anda.</li>
<li>Untuk demo anda bisa melihat gambar dibawah :</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn0aGcY3SN9LyW4dnTqsdz95SiGfxNzQfcvf_34itGfqwV-j_R86zODgynyh5Ne6l5b_uQrSUQCBLIjbRLVLMO5JjFPEVXE5fskyrP_8GazGr8x2epF9GJ8s4Eah5mjO4RV3rFohQ6Hb-D/s1600/Daftar+Isi+Simple.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn0aGcY3SN9LyW4dnTqsdz95SiGfxNzQfcvf_34itGfqwV-j_R86zODgynyh5Ne6l5b_uQrSUQCBLIjbRLVLMO5JjFPEVXE5fskyrP_8GazGr8x2epF9GJ8s4Eah5mjO4RV3rFohQ6Hb-D/s1600/Daftar+Isi+Simple.png" width="640" /></a></div>
<br />
<div style="text-align: center;">
<ul class="tombol">
<li><a href="http://deris10.blogspot.com/p/laman-label-anime.html" target="_blank">Demo</a></li>
</ul>
</div>
</div>

Membuat Daftar Isi Simple

Daftar Isi - Cara membuat daftar isi simple berdasarkan label sangat mudah sekali. Anda tinggal masuk ke Blogger Anda > Lalu Tambah La...

Membuat Berita Terbaru Blog diatas Header

Unknown 4 Trik Blog 2/18/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<b>BERITA TERBARU</b> - Membuat berita terbaru diatas header dari blog akan membuat tampak manis dari sebuah blog, anda bisa melihat demo gambarnya dibawah :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjamNwlQk5JJXFsy9o3tM4xru0WNDdpCeRbI6GEZ2zs_sqF5iU1EWCKlleIQ7FJc6ZMYnXjCaHtL9zogNUGeonZkJ8kdqsbs3ybGdYIBv06hOjr3OUNBeXnyesFbFYM_p951jl5EX0sxIUI/s1600/Breaking+news.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjamNwlQk5JJXFsy9o3tM4xru0WNDdpCeRbI6GEZ2zs_sqF5iU1EWCKlleIQ7FJc6ZMYnXjCaHtL9zogNUGeonZkJ8kdqsbs3ybGdYIBv06hOjr3OUNBeXnyesFbFYM_p951jl5EX0sxIUI/s1600/Breaking+news.png" width="640" /></a></div>
<h5 style="text-align: left;">
Step 1 :</h5>
<div>
<ul style="text-align: left;">
<li>Masuk Dashboard > Edit HTML.</li>
<li><xdx>CTRL</xdx>+<xdx>F</xdx> atau cari kode <b><span style="color: #0b5394;">]]></b:skin></span></b>.</li>
<li>Letakan kode CSS dibawah tepat diatasnya.</li>
</ul>
</div>
<div class="codeview">
/* Headline-xdx */<br />
.newspic {background:transparent url(https://lh5.googleusercontent.com/-5EABVQDyheA/Uvs0mPwebmI/AAAAAAAAARY/-b6e5vAA0HY/w123-h22-no/wn.png) no-repeat top left;border-bottom:1px solid #CDCDCD; width:675px;margin:0 auto;padding:0 auto;height:23px;color:#000;position:absolute;left:13.10%;}<br />
.news {width: 850px;margin:0 auto;padding:0 auto;line-height: 1em;text-align:left;font-family:Arial;font-size:10px;color:#000;overflow:hidden;clear:both;}<br />
.news a:link, .news a:visited{color:#000;text-decoration:none;}<br />
.news a:hover {color:#0099cc;text-decoration:underline;}</div>
<br />
<ul style="text-align: left;">
<li>Kemudian Cari kode <b><span style="color: #38761d;"><div id='body-wrapper'></span></b>.</li>
<li>Letakan kode tepat ini dibawahnya.</li>
</ul>
<div class="codeview">
<div style='clear:both;'/><br />
<div class='newspic'><br />
<div style='float:left;width:780px;padding:6px 0 6px 125px; position:relative; overflow:hidden;'><br />
<script type='text/javascript'><br />
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)<br />
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://www.deris10.blogspot.com/feeds/posts/default&quot;) //Specify<br />
&quot;label&quot; plus URL to RSS feed<br />
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields<br />
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag<br />
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date<br />
cssfeed.entries_per_page(1)<br />
cssfeed.init()<br />
</script><br />
</div><br />
<div style='clear:both;'/><br />
</div></div>
<ul style="text-align: left;">
<li>Selanjutnya letakan script ini diatas kode <b><span style="color: #38761d;"></head></span></b>.</li>
</ul>
<div class="codeview2">
<br />
<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};<br />
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};<br />
//]]><br />
</script><br />
<style type='text/css'><br />
.titlefield{ /*CSS for RSS title link in general*/<br />
text-decoration: none;}<br />
.labelfield{ /*CSS for label field in general*/<br />
color:#0099cc;font-size: 100%;}<br />
.datefield{ /*CSS for date field in general*/<br />
color:#aaa;font:normal 12px courier;text-transform:none;}<br />
#example1{ /*Demo 1 main container*/<br />
width: 960px;<br />
height: 13px;<br />
border: 0px solid #cdcdcd;<br />
padding: 0px;<br />
font:bold 13px courier;<br />
text-transform:none;<br />
text-align:left;<br />
background-color:transparent;}<br />
code{ /*CSS for insructions*/<br />
color: #0099CC;}<br />
#example1 a:link, #example1 a:visited {color:#02ab68;text-decoration:none;}<br />
#example1 a:hover {color:#111;text-decoration:none;}<br />
</style></div>
<br />
<ul style="text-align: left;">
<li>Selesai, Silahkan simpan template Anda.</li>
</ul>
</div>

Membuat Berita Terbaru Blog diatas Header

BERITA TERBARU - Membuat berita terbaru diatas header dari blog akan membuat tampak manis dari sebuah blog, anda bisa melihat demo gambar...

Membuat tag 'alt' Otomatis di Setiap Gambar Blog.

Unknown 0 Trik Blog 2/17/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Cara membuat tag 'alt' disetiap Gambar Blog</b> - Fungsinya untuk menampilkan penanda dari keterangan gambar tersebut, Anda bisa melihat contohnya dibawah !
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinj2QfyjG2S3pKU2Hc7WjxZgvk-KzIFxrNPb2WZ8GEhRmeIXgbSHpw2Mj-1Zm8JytcUClYXizIhsEB8KcqpF3PUmMLUByeCNzSsRoZU4v5i7NNR943inUPrJ15gyd5F4ZLl8AyG4UnWnC9/s1600/Tag+Alt+Otomatis+Pada+gambar.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinj2QfyjG2S3pKU2Hc7WjxZgvk-KzIFxrNPb2WZ8GEhRmeIXgbSHpw2Mj-1Zm8JytcUClYXizIhsEB8KcqpF3PUmMLUByeCNzSsRoZU4v5i7NNR943inUPrJ15gyd5F4ZLl8AyG4UnWnC9/s1600/Tag+Alt+Otomatis+Pada+gambar.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contoh tag <i>alt</i></td></tr>
</tbody></table>
<h3>
Tutorial :</h3>
<ul style="text-align: left;">
<li>Buka Dashboard blogger anda.</li>
<li>Template > Edit Html</li>
<li>Cari (<xdx>CTRL</xdx>+<xdx>F</xdx>) kode <b><span style="color: #38761d;"></body></span></b></li>
<li>Letakan <i>Javascript</i> ini diatas kode tsb.</li>
</ul>
<div>
<pre class="line-number" data-codetype="Jquery"><code>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
 $('img').each(function(){
 var $img = $(this);
 var filename = $img.attr('src')
 $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
 $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
 });
});
//]]>
</script>
</code></pre>
</div>
<ul style="text-align: left;">
<li>Simpan <i>Template</i> anda.</li>
</ul>
<div>
Sekian cara membuat tag 'alt' otomatis pada blog !</div>
</div>

Membuat tag 'alt' Otomatis di Setiap Gambar Blog.

Cara membuat tag 'alt' disetiap Gambar Blog - Fungsinya untuk menampilkan penanda dari keterangan gambar tersebut, Anda bisa melih...

Streaming Chelsea vs Man City (Piala FA)

Unknown 0 Chelsea 2/15/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<b><span style="font-family: Georgia, Times New Roman, serif;">PIALA FA</span></b><br />
<div style="background-image: url('http://www.goal.com/web/goal/2014.01.30-v1/images/default/site-elements/match-header/bg.jpg'); background-position: center center; background-repeat: repeat; padding: 5px; text-align: justify;">
<center>
<img alt="Manchester City" height="50" id="logo_team1" src="http://cache.images.globalsportsmedia.com/soccer/teams/150x150/676.png" width="50" />  <b><span style="font-size: x-large;"><span style="color: white; font-family: Georgia, Times New Roman, serif;">MAN. CITY</span> <skr>0</skr><vs>-</vs><skr>0</skr><span style="color: white; font-family: Georgia, Times New Roman, serif;">CHELSEA</span></span></b> <img alt="Chelsea" height="50" src="http://cache.images.globalsportsmedia.com/soccer/teams/150x150/661.png" width="50" /></center>
<div align="center">
<strong><span style="color: lime;"><br /></span></strong><strong style="background-color: #091f2c; color: #a2aaad; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15.399999618530273px;"><span class="style2" style="color: #008254;">Belum Dimulai</span></strong><br />
<span style="background-color: #091f2c; color: #a2aaad; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15.399999618530273px;">Februari 16, 2014 12:15 AM WIB</span><br />
<span style="background-color: #091f2c; color: #a2aaad; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15.399999618530273px;">Etihad Stadium — Manchester</span><br />
<span style="background-color: #091f2c; color: #a2aaad; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15.399999618530273px;">Wasit:‬ P. Dowd‎</span><br />
<div style="text-align: right;">
<br /></div>
</div>
</div>
<br />
<h5 style="text-align: justify;">
<span style="font-weight: normal;">FA CUP</span></h5>
</div>
<span style="text-align: justify;">Man. City vs <b>Chelsea</b></span><span style="text-align: justify;"> akan berlangsung  di </span><b style="text-align: justify;">Etihad Stadium</b><span style="text-align: justify;"> dipimpin oleh wasit </span><i style="text-align: center;">P. Down. </i><span style="text-align: center;">Streaming </span><span style="text-align: center;">bisa dilihat di blog ini, kami akan menyediakan beberapa Server tercepat tentunya dan link akan aktif beberapa saat sebelum <b><i>kick-off.</i></b></span>
<br />
<h5 style="text-align: left;">
Head To head :</h5>
<br />
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableLightShadingAccent3" style="border-collapse: collapse; border: none;">
 <tbody>
<tr style="height: 20.75pt;">
  <td colspan="3" style="border-bottom: solid #02ab68 1.0pt; border-left: none; border-right: none; border-top: solid #02ab68 1.0pt; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 484.05pt;" valign="top" width="645"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: center;">
<b><span style="color: #8eb4e3;">MANCHESTER
  CITY</span><span style="color: #02ab68;"> VS </span><span style="color: blue;">CHELSEA</span></b></div>
</td>
 </tr>
<tr style="height: 20.75pt;">
  <td style="background: #E6EED5; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<b><span style="color: #02ab68;">English Premier League</span></b></div>
</td><td style="background: #E6EED5; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: #02ab68;">27 Oktober 2013</span></div>
</td>
  <td style="background: #E6EED5; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<b><span style="color: #02ab68;">Chelsea 2 </span></b><span style="color: #02ab68;">– 1 Manchester City</span></div>
</td>
 </tr>
<tr style="height: 20.75pt;">
  <td style="border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<b><span style="color: #02ab68;">Ujicoba Antarklub</span></b></div>
</td>
  <td style="border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: #02ab68;">26 Mei 2013</span></div>
</td>
  <td style="border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<b><span style="color: #02ab68;">Manchester City 5</span></b><span style="color: #02ab68;"> – 3 Chelsea</span></div>
</td>
 </tr>
<tr style="height: 20.75pt;">
  <td style="background: #E6EED5; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<b><span style="color: #02ab68;">Ujicoba Antarklub</span></b></div>
</td>
  <td style="background: #E6EED5; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: #02ab68;">24 Mei 2013</span></div>
</td>
  <td style="background: #E6EED5; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: #02ab68;">Chelsea 3 -<b> 4 Manchester City</b></span></div>
</td>
 </tr>
<tr style="height: 20.75pt;">
  <td style="border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<b><span style="color: #02ab68;">Piala FA</span></b></div>
</td>
  <td style="border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: #02ab68;">14 April 2013</span></div>
</td>
  <td style="border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: #02ab68;"><i>Chelsea 1</i> </span><span style="color: #02ab68;">- <b>2 Machester City</b></span></div>
</td>
 </tr>
<tr style="height: 20.75pt;">
  <td style="background: #E6EED5; border-bottom: solid #02ab68 1.0pt; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<b><span style="color: #cc0000;">English Premier League</span></b></div>
</td>
  <td style="background: #E6EED5; border-bottom: solid #02ab68 1.0pt; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: #cc0000;">4 Februari 2014</span></div>
</td>
  <td style="background: #E6EED5; border-bottom: solid #02ab68 1.0pt; border: none; height: 20.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 161.35pt;" valign="top" width="215"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: #cc0000;">Manchester City 0-<b>1 Chelsea</b></span></div>
</td>
 </tr>
</tbody></table>
<h5 style="text-align: left;">
<span style="font-weight: normal;">
Link Streaming :</span></h5>
<div style="text-align: center;">
<ul class="DS-tombol2">
<li><a href="#deris1-download">Server 1</a></li>
<li><a href="http://deris10.blogspot.jp/p/espn-start-sport.html" onclick="window.open(this.href,"popupwindow","status=0,height=450,width=500,resizable=0,top=50,left=100");return false;">Server 2</a></li>
<li><a href="http://deris10.blogspot.com/2013/09/streaming-tv-chelsea.html" target="_blank">Server 3</a></li>
</ul>
</div>
<div class="alert">
Info selanjutnya bisa anda tanyakan di <i>kotak komentar</i>, <b>Terimakasih</b>!<br />
Internet anda lelet? Dianjurkan memakai link mirror.</div>
<div class="sledoktri" id="deris1-download">
<div class="deris1-blog">
<ul id="navigation"><a href="#x" id="link-x">X</a>Streaming Man City vs Chelsea</ul>
<center>
<table cellpadding="10" cellspacing="10"><tbody>
<tr><td align="Center" valign="top" width="200">Tekan CTRL+F (lalu ketik "CHELSEA")<br />
<iframe frameborder="0" height="400" scrolling="auto" src="http://www.sportlemon.tv/webmasters/webmaster_iframe.php" width="500"></iframe></td></tr>
</tbody></table>
</center>
</div>
</div>
</div>

Streaming Chelsea vs Man City (Piala FA)

PIALA FA MAN. CITY 0 - 0 CHELSEA Belum Dimulai Februari 16, 2014 12:15 AM WIB Etihad Stadium — Manchester Wasit:‬ P. Dowd‎ ...

Efek Animasi Persentase di Scrollbar

Unknown 0 Trik Blog 2/13/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
Animasi Scrollbar</h2>
<div style="text-align: justify;">
<b>Percentase Scrollbar</b> - Sebenarnya bingung juga ingin memakai judul apa. Tapi apabila ingin lihat demonya lihat saja di gambar bawah :</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFSdA3Dp1p_p6kcWyI9LCzbTUuOz62AgK8Ono5ab9F7CCdyR_6zFgaooPREdZTzYYG1RZuQ2ZwyC8W-5Qe4e7UDeUO4qTA_vsrl9Oo6xTGAS62_zURDKrd9Gzl5Hn8XdFE55gUcnj89SYc/s1600/Efek+Persentase+pada+scrollbar.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFSdA3Dp1p_p6kcWyI9LCzbTUuOz62AgK8Ono5ab9F7CCdyR_6zFgaooPREdZTzYYG1RZuQ2ZwyC8W-5Qe4e7UDeUO4qTA_vsrl9Oo6xTGAS62_zURDKrd9Gzl5Hn8XdFE55gUcnj89SYc/s1600/Efek+Persentase+pada+scrollbar.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Demo</td></tr>
</tbody></table>
 Mungkin setelah melihat gambarnya sedikit banyak bisa mengerti ya, langsung saja ya :<br />
<h3 style="text-align: left;">
Pertama :</h3>
<div>
<ul style="text-align: left;">
<li>Login Blogger.com</li>
<li>Edit Html, <xdx>CTRL</xdx>+<xdx>F</xdx> <span style="color: #38761d;"><b>]]></b:skin></b></span></li>
<li>Letakan Kode CSS ini, tepat diatas kode diatas.<b><span style="color: #38761d;"> ]]></b:skin></span></b></li>
</ul>
</div>
<div>
<pre class="line-number" data-codetype="CSS"><code>
/* Scroll xdx*/
#scroll {
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #2187e7;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: "";
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2187e7;
}</code></pre>
</div>
<ul style="text-align: left;">
<li>Kemudian cari kode<span style="color: #38761d;"> <b></head></b></span></li>
<li>Tamhkan kode ini tepat dibawahnya, sehingga terlihat seperti ini.</li>
</ul>
<blockquote class="tr_bq codeview">
<b><span style="color: #38761d;"></head></span></b><br />
<div id='scroll'></div></blockquote>
<ul style="text-align: left;">
<li>Cari kode <b><span style="color: #38761d;"><body></span></b> ganti dengan seperti dibawah:</li>
</ul>
<blockquote class="tr_bq codeview">
<b><span style="color: #38761d;"><body</span></b> class='loading'></blockquote>
<ul style="text-align: left;">
<li>Terakhir letakan Javascritp ini dibawah <b><span style="color: #38761d;"><body></span></b>.</li>
</ul>
<pre class="line-number" data-codetype="Jquery"><code>
<script language='JavaScript' type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
//]]>
</script></code></pre>
<div class="info">
Seperti itulah cara membuat, efek animasi persentase di scrollbar. Apabila ada pertanyaan silahkan dikotak komentar. !</div>
</div>

Efek Animasi Persentase di Scrollbar

Animasi Scrollbar Percentase Scrollbar - Sebenarnya bingung juga ingin memakai judul apa. Tapi apabila ingin lihat demonya lihat saja d...