Invite X-D-X ./

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...

Download Tune Up Utilities 2014 Full+Serial

Unknown 0 Komputer, Tips dan Trik 2/13/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
Tune Up Full+Serial</h2>
<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/AVvXsEj8dAIQ-aWw0fyYGGn19-TXAAeH8MpjgKMD7_nncX8Cq6oESB9ui77lXi7KZYIw32eLZ0_uNCtmaCyrDYravWPRUItkBdQnFkHBgvFgEQ71ah0pYETySGalgx5ZtLGjgzIGE2dXrqAHjWo_/s1600/Serial+Tune+Up+Utilities+2014+Full.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8dAIQ-aWw0fyYGGn19-TXAAeH8MpjgKMD7_nncX8Cq6oESB9ui77lXi7KZYIw32eLZ0_uNCtmaCyrDYravWPRUItkBdQnFkHBgvFgEQ71ah0pYETySGalgx5ZtLGjgzIGE2dXrqAHjWo_/s1600/Serial+Tune+Up+Utilities+2014+Full.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Demo - Tune Up Utilities Full</td></tr>
</tbody></table>
<h5 style="text-align: left;">
Apa itu Tune Up Utilities :</h5>
<div style="text-align: justify;">
<p class="ketik">Ialah sebuah peranti lunak yang dapat dipergunakan untuk memaksimalkan sistem operasi yang bekerja pada komputer. Program ini selain dapat memperbaiki registry juga mampu menata ulang (rewrite) registry Windows, sehingga memperkecil risiko kerusakan sistem dan mempercepat kinerjanya, selain itu juga mampu menghapus data pada harddisk hingga benar-benar tidak berbekas lagi serta berbagai macam pekerjaan perbaikan lainnya. Fitur Turbo Mode juga dikalim dapat meningkatkan performa komputer secara signifikan.</p></div>
<h5 style="text-align: justify;">
Fungsi :</h5>
<div>
Fungsi utamnya tentunya adalah untuk memaksimalkan kinerja komputer, kalo boleh saya bilang ini adalah dokternya komputer, Saya sudah lama memakai aplikasi ini untuk memeriksa komputer saya apabila terjadi error baik itu dari registry ataupun hardisk seacara logical.</div>
<h5 style="text-align: left;">
Download</h5>
<div style="text-align: center;">
<ul class="DS-tombol1">
<li><a href="http://www.tune-up.com/download/" target="_blank">download</a></li>
</ul>
</div>
<h5 style="text-align: left;">
Serial Number</h5>
<div>
<blockquote class="codeview">
<b>Key TuneUp Utilities 2014</b><br />
TMACO-HRNAV-OZGB2-ADQKE-WC2K2-XCY2J<br />
FC762W-CC7QAC-1BVBTH-WPP44P-JFMDFC-8MVVH8<br />
AFYX33-N865H8-5ND37W-WF386K-JE7HFF-Q5D19A<br />
7XBYC7-P191X8-TCF5F7-4MRFX4-9NXWKA-APXX91<br />
HDJ5N7-WY5CR7-TTEQ3D-TA5D9B-QHQV9E-5CW1D4</blockquote>
</div>
</div>

Download Tune Up Utilities 2014 Full+Serial

Tune Up Full+Serial Demo - Tune Up Utilities Full Apa itu Tune Up Utilities : Ialah sebuah peranti lunak yang dapat dipergunakan u...

Membuat Widget Tab Accordion Blogger

Unknown 0 Trik Blog 2/13/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
Tab Accordion </h2>
<div>
Membuat Tab Accordion tanpa masuk edit html - Ternyata ada cara mudah menggunakan tab view jenis accordion ini, caranya :</div>
<div>
<ul style="text-align: left;">
<li>Masuk Blogger :</li>
<li>Masuk Tab <i>Tata Letak</i>.</li>
<li>Tambahkan Gadget <b>Html/Javascript</b> :</li>
</ul>
</div>
<pre class="line-number"><code><style type="text/css"> 
.blogtabs {padding: 0px !important;border: 1px solid #bbb;} 
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 15px;padding: 3px 5px;overflow: hidden;position: relative;background: #353535;color:#fff;font-family:monospace;font-weight:100;cursor:pointer;}html .blogtabs h2.active {background: #02ab68;}.blogtabs .widget-content {border: 0px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}.btab, #showtabs {display:none;}
.quickedit { display:none; }
</style><script type="text/javascript" src="http://bloggergubug.googlecode.com/files/tabviewjquery.js"></script><script type="text/javascript">$(document).ready(function() {$('#showtabs').simpleBlogTab ({organictabs: 3});});</script><div id="showtabs"></div></code></pre>
<div>
<ul style="text-align: left;">
<li>Simpan Gadget/Widget anda :</li>
</ul>
</div>
<div class="info">
Catatan : Script diatas harus berada diatas widget yang lainnya, supaya masuk ke dalam tab viewnya.</div>
<div style="text-align: right;">
<i><span style="font-size: x-small;">Script dasar dari bloggergubug</span></i>
</div>
</div>
</div>

Membuat Widget Tab Accordion Blogger

Tab Accordion Membuat Tab Accordion tanpa masuk edit html - Ternyata ada cara mudah menggunakan tab view jenis accordion ini, caranya ...