Oto Website

Multi-Colored Popular Posts Widget Untuk Blogger

Popular Posts atau Posting populer adalah widget yang disediakan oleh blogger yang menunjukkan daftar tulisan atau artikel blog yang paling sering dilihat dari sekian tulisan atau artikel yang lainnya.<br />
Untuk itu dalam artikel kali ini saya akan menyediakan hack tentang menyesuaikan widget resmi popular posts blogger menggunakan trik yang sama kita akan menyesuaikan widget popular posts dengan bagian style.<br />
Bagian mengagumkan utama hack ini adalah Anda tidak perlu menambahkan JavaScript berat atau script lain dan kami akan menerapkan hack ini dengan menggunakan CSS. Anda hanya  dapat menyesuaikan widget ini dengan menggunakan template blogger.<br />
Lanjutkan membaca untuk tutorial.<br />
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style><br />
<div class="YOUR HEADLINE CLASS i.e ow">
Multi Colored Popular Posts Widget Preview</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAGCaQFZ-l-c9SSyMF0UB1G1ZmbloFkqXEuxy8LKa3lHcBxSfpwHAuAbLlUBHxCRsf84vqSVHqeSH8dVFWaVM08aNgWDazXK8pHh_xWJQWhxjkl9DEsX72ZgmZK3kKA7TkaDtMGmcKFQ/s1600/mult-icolored-popular-posts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAGCaQFZ-l-c9SSyMF0UB1G1ZmbloFkqXEuxy8LKa3lHcBxSfpwHAuAbLlUBHxCRsf84vqSVHqeSH8dVFWaVM08aNgWDazXK8pHh_xWJQWhxjkl9DEsX72ZgmZK3kKA7TkaDtMGmcKFQ/s1600/mult-icolored-popular-posts.png" width="348" /></a></div>
<br />
<div class="YOUR HEADLINE CLASS i.e ow">
Tambahkan Multi-Colored Popular Posts Widget Unntuk Blogger</div>
<ul>
<li>Pergi ke Dasbor blogger.</li>
<li>Menuju Template > Backup template Anda.</li>
<li>Edit HTML > Lanjutkan.</li>
<li>Centang <input checked="checked" type="checkbox" />Expand Template Widget.</li>
<li>Temukan kode berikut:</li>
</ul>
<br />
<blockquote class="tr_bq">
/* Variable definitions<br />
   ====================</blockquote>
<br />
<ul>
<li>dan tambahkan kode berikut di bawahnya:</li>
</ul>
<br />
<blockquote class="tr_bq">
<Group description="PopularPosts Backgrounds" selector="#PopularPosts1"><br />
<Variable name="PopularPosts.background.color1" description="background color1" type="color" default="#fa4242" value="#ff4c54"/><br />
<Variable name="PopularPosts.background.color2" description="background color2" type="color" default="#ee6107" value="#ff764c"/><br />
<Variable name="PopularPosts.background.color3" description="background color3" type="color" default="#f0f" value="#ffde4c"/><br />
<Variable name="PopularPosts.background.color4" description="background color4" type="color" default="#ff0" value="#c7f25f"/><br />
<Variable name="PopularPosts.background.color5" description="background color5" type="color" default="#0ff" value="#33c9f7"/><br />
<Variable name="PopularPosts.background.color6" description="background color6" type="color" default="#ff0" value="#7ee3c7"/><br />
<Variable name="PopularPosts.background.color7" description="background color7" type="color" default="#ff0" value="#f6993d"/><br />
</Group></blockquote>
<br />
<ul>
<li>Temukan kode ]]></b:skin></li>
<li>Letakkan kode berikut di atasnya.</li>
</ul>
<br />
<blockquote class="tr_bq">
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}<br />
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}<br />
#PopularPosts1 ul li:first-child{background:$(PopularPosts.background.color1);width:90%}<br />
#PopularPosts1 ul li:first-child:after{content:"1"}<br />
#PopularPosts1 ul li:first-child + li{background:$(PopularPosts.background.color2);width:85%}<br />
#PopularPosts1 ul li:first-child + li:after{content:"2"}<br />
#PopularPosts1 ul li:first-child + li + li{background:$(PopularPosts.background.color3);width:80%}<br />
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}<br />
#PopularPosts1 ul li:first-child + li + li + li{background:$(PopularPosts.background.color4);width:75%}<br />
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}<br />
#PopularPosts1 ul li:first-child + li + li + li + li{background:$(PopularPosts.background.color5);width:70%}<br />
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}<br />
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}<br />
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px}<br />
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}<br />
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}</blockquote>
<br />
<ul>
<li>Temukan tag berikut:</li>
</ul>
<br />
<blockquote class="tr_bq">
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'></blockquote>
<br />
<ul>
<li>Hapus sampai mencapai tag ini:</li>
</ul>
<br />
<blockquote class="tr_bq">
</b:widget></blockquote>
<br />
<ul>
<li><b>Catatan:</b> Berhati-hatilah saat menghapus kode (Seluruh kode akan terlihat seperti ini)</li>
</ul>
<br />
<blockquote class="tr_bq">
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'><br />
<b:includable id='main'><br />
  <b:if cond='data:title'><h2><data:title/></h2></b:if><br />
  <div class='widget-content popular-posts'><br />
    <ul><br />
      <b:loop values='data:posts' var='post'><br />
      <li><br />
        <b:if cond='data:showThumbnails == "false"'><br />
          <b:if cond='data:showSnippets == "false"'><br />
            <br />
            <a expr:href='data:post.href'><data:post.title/></a><br />
          <b:else/><br />
            <br />
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br />
            <div class='item-snippet'><data:post.snippet/></div><br />
          </b:if><br />
        <b:else/><br />
          <b:if cond='data:showSnippets == "false"'><br />
            <br />
            <div class='item-thumbnail-only'><br />
              <b:if cond='data:post.thumbnail'><br />
                <div class='item-thumbnail'><br />
                  <a expr:href='data:post.href' target='_blank'><br />
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br />
                  </a><br />
                </div><br />
              </b:if><br />
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br />
            </div><br />
            <div style='clear: both;'/><br />
          <b:else/><br />
            <br />
            <div class='item-content'><br />
              <b:if cond='data:post.thumbnail'><br />
                <div class='item-thumbnail'><br />
                  <a expr:href='data:post.href' target='_blank'><br />
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br />
                  </a><br />
                </div><br />
              </b:if><br />
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br />
              <div class='item-snippet'><data:post.snippet/></div><br />
            </div><br />
            <div style='clear: both;'/><br />
          </b:if><br />
        </b:if><br />
      </li><br />
      </b:loop><br />
    </ul><br />
    <b:include name='quickedit'/><br />
  </div><br />
</b:includable><br />
</b:widget></blockquote>
<br />
<ul>
<li>Selanjutnya ganti tag yang Anda hapus tadi dengan tag ini:</li>
</ul>
<br />
<blockquote class="tr_bq">
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'><br />
<b:includable id='main'><br />
   <b:if cond='data:title'><br />
    <h2><data:title/></h2><br />
   </b:if><br />
   <div class='widget-content popular-posts'><br />
    <ul><br />
     <b:loop values='data:posts' var='post'><br />
      <li><br />
       <b:if cond='data:showThumbnails == "false"'><br />
        <b:if cond='data:showSnippets == "false"'><br />
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a><br />
        <b:else/><br />
         <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a><br />
        </b:if><br />
       <b:else/><br />
        <b:if cond='data:showSnippets == "false"'><br />
         <b:if cond='data:post.thumbnail'><br />
          <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/><br />
         <b:else/><br />
          <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_YGDpJxUtW2OAU1bX4q5XQFJGW2mNEwWl-35BZHELshCafTI-VX9Dv56UIsP5NFdgPwmwuXrFEp5V6S0f_yAw_KjIXt9LTl3aBiInuI65uXDQ2MjHtS0loDC6Ot8DEkkrzniyuCcY9k/s1600/default.jpg'/><br />
         </b:if><br />
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a><br />
         <div class='clear'/><br />
        <b:else/><br />
         <b:if cond='data:post.thumbnail'><br />
          <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/><br />
         <b:else/><br />
          <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_YGDpJxUtW2OAU1bX4q5XQFJGW2mNEwWl-35BZHELshCafTI-VX9Dv56UIsP5NFdgPwmwuXrFEp5V6S0f_yAw_KjIXt9LTl3aBiInuI65uXDQ2MjHtS0loDC6Ot8DEkkrzniyuCcY9k/s1600/default.jpg'/><br />
         </b:if><br />
         <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a><br />
         <div class='clear'/><br />
        </b:if><br />
       </b:if><br />
      </li><br />
     </b:loop><br />
    </ul><br />
   </div><br />
  </b:includable><br />
</b:widget></blockquote>
<br />
<ul>
<li>Simpan template.</li>
</ul>
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style><br />
<div class="YOUR HEADLINE CLASS i.e ow">
Pengaturan Widget</div>
<br />
<ul>
<li>Pergi ke Blogger> Desain Dashboard> Page Elements</li>
<li>Klik pada link EDIT widget Popular Posts</li>
<li>Pilih "menampilkan hingga 7 entri".</li>
<li>Sekarang Simpan widget.</li>
</ul>
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style><br />
<div class="YOUR HEADLINE CLASS i.e ow">
Sesuaikan</div>
<br />
<ul>
<li>Pergi ke Desain> Designer Template</li>
<li>Lanjutan> Populer Tulisan Latar Belakang</li>
<li>Sekarang menyesuaikan widget sesuai keinginan dan menyimpan template Anda.</li>
</ul>
<br />
Sekarang pergi ke blog Anda, Anda akan melihat widget baru populer post.

Multi-Colored Popular Posts Widget Untuk Blogger

Baca selengkapnya »

30 Nov 2012

Download TuneUp Utilities 2013 + Patch Full Version

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglZ0XPwgxwlLXJcpSoHUQUSe5-fCl92MjSxFO6yMlnSouGKlUv2fbzAN-u5HIDDY7rBPZKHggswy7lx8EngRG7Cq3fdI16Yah252Ul5qU9hkbSBJ71UghctwCjjHFcn3ow25O7v0bWww/s1600/RQa7I.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglZ0XPwgxwlLXJcpSoHUQUSe5-fCl92MjSxFO6yMlnSouGKlUv2fbzAN-u5HIDDY7rBPZKHggswy7lx8EngRG7Cq3fdI16Yah252Ul5qU9hkbSBJ71UghctwCjjHFcn3ow25O7v0bWww/s200/RQa7I.jpg" width="147" /></a></div>
<span class="awal">T</span>uneUp Utilities adalah perangkat lunak perkakas pelengkap (utility tools) yang dapat dipergunakan untuk memaksimalkan sistem operasi yang bekerja pada komputer.<br />
Kegunaan 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.<br />
<br />
Kelemahan TuneUp Utilities salah satunya adalah program ini tidak tersedianya fitur pembersihan cache yang ditinggalkan program peramban. Hal lainnya adalah fitur TuneUp Styler yang dapat dipergunakan untuk mempercatik tampilan Windows (termasuk mengganti gambar dan menampilkan pesan tertentu saat booting).<br />
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style><br />
<div class="YOUR HEADLINE CLASS i.e ow">
SCREENSHOT :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-vd3dTfFD9MdwlvWxkEYZbGByfpwq6HnFvg5rpDFdLQc74nJAptS6KZy_hdaA3x2h41PUFiUVZu5oMJLxF8yEW0RZTkyB3LaBUjY2YaFt_ssOoC5vYK4mPzEpvqV8W9wXR0rlfADuAw/s1600/qq.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-vd3dTfFD9MdwlvWxkEYZbGByfpwq6HnFvg5rpDFdLQc74nJAptS6KZy_hdaA3x2h41PUFiUVZu5oMJLxF8yEW0RZTkyB3LaBUjY2YaFt_ssOoC5vYK4mPzEpvqV8W9wXR0rlfADuAw/s640/qq.PNG" width="640" /></a></div>
<br />
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style><br />
<div class="YOUR HEADLINE CLASS i.e ow">
FEATURES :</div>
<ul>
<li>1-Click Maintenance optimizes your PC in 5 minutes</li>
<li>Disk Cleaner 2013 cleans over 150 programs</li>
<li>Live Optimization 2.0 puts a stop to resource hogs</li>
<li>Economy Mode extends battery life</li>
<li>Over 30 helpful tools in one package</li>
</ul>
<div class="YOUR HEADLINE CLASS i.e ow">
Download TuneUp Utilities 2013 + Patch Full Version :</div>
<br />
Di dalam file ini sudah saya beri  TuneUp Utilities 2013 + Patch Full Version, silahkan  anda baca caranya Patchnya yang telah ada pada file.<br />
<html><br />
<head><br />
<style>
<!--
 /* Font Definitions */
 @font-face
 {font-family:"Cambria Math";
 panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
 {font-family:Calibri;
 panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
 {font-family:Tahoma;
 panose-1:2 11 6 4 3 5 4 4 2 4;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:0cm;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
h1
 {mso-style-link:"Heading 1 Char";
 margin-top:24.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:14.0pt;
 font-family:"Cambria","serif";
 color:#365F91;}
h2
 {mso-style-link:"Heading 2 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:13.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;}
h3
 {mso-style-link:"Heading 3 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;}
h4
 {mso-style-link:"Heading 4 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;
 font-style:italic;}
h5
 {mso-style-link:"Heading 5 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#243F60;
 font-weight:normal;}
h6
 {mso-style-link:"Heading 6 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#243F60;
 font-weight:normal;
 font-style:italic;}
p.MsoHeading7, li.MsoHeading7, div.MsoHeading7
 {mso-style-link:"Heading 7 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#404040;
 font-style:italic;}
p.MsoHeading8, li.MsoHeading8, div.MsoHeading8
 {mso-style-link:"Heading 8 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:10.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;}
p.MsoHeading9, li.MsoHeading9, div.MsoHeading9
 {mso-style-link:"Heading 9 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:10.0pt;
 font-family:"Cambria","serif";
 color:#404040;
 font-style:italic;}
p.MsoCaption, li.MsoCaption, div.MsoCaption
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:0cm;
 font-size:9.0pt;
 font-family:"Calibri","sans-serif";
 color:#4F81BD;
 font-weight:bold;}
p.MsoTitle, li.MsoTitle, div.MsoTitle
 {mso-style-link:"Title Char";
 margin-top:0cm;
 margin-right:0cm;
 margin-bottom:15.0pt;
 margin-left:0cm;
 border:none;
 padding:0cm;
 font-size:26.0pt;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
p.MsoTitleCxSpFirst, li.MsoTitleCxSpFirst, div.MsoTitleCxSpFirst
 {mso-style-link:"Title Char";
 margin:0cm;
 margin-bottom:.0001pt;
 border:none;
 padding:0cm;
 font-size:26.0pt;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
p.MsoTitleCxSpMiddle, li.MsoTitleCxSpMiddle, div.MsoTitleCxSpMiddle
 {mso-style-link:"Title Char";
 margin:0cm;
 margin-bottom:.0001pt;
 border:none;
 padding:0cm;
 font-size:26.0pt;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
p.MsoTitleCxSpLast, li.MsoTitleCxSpLast, div.MsoTitleCxSpLast
 {mso-style-link:"Title Char";
 margin-top:0cm;
 margin-right:0cm;
 margin-bottom:15.0pt;
 margin-left:0cm;
 border:none;
 padding:0cm;
 font-size:26.0pt;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle
 {mso-style-link:"Subtitle Char";
 margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:0cm;
 line-height:115%;
 font-size:12.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;
 letter-spacing:.75pt;
 font-style:italic;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
 {mso-style-link:"Balloon Text Char";
 margin:0cm;
 margin-bottom:.0001pt;
 font-size:8.0pt;
 font-family:"Tahoma","sans-serif";}
p.MsoNoSpacing, li.MsoNoSpacing, div.MsoNoSpacing
 {margin:0cm;
 margin-bottom:.0001pt;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:36.0pt;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:36.0pt;
 margin-bottom:.0001pt;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:36.0pt;
 margin-bottom:.0001pt;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:36.0pt;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoQuote, li.MsoQuote, div.MsoQuote
 {mso-style-link:"Quote Char";
 margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:0cm;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";
 color:black;
 font-style:italic;}
p.MsoIntenseQuote, li.MsoIntenseQuote, div.MsoIntenseQuote
 {mso-style-link:"Intense Quote Char";
 margin-top:10.0pt;
 margin-right:46.8pt;
 margin-bottom:14.0pt;
 margin-left:46.8pt;
 line-height:115%;
 border:none;
 padding:0cm;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";
 color:#4F81BD;
 font-weight:bold;
 font-style:italic;}
span.MsoSubtleEmphasis
 {color:gray;
 font-style:italic;}
span.MsoIntenseEmphasis
 {color:#4F81BD;
 font-weight:bold;
 font-style:italic;}
span.MsoSubtleReference
 {font-variant:small-caps;
 color:#C0504D;
 text-decoration:underline;}
span.MsoIntenseReference
 {font-variant:small-caps;
 color:#C0504D;
 letter-spacing:.25pt;
 font-weight:bold;
 text-decoration:underline;}
span.MsoBookTitle
 {font-variant:small-caps;
 letter-spacing:.25pt;
 font-weight:bold;}
p.MsoTocHeading, li.MsoTocHeading, div.MsoTocHeading
 {margin-top:24.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:14.0pt;
 font-family:"Cambria","serif";
 color:#365F91;
 font-weight:bold;}
span.Heading1Char
 {mso-style-name:"Heading 1 Char";
 mso-style-link:"Heading 1";
 font-family:"Cambria","serif";
 color:#365F91;
 font-weight:bold;}
span.Heading2Char
 {mso-style-name:"Heading 2 Char";
 mso-style-link:"Heading 2";
 font-family:"Cambria","serif";
 color:#4F81BD;
 font-weight:bold;}
span.Heading3Char
 {mso-style-name:"Heading 3 Char";
 mso-style-link:"Heading 3";
 font-family:"Cambria","serif";
 color:#4F81BD;
 font-weight:bold;}
span.Heading4Char
 {mso-style-name:"Heading 4 Char";
 mso-style-link:"Heading 4";
 font-family:"Cambria","serif";
 color:#4F81BD;
 font-weight:bold;
 font-style:italic;}
span.Heading5Char
 {mso-style-name:"Heading 5 Char";
 mso-style-link:"Heading 5";
 font-family:"Cambria","serif";
 color:#243F60;}
span.Heading6Char
 {mso-style-name:"Heading 6 Char";
 mso-style-link:"Heading 6";
 font-family:"Cambria","serif";
 color:#243F60;
 font-style:italic;}
span.Heading7Char
 {mso-style-name:"Heading 7 Char";
 mso-style-link:"Heading 7";
 font-family:"Cambria","serif";
 color:#404040;
 font-style:italic;}
span.Heading8Char
 {mso-style-name:"Heading 8 Char";
 mso-style-link:"Heading 8";
 font-family:"Cambria","serif";
 color:#4F81BD;}
span.Heading9Char
 {mso-style-name:"Heading 9 Char";
 mso-style-link:"Heading 9";
 font-family:"Cambria","serif";
 color:#404040;
 font-style:italic;}
span.TitleChar
 {mso-style-name:"Title Char";
 mso-style-link:Title;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
span.SubtitleChar
 {mso-style-name:"Subtitle Char";
 mso-style-link:Subtitle;
 font-family:"Cambria","serif";
 color:#4F81BD;
 letter-spacing:.75pt;
 font-style:italic;}
span.QuoteChar
 {mso-style-name:"Quote Char";
 mso-style-link:Quote;
 color:black;
 font-style:italic;}
span.IntenseQuoteChar
 {mso-style-name:"Intense Quote Char";
 mso-style-link:"Intense Quote";
 color:#4F81BD;
 font-weight:bold;
 font-style:italic;}
span.BalloonTextChar
 {mso-style-name:"Balloon Text Char";
 mso-style-link:"Balloon Text";
 font-family:"Tahoma","sans-serif";}
.MsoPapDefault
 {margin-bottom:10.0pt;
 line-height:115%;}
@page Section1
 {size:612.0pt 792.0pt;
 margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
 {page:Section1;}
</style></head></html>
<br />
<div class="Section1">
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none;"><tbody>
<tr>   <td style="background: #548DD4; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
Nama File</div>
</td>   <td style="background: #548DD4; border-left: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
Ukuran File</div>
</td>   <td style="background: #548DD4; border-left: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
Download</div>
</td>   <td style="background: #548DD4; border-left: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
Pasword</div>
</td>  </tr>
<tr>   <td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
TuneUp Utilities 2013</div>
</td>   <td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
26.4MB</div>
</td>   <td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTeqCIca0Z5wEXhUziauHcpSUazGMRQtmsx2NnKmIhl2CTF-j_qx8Z1T51WLr5IM8pjzagKAWo_3C-kOgomXj1cFA9fiq-3oh4cx-7846rK-qh87rQohwnMpDnDycfxsjuaLUhserLBQ/s1600/mawltg.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTeqCIca0Z5wEXhUziauHcpSUazGMRQtmsx2NnKmIhl2CTF-j_qx8Z1T51WLr5IM8pjzagKAWo_3C-kOgomXj1cFA9fiq-3oh4cx-7846rK-qh87rQohwnMpDnDycfxsjuaLUhserLBQ/s1600/mawltg.gif" /></a><a href="http://adf.ly/EVL9V" target="_blank">Download</a></div>
</td>   <td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
otowebsite</div>
</td>  </tr>
</tbody></table>
</div>

Download TuneUp Utilities 2013 + Patch Full Version

TuneUp Utilities adalah perangkat lunak perkakas pelengkap (utility tools) yang dapat dipergunakan untuk memaksimalkan sistem operasi yang bekerja pada komputer. Kegunaan Program ini selain dapat mem…

Baca selengkapnya »

29 Nov 2012

Spinning Social Icons With CSS3 For Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsmHzR7i2Q7S5mh5YqAQ0DFsdVwsBy8IFgw9Ops1_0Bigv5OT9Mc8Z0oASenL8umqzlTkezxe9WvtEg8ypO7uOdqvKalZJMDB7oG7sHuOHvzcPeqOFHYHvLhwlBBqaHgcaG_t2yxgIgw/s1600/ss.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsmHzR7i2Q7S5mh5YqAQ0DFsdVwsBy8IFgw9Ops1_0Bigv5OT9Mc8Z0oASenL8umqzlTkezxe9WvtEg8ypO7uOdqvKalZJMDB7oG7sHuOHvzcPeqOFHYHvLhwlBBqaHgcaG_t2yxgIgw/s320/ss.jpg" width="320" /></a></div>
<span class="awal">O</span>to Website selalu ingin mencoba membuat sesuatu yang berbeda yang akan bisa menarik pengunjung/pembaca untuk membaca tutorial O.W.<br />
Untuk hari ini dan dalam Artikel ini kita akan mencoba bermain dengan beberapa sifat sederhana CSS3 seperti <span style="color: #3d85c6;">-moz-transform</span> dan membuat widget sosial yang sederhana dengan CSS3 widget effect.<br />
Widget ini pasti akan membantu Anda untuk meningkatkan jumlah pelanggan sosial juga akan menarik pembaca Anda dan diperebutkan perhatian pengunjung. Widget ini membawa mereka berputar (berputar) beberapa derajat dan ketika mouse di atasnya mereka kembali ke posisi semula, efek ini disebabkan oleh properti CSS3 yang telah saya sebutkan di atas. Untuk melihat demo dan cara menambahkan <a href="http://otowebsite.blogspot.com/2012/11/spinning-social-icons-with-css3-for.html" target="_blank">Spinning Social Icons With CSS3 For Blogger</a> silahkan Anda lihat di bawah ini.<br />
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style><br />
<div class="YOUR HEADLINE CLASS i.e ow">
Cara Tambah Spinning Social Icons With CSS3 For Blogger</div>
<br />
<ul>
<li>Memilih gaya.</li>
<li>Salin kode.</li>
<li>Ganti nama pengguna saya dengan Anda.</li>
<li>Pergi ke Blogger Dasbor >> Laman.</li>
<li>Klik Tambah Gadget.</li>
<li>Pilih HTML / JavaScript.</li>
<li>Paste kode Anda dan simpan. </li>
</ul>
<br />
Gaya 1 :<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/GY1.html" style="height: 100px; width: 100%;"></iframe><br />
<br />
<blockquote class="tr_bq">
<style>p#OW_socialicons img {<br />
/* Spinning Social Icons Widget By Oto Website */<br />
-moz-transition: all 0.4s ease-in-out;<br />
-webkit-transition: all 0.4s ease-in-out;<br />
-o-transition: all 0.4s ease-in-out;<br />
-ms-transition: all 0.4s ease-in-out;<br />
transition: all 0.4s ease-in-out;<br />
}<br />
<br />
p#OW_socialicons img:hover {<br />
-moz-transform: rotate(120deg);<br />
-webkit-transform: rotate(120deg);<br />
-o-transform: rotate(120deg);<br />
-ms-transform: rotate(120deg);<br />
transform: rotate(120deg);<br />
}<br />
<br />
/* Spinning Social Icons Widget By Oto Website */<br />
</style> <br />
<br />
<br />
<br />
<center><p id="OW_socialicons"><br />
<a href="<span style="background-color: #3d85c6;">http://www.facebook.com/dekrif/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QMXWwccRSfHf3-F06oa_28CbWTYq6rcpHwtrmyCfp6WuM2hH8_WHY1LVtN4Hsic7mBMX08c3RuEr7Y7Vvupt55_LDwGSUhby11wrNkkDEF9fE41xRcR_pjvCZOzMOibp51MSpvFxDA/s1600/otowebsite.blogspot.com-facebook.png" /></a><br />
<a href="<span style="background-color: #3d85c6;">http://www.twitter.com/otowebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqWzcMVEx9he0dqz5-q5NcIxKdrdN-UMF7nRXQHVGa8xTiOAdfjtKfaHLKl4zDrIW5d5wFGXV6vKnc1DfTtyi0OJQg3qaBk4a-6U1pGreUdbUCowDD6pBv8pviHtW0SWLDNL-fKQUZPA/s1600/otowebsite.blogspot.com-twitter.png" /></a><br />
<a href="<span style="background-color: #3d85c6;">https://plus.google.com/115780777398536909642</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEP1FlUc-swTB9nEvzahWYRDohiV9yp9Y9g2i6DE2LxmI13yyn7POKuFEY4peCHEdXKoMRbMVBqplXNuwIXyY92pvc7duim-xC1QcDwkvA2CMKmYhCD065GVxJV-VtjTyFLq10jEN8cA/s1600/otowebsite.blogspot.com-google_plus.png" /></a><br />
<a href="<span style="background-color: #3d85c6;">http://www.feeds.feedburner.com/otowebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXj1SY0DgTlApy2KECXjyZZr-NvZOCbb92vDNqQnZUMf6rtKvJL146XiePeXtg70wYBCyullv2mwWCVnw29MItrnCLsJxcMDLzbhrxkkrpOuIgjMLj8LMhbRVLn0wopXhja0xk2fw4Q/s1600/otowebsite.blogspot.com-rss.png" /></a><br />
<a href="<span style="background-color: #3d85c6;">https://www.youtube.com/OtoWebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZqTvC3ucJv9dJh3KiU8N9st7SGpopAXp_5kpxTPG_Vb-Kqa13V4c1mPsGMvGkAXQYKxGhJsIaIZ2ToIOsd3AyJHCY0AcVtwPXx2ue9NWCZcGmlQClZUyM8rrezhMy6LfRT9w3qSzAfg/s1600/otowebsite.blogspot.com-youtube.png" /></a><br />
</p></center></blockquote>
<br />
<br />
<b>Gaya 2 :</b><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/GY2.html" style="height: 100px; width: 100%;"></iframe><br />
<br />
<blockquote class="tr_bq">
<style>p#OW_socialicons img {<br />
 /* Spinning Social Icons Widget By Oto Website */<br />
    -moz-transition: all 0.8s ease-in-out;<br />
    -webkit-transition: all 0.8s ease-in-out;<br />
    -o-transition: all 0.8s ease-in-out;<br />
    -ms-transition: all 0.8s ease-in-out;<br />
    transition: all 0.8s ease-in-out;<br />
}<br />
<br />
p#OW_socialicons img:hover {<br />
    -moz-transform: rotate(360deg);<br />
    -webkit-transform: rotate(360deg);<br />
    -o-transform: rotate(360deg);<br />
    -ms-transform: rotate(360deg);<br />
    transform: rotate(360deg);<br />
}<br />
<br />
/* Spinning Social Icons Widget By Oto Website */<br />
</style>  <br />
<br />
<br />
<br />
<center><p id="OW_socialicons"><br />
    <a href="<span style="background-color: #3d85c6;">http://www.facebook.com/dekrif/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QMXWwccRSfHf3-F06oa_28CbWTYq6rcpHwtrmyCfp6WuM2hH8_WHY1LVtN4Hsic7mBMX08c3RuEr7Y7Vvupt55_LDwGSUhby11wrNkkDEF9fE41xRcR_pjvCZOzMOibp51MSpvFxDA/s1600/otowebsite.blogspot.com-facebook.png" /></a><br />
    <a href="<span style="background-color: #3d85c6;">http://www.twitter.com/otowebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqWzcMVEx9he0dqz5-q5NcIxKdrdN-UMF7nRXQHVGa8xTiOAdfjtKfaHLKl4zDrIW5d5wFGXV6vKnc1DfTtyi0OJQg3qaBk4a-6U1pGreUdbUCowDD6pBv8pviHtW0SWLDNL-fKQUZPA/s1600/otowebsite.blogspot.com-twitter.png" /></a><br />
    <a href="<span style="background-color: #3d85c6;">https://plus.google.com/115780777398536909642</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEP1FlUc-swTB9nEvzahWYRDohiV9yp9Y9g2i6DE2LxmI13yyn7POKuFEY4peCHEdXKoMRbMVBqplXNuwIXyY92pvc7duim-xC1QcDwkvA2CMKmYhCD065GVxJV-VtjTyFLq10jEN8cA/s1600/otowebsite.blogspot.com-google_plus.png" /></a><br />
    <a href="<span style="background-color: #3d85c6;">http://www.feeds.feedburner.com/otowebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXj1SY0DgTlApy2KECXjyZZr-NvZOCbb92vDNqQnZUMf6rtKvJL146XiePeXtg70wYBCyullv2mwWCVnw29MItrnCLsJxcMDLzbhrxkkrpOuIgjMLj8LMhbRVLn0wopXhja0xk2fw4Q/s1600/otowebsite.blogspot.com-rss.png" /></a><br />
    <a href="<span style="background-color: #3d85c6;">https://www.youtube.com/OtoWebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZqTvC3ucJv9dJh3KiU8N9st7SGpopAXp_5kpxTPG_Vb-Kqa13V4c1mPsGMvGkAXQYKxGhJsIaIZ2ToIOsd3AyJHCY0AcVtwPXx2ue9NWCZcGmlQClZUyM8rrezhMy6LfRT9w3qSzAfg/s1600/otowebsite.blogspot.com-youtube.png" /></a><br />
</p></center></blockquote>
<br />
Gaya 3 :<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/GY3.html" style="height: 100px; width: 100%;"></iframe><br />
<br />
<blockquote class="tr_bq">
<style>p#OW_socialicons img {<br />
 /* Spinning Social Icons Widget By Oto Website */<br />
    -moz-transition: all 0.8s ease-in-out;<br />
    -webkit-transition: all 0.8s ease-in-out;<br />
    -o-transition: all 0.8s ease-in-out;<br />
    -ms-transition: all 0.8s ease-in-out;<br />
    transition: all 0.8s ease-in-out;<br />
}<br />
<br />
p#OW_socialicons img:hover {<br />
    -moz-transform: rotate(-360deg);<br />
    -webkit-transform: rotate(-360deg);<br />
    -o-transform: rotate(-360deg);<br />
    -ms-transform: rotate(-360deg);<br />
    transform: rotate(-360deg);<br />
}<br />
<br />
/* Spinning Social Icons Widget By Oto Website */<br />
</style> <br />
<br />
<br />
<br />
<center><p id="OW_socialicons"><br />
    <a href="<span style="background-color: #3d85c6;">http://www.facebook.com/dekrif/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QMXWwccRSfHf3-F06oa_28CbWTYq6rcpHwtrmyCfp6WuM2hH8_WHY1LVtN4Hsic7mBMX08c3RuEr7Y7Vvupt55_LDwGSUhby11wrNkkDEF9fE41xRcR_pjvCZOzMOibp51MSpvFxDA/s1600/otowebsite.blogspot.com-facebook.png" /></a><br />
    <a href="<span style="background-color: #3d85c6;">http://www.twitter.com/otowebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqWzcMVEx9he0dqz5-q5NcIxKdrdN-UMF7nRXQHVGa8xTiOAdfjtKfaHLKl4zDrIW5d5wFGXV6vKnc1DfTtyi0OJQg3qaBk4a-6U1pGreUdbUCowDD6pBv8pviHtW0SWLDNL-fKQUZPA/s1600/otowebsite.blogspot.com-twitter.png" /></a><br />
    <a href="<span style="background-color: #3d85c6;">https://plus.google.com/115780777398536909642</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEP1FlUc-swTB9nEvzahWYRDohiV9yp9Y9g2i6DE2LxmI13yyn7POKuFEY4peCHEdXKoMRbMVBqplXNuwIXyY92pvc7duim-xC1QcDwkvA2CMKmYhCD065GVxJV-VtjTyFLq10jEN8cA/s1600/otowebsite.blogspot.com-google_plus.png" /></a><br />
    <a href="<span style="background-color: #3d85c6;">http://www.feeds.feedburner.com/otowebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXj1SY0DgTlApy2KECXjyZZr-NvZOCbb92vDNqQnZUMf6rtKvJL146XiePeXtg70wYBCyullv2mwWCVnw29MItrnCLsJxcMDLzbhrxkkrpOuIgjMLj8LMhbRVLn0wopXhja0xk2fw4Q/s1600/otowebsite.blogspot.com-rss.png" /></a><br />
    <a href="<span style="background-color: #3d85c6;">https://www.youtube.com/OtoWebsite/</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZqTvC3ucJv9dJh3KiU8N9st7SGpopAXp_5kpxTPG_Vb-Kqa13V4c1mPsGMvGkAXQYKxGhJsIaIZ2ToIOsd3AyJHCY0AcVtwPXx2ue9NWCZcGmlQClZUyM8rrezhMy6LfRT9w3qSzAfg/s1600/otowebsite.blogspot.com-youtube.png" /></a><br />
</p></center></blockquote>
<br />
Saya harap Anda suka dengan tutorial kali ini, Jangan lupa untuk memfollow <a href="http://otowebsite.blogspot.com/" target="_blank">Oto Website</a> agar Anda tidak ketinggalan tutorial lainnya dan dari tempat saya mengucapkan selamat menikmati. Salam Blogger!

Spinning Social Icons With CSS3 For Blogger

Oto Website selalu ingin mencoba membuat sesuatu yang berbeda yang akan bisa menarik pengunjung/pembaca untuk membaca tutorial O.W. Untuk hari ini dan dalam Artikel ini kita akan mencoba bermain deng…

Baca selengkapnya »

08 Nov 2012

Download Cheat Engine

<a href="http://otowebsite.blogspot.com/2012/11/download-cheat-engine.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG25QgvdPTJMGYyYF5nvj3PLZ2oTsCGXOD8-HrOrN0l50AOHBEQzNYlD5YvxAAu4eqNOJxuIKWIUwaxrsSMYnREN3PwZntdc_OSrT-zhVyTePTEy5gmWjnOGifCw_3lXtRtF1Zw6xPKw/s1600/cheat_engine_1.png" width="234" /></a><span class="awal">C</span>heat Engine adalah sebuah alat atau tool open source yang dirancang untuk membantu Anda untuk memodifikasi Game, sehingga Anda dapat membuat kekacauan atau kecurangan-kecurangan,<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-RVmwpx5yy9S4o6WQfgX9XjqozXtpwrEkqk8tvcEnwWx2VQXF4GWFQvgFLtRydEgwlDkmYUWe2yePHbV-4dSaRmR6A1zjjmbNhetq33c0LV4tUNOL4iPUpnspoPRG2IaDjuDLQM-tbA/s1600/Untitledd.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>Misalnya : infinite ammo,infinite health,menaikkan score dll. (hanya dengan beberapa langkah).<a href="https://www.blogger.com/"><span id="goog_1603929310"></span>Cheat engine<span id="goog_1603929311"></span></a> hanya bisa bekerja di game Offline, Jika untuk game online agak sulit karna game online addressnya selalu berubah ubah.<br />
<br />
Kemudahan yang diberikan oleh <a href="http://otowebsite.blogspot.com/2012/11/download-cheat-engine.html" target="_blank">cheat engine</a> adalah memiliki alat-alat khusus untuk membantu anda untuk menelusuri "bug" atau celah yang bisa disusupi pada suatu permainan atau bahkan aplikasi biasa.<br />
<br />
Untuk pengguna <a href="http://otowebsite.blogspot.com/2012/11/download-cheat-engine.html" target="_blank">Cheat Engine</a> baru di sarankan untuk melihat tutorial tentang cara pemakaian tool ini. Anda dapat menemukannya setelah Anda menginstal program ini. Setidaknya ada lima tutorial untuk pemahaman dasar tool ini. <br />
<br />
Untuk mengunduh <a href="http://otowebsite.blogspot.com/2012/11/download-cheat-engine.html" target="_blank">Cheat Engine</a> silahkan menuju link di bawah ini atau melalui situs resminya lansung.<br />
<br />
<html><br />
<head><br />
<style>
<!--
 /* Font Definitions */
 @font-face
 {font-family:"Cambria Math";
 panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
 {font-family:Calibri;
 panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
 {font-family:Tahoma;
 panose-1:2 11 6 4 3 5 4 4 2 4;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:0cm;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
h1
 {mso-style-link:"Heading 1 Char";
 margin-top:24.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:14.0pt;
 font-family:"Cambria","serif";
 color:#365F91;}
h2
 {mso-style-link:"Heading 2 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:13.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;}
h3
 {mso-style-link:"Heading 3 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;}
h4
 {mso-style-link:"Heading 4 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;
 font-style:italic;}
h5
 {mso-style-link:"Heading 5 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#243F60;
 font-weight:normal;}
h6
 {mso-style-link:"Heading 6 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#243F60;
 font-weight:normal;
 font-style:italic;}
p.MsoHeading7, li.MsoHeading7, div.MsoHeading7
 {mso-style-link:"Heading 7 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:11.0pt;
 font-family:"Cambria","serif";
 color:#404040;
 font-style:italic;}
p.MsoHeading8, li.MsoHeading8, div.MsoHeading8
 {mso-style-link:"Heading 8 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:10.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;}
p.MsoHeading9, li.MsoHeading9, div.MsoHeading9
 {mso-style-link:"Heading 9 Char";
 margin-top:10.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:10.0pt;
 font-family:"Cambria","serif";
 color:#404040;
 font-style:italic;}
p.MsoCaption, li.MsoCaption, div.MsoCaption
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:0cm;
 font-size:9.0pt;
 font-family:"Calibri","sans-serif";
 color:#4F81BD;
 font-weight:bold;}
p.MsoTitle, li.MsoTitle, div.MsoTitle
 {mso-style-link:"Title Char";
 margin-top:0cm;
 margin-right:0cm;
 margin-bottom:15.0pt;
 margin-left:0cm;
 border:none;
 padding:0cm;
 font-size:26.0pt;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
p.MsoTitleCxSpFirst, li.MsoTitleCxSpFirst, div.MsoTitleCxSpFirst
 {mso-style-link:"Title Char";
 margin:0cm;
 margin-bottom:.0001pt;
 border:none;
 padding:0cm;
 font-size:26.0pt;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
p.MsoTitleCxSpMiddle, li.MsoTitleCxSpMiddle, div.MsoTitleCxSpMiddle
 {mso-style-link:"Title Char";
 margin:0cm;
 margin-bottom:.0001pt;
 border:none;
 padding:0cm;
 font-size:26.0pt;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
p.MsoTitleCxSpLast, li.MsoTitleCxSpLast, div.MsoTitleCxSpLast
 {mso-style-link:"Title Char";
 margin-top:0cm;
 margin-right:0cm;
 margin-bottom:15.0pt;
 margin-left:0cm;
 border:none;
 padding:0cm;
 font-size:26.0pt;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle
 {mso-style-link:"Subtitle Char";
 margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:0cm;
 line-height:115%;
 font-size:12.0pt;
 font-family:"Cambria","serif";
 color:#4F81BD;
 letter-spacing:.75pt;
 font-style:italic;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
 {mso-style-link:"Balloon Text Char";
 margin:0cm;
 margin-bottom:.0001pt;
 font-size:8.0pt;
 font-family:"Tahoma","sans-serif";}
p.MsoNoSpacing, li.MsoNoSpacing, div.MsoNoSpacing
 {margin:0cm;
 margin-bottom:.0001pt;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:36.0pt;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:36.0pt;
 margin-bottom:.0001pt;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:36.0pt;
 margin-bottom:.0001pt;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast
 {margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:36.0pt;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";}
p.MsoQuote, li.MsoQuote, div.MsoQuote
 {mso-style-link:"Quote Char";
 margin-top:0cm;
 margin-right:0cm;
 margin-bottom:10.0pt;
 margin-left:0cm;
 line-height:115%;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";
 color:black;
 font-style:italic;}
p.MsoIntenseQuote, li.MsoIntenseQuote, div.MsoIntenseQuote
 {mso-style-link:"Intense Quote Char";
 margin-top:10.0pt;
 margin-right:46.8pt;
 margin-bottom:14.0pt;
 margin-left:46.8pt;
 line-height:115%;
 border:none;
 padding:0cm;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";
 color:#4F81BD;
 font-weight:bold;
 font-style:italic;}
span.MsoSubtleEmphasis
 {color:gray;
 font-style:italic;}
span.MsoIntenseEmphasis
 {color:#4F81BD;
 font-weight:bold;
 font-style:italic;}
span.MsoSubtleReference
 {font-variant:small-caps;
 color:#C0504D;
 text-decoration:underline;}
span.MsoIntenseReference
 {font-variant:small-caps;
 color:#C0504D;
 letter-spacing:.25pt;
 font-weight:bold;
 text-decoration:underline;}
span.MsoBookTitle
 {font-variant:small-caps;
 letter-spacing:.25pt;
 font-weight:bold;}
p.MsoTocHeading, li.MsoTocHeading, div.MsoTocHeading
 {margin-top:24.0pt;
 margin-right:0cm;
 margin-bottom:0cm;
 margin-left:0cm;
 margin-bottom:.0001pt;
 line-height:115%;
 page-break-after:avoid;
 font-size:14.0pt;
 font-family:"Cambria","serif";
 color:#365F91;
 font-weight:bold;}
span.Heading1Char
 {mso-style-name:"Heading 1 Char";
 mso-style-link:"Heading 1";
 font-family:"Cambria","serif";
 color:#365F91;
 font-weight:bold;}
span.Heading2Char
 {mso-style-name:"Heading 2 Char";
 mso-style-link:"Heading 2";
 font-family:"Cambria","serif";
 color:#4F81BD;
 font-weight:bold;}
span.Heading3Char
 {mso-style-name:"Heading 3 Char";
 mso-style-link:"Heading 3";
 font-family:"Cambria","serif";
 color:#4F81BD;
 font-weight:bold;}
span.Heading4Char
 {mso-style-name:"Heading 4 Char";
 mso-style-link:"Heading 4";
 font-family:"Cambria","serif";
 color:#4F81BD;
 font-weight:bold;
 font-style:italic;}
span.Heading5Char
 {mso-style-name:"Heading 5 Char";
 mso-style-link:"Heading 5";
 font-family:"Cambria","serif";
 color:#243F60;}
span.Heading6Char
 {mso-style-name:"Heading 6 Char";
 mso-style-link:"Heading 6";
 font-family:"Cambria","serif";
 color:#243F60;
 font-style:italic;}
span.Heading7Char
 {mso-style-name:"Heading 7 Char";
 mso-style-link:"Heading 7";
 font-family:"Cambria","serif";
 color:#404040;
 font-style:italic;}
span.Heading8Char
 {mso-style-name:"Heading 8 Char";
 mso-style-link:"Heading 8";
 font-family:"Cambria","serif";
 color:#4F81BD;}
span.Heading9Char
 {mso-style-name:"Heading 9 Char";
 mso-style-link:"Heading 9";
 font-family:"Cambria","serif";
 color:#404040;
 font-style:italic;}
span.TitleChar
 {mso-style-name:"Title Char";
 mso-style-link:Title;
 font-family:"Cambria","serif";
 color:#17365D;
 letter-spacing:.25pt;}
span.SubtitleChar
 {mso-style-name:"Subtitle Char";
 mso-style-link:Subtitle;
 font-family:"Cambria","serif";
 color:#4F81BD;
 letter-spacing:.75pt;
 font-style:italic;}
span.QuoteChar
 {mso-style-name:"Quote Char";
 mso-style-link:Quote;
 color:black;
 font-style:italic;}
span.IntenseQuoteChar
 {mso-style-name:"Intense Quote Char";
 mso-style-link:"Intense Quote";
 color:#4F81BD;
 font-weight:bold;
 font-style:italic;}
span.BalloonTextChar
 {mso-style-name:"Balloon Text Char";
 mso-style-link:"Balloon Text";
 font-family:"Tahoma","sans-serif";}
.MsoPapDefault
 {margin-bottom:10.0pt;
 line-height:115%;}
@page Section1
 {size:612.0pt 792.0pt;
 margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
 {page:Section1;}
</style></head></html>

<br />
<div class="Section1">
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none;"><tbody>
<tr>   <td style="background: #548DD4; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160">Nama File</td>   <td style="background: #548DD4; border-left: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160">Ukuran File</td>   <td style="background: #548DD4; border-left: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160">Download</td>   <td style="background: #548DD4; border-left: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160">Pasword</td>  </tr>
<tr>   <td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160">Cheat Engine 6.2</td>   <td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160">5.07MB</td>   <td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160"><a href="http://adf.ly/EV4Cg" target="_blank"><img align="absmiddle" alt="icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTyzwKZCe4CLNFjWZhMaOaZsWN4hZ8NMKGI8EECSGEgYTsFzdVjSLqDB17gd26vfTm3_oEVayMyxGYfAs_WGIxLP7sa2eZ6SJKqXO5Vmq5GEIn4ltDj4PzOC7ooPeh8lMV-V_ypUTO7Iy/?imgmax=800" />Download</a></td>   <td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 119.7pt;" valign="top" width="160">otowebsite</td>  </tr>
</tbody></table>
<div class="MsoNormal">
</div>
</div>

Download Cheat Engine

Cheat Engine adalah sebuah alat atau tool open source yang dirancang untuk membantu Anda untuk memodifikasi Game, sehingga Anda dapat membuat kekacauan atau kecurangan-kecurangan, Misalnya : infinite …

Baca selengkapnya »

08 Nov 2012

Horizontal Twitter Ticker Widget Untuk Blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgnVQyLFDuv2xhbSNppX2tNd9RYCA2KwSwG26DREkGFoCV05WdTWMS9-oiyRWBYjghvKI8iMA2SsIE5uaGB5eliwcQtiCkzj9eA5ZHD1tMO-g5Di_NDT3Ik9ekPZ7bzvtokQgNLxnBQ/s1600/aw.bmp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgnVQyLFDuv2xhbSNppX2tNd9RYCA2KwSwG26DREkGFoCV05WdTWMS9-oiyRWBYjghvKI8iMA2SsIE5uaGB5eliwcQtiCkzj9eA5ZHD1tMO-g5Di_NDT3Ik9ekPZ7bzvtokQgNLxnBQ/s1600/aw.bmp" /></a></div><span class="awal">T</span>witter adalah salah satu jaringan social media yang tidak perlu di pertanyakan lagi kegunaanya, selain untuk follow, mengiklan atau bahkan mempromosikan situs web/blog milik kita.<br />
<br />
Untuk perjumpaan kali ini Oto Website akan update artikel tentang <a href="http://otowebsite.blogspot.com/2012/11/horizontal-twitter-ticker-widget-untuk.html">Horizontal Twitter Ticker Widget Untuk Blogger</a>.<br />
<br />
Ini adalah sebuah widget yang dapat anda gunakanan untuk memperlihatkan tweet-tweet Anda di twitter dan widget ini dapat anda letakkan di situs/blog Anda.<br />
Untuk lebih jelasnya tentang widget ini silahkan Anda lihat demonya terlebih dahulu dengan menekan tombol berikut.<br />
<br />
<div style="text-align: center;"><a class="button" href="http://dl.dropbox.com/u/63702052/Horizontal%20Twitter%20Ticker.html" target="_blank"><b>Lihat Demo</b></a></div><br />
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style><br />
<div class="YOUR HEADLINE CLASS i.e ow">Fitur Tweet OW Ticker Widget:</div><br />
<ul><li>Memiliki 3 gaya Teks Jquery transeksi yang berbeda. </li>
<li>Update Twitter Widget Tiket otomatis. </li>
<li>Memiliki Ultrafast JavaScript sehingga tidak akan mempengaruhi kecepatan situs. </li>
<li>Memiliki tiga tombol yang berbeda melalui mana pengguna dapat Berhenti, maju atau membalikkan Tweets. </li>
<li>Ini memiliki tiga tombol yang berbeda melalui mana pengguna dapat Berhenti, maju atau membalikkan Tweets. </li>
<li>Bekerja sempurna di hampir semua browser, termasuk Chrom, FireFox dan bahkan IE.</li>
</ul><br />
<style>
.ow{
font-size:20px;
padding:5px;
font-family:consolas;
color:#ffffff;
text:1px 1px 1px #333;
background:#3e81c4;
border-left:20px solid #aa0000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
</style><br />
<div class="YOUR HEADLINE CLASS i.e ow">Kode-kode yang di gunakan:</div><br />
<b><span style="font-size: large;">CSS</span></b><br />
<br />
<blockquote class="tr_bq">/** OW Twitter Tweet Ticker**/<br />
.newsticker_wrapper {<br />
    font: 13px/32px Arial, Helvetica, sans-serif;<br />
    color: #7ca9ce;<br />
    height: 30px;<br />
    -moz-border-radius: 3px;<br />
    background-color: #fff;<br />
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#fff), color-stop(0.5, #fff), to(#e5e6e7));<br />
    background-image: -webkit-linear-gradient(left, #fff, #fff 50%, #e5e6e7); /* Safari 5.1+, Mobile Safari, Chrome 10+ */<br />
    background-image: -moz-linear-gradient(left, #fff, #fff 50%, #e5e6e7); /* Firefox 3.6+ */<br />
    background-image: -ms-linear-gradient(left, #fff, #fff 50%, #e5e6e7); /* IE 10+ */<br />
    background-image: -o-linear-gradient(left, #fff, #fff 50%, #e5e6e7); /* Opera 11.10+ */<br />
    border-style: solid;<br />
    border-width: 1px;<br />
    border-top-color: #b0b2b3;<br />
    border-bottom-color: #c9cacc;<br />
    border-right-color: #b7b8ba;<br />
    border-left-color: #c9cacc;<br />
    border-radius: 3px;<br />
    -webkit-text-size-adjust: none;<br />
}<br />
.newsticker_wrapper .newsticker_title {<br />
    float: left;<br />
    background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCfINscqP3OTcaamZXnZPoFhXur_KsPK5R5DHE20BfNlzHFr_SPfxTuHI3nDq0XdfVlEqsqZtR1MvL_NiBAZ3KVFP-ZUha-aSWMbVLKm91RwBi6OkOFVmdHlHbg9dbeDlfCM6P6GwDbw/s1600/OW-list_bg.png') no-repeat top right;<br />
    padding-right: 7px;<br />
    margin-right: 15px;<br />
}<br />
.newsticker_wrapper h4 {<br />
    color: #fff;<br />
    height: 100%;<br />
    overflow: hidden;<br />
    margin: 0;<br />
    padding: 0 6px;<br />
    font-weight: bold;<br />
    text-shadow: 1px 1px 0 #4374ab;<br />
    border-radius: 3px 0 0 3px;<br />
    -moz-border-radius: 3px 0 0 3px;<br />
    background-color: #87abd1; /* fallback/image non-cover color */<br />
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#538ebf), to(#87abd1));<br />
    background-image: -webkit-linear-gradient(left, #538ebf, #87abd1); /* Safari 5.1+, Mobile Safari, Chrome 10+ */<br />
    background-image: -moz-linear-gradient(left, #538ebf, #87abd1); /* Firefox 3.6+ */<br />
    background-image: -ms-linear-gradient(left, #538ebf, #87abd1); /* IE 10+ */<br />
    background-image: -o-linear-gradient(left, #538ebf, #87abd1); /* Opera 11.10+ */<br />
}<br />
.newsticker {   <br />
    margin: 0;<br />
    padding: 0;<br />
}<br />
.newsticker li {<br />
    padding: 0 15px;<br />
}<br />
.newsticker a {<br />
    color: #538ebf;<br />
}<br />
.newsticker_controls {<br />
    position: absolute;<br />
    right: 9px;<br />
    top: 0;<br />
    list-style-type: none;<br />
    list-style-image: none;<br />
    background-color: transparent;<br />
    z-index: 30;<br />
    margin: 0 0 0 10px;<br />
}<br />
.newsticker_controls li {<br />
    float: left;<br />
    height: 30px;<br />
    width: 23px;<br />
    background-position: center center;<br />
    background-repeat: no-repeat;<br />
    background-color: transparent;<br />
    cursor: pointer;<br />
}<br />
.newsticker_controls .pause {<br />
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJ5xgYbVy_NT3UILTycTA_0W4ZTb3Is3f1myp6hTQ8CPKN7_RIu1-ZgqHRw8BgIiRsydKzlUQ7BLUouFrqCN0h55Iw1b3lNNRj7yrkxfxM3BlZb56cwKwbgBNLyPXc6gWCgQYrLOMSg/s1600/OW-pause.png'); <br />
}<br />
.newsticker_controls .resume {<br />
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRemUijReZvKDuBCLiZsBGgONZQg1FX0jKMOCN-znxJPrKp0YNAIHAhuUxSgN2U-oVmFG3uNXnArLY5DTLvlYSyHbNhsRXmUS3Z8bz2hQ2OP8oJP5KTTsznzH5t4lTJBsmRNuff8p_Cg/s1600/OW-resume.png'); <br />
}<br />
.newsticker_controls .previous {<br />
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ny-UCFGXF2IZrCYkFez50QTovz8Kq3pxdNTfQ0yYLoh670lF7Rt-eqF_BMeYriDf2LGbAkxgiQvFWNQuaBoDeXnGiWrtrHmEwEL8TmAaOZO9X3I2uAL2wAxezqeXiFbr7cNH4HUJLA/s1600/OW-previous.png');<br />
}<br />
.newsticker_controls .next {<br />
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqS61MFpxpRLnknYvi3BceL_sh8e_yVPGZpBH8j2qpH8BVpsp0uEdgAeIZ1DcDSc18bjOuXl0HEUntpxLcDAV-c0HlhyKsltaLJWvLKQxMhAuxP_vwPDhTP2a6VX4WQ_WKNwst7QPn1w/s1600/OW-next.png');<br />
}<br />
/* Reveal */<br />
.newsticker_style_reveal .newsticker li {<br />
    left: 15px !important;<br />
}<br />
/* Scroll */<br />
.newsticker_style_scroll .newsticker_title {<br />
    margin-right: 10px;<br />
}<br />
.newsticker_style_scroll .newsticker {<br />
    background: none;<br />
}<br />
.newsticker_style_scroll .newsticker li {<br />
    margin-right: 80px;<br />
    padding: 0;<br />
}</blockquote><br />
<b>HTML/JavaScript.</b><br />
<br />
<blockquote class="tr_bq"><ul id="newsticker_demo_scroll" class="newsticker"></ul>               <br />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/ticker.js"></script><br />
  <br />
    <script type="text/javascript"><br />
    (function($){<br />
<br />
      $(document).ready(function() {                                 <br />
          $('#newsticker_demo_scroll').newsticker( {<br />
              'style'         : 'reveal',<br />
              'tickerTitle'   : 'OtoWebsite',<br />
              'twitter'       : 'otowebsite',<br />
              'excerptLength' : 100, // 100 characters<br />
              'sortBy'        : 'timestamp',<br />
              'reverseOrder'  : true,<br />
              'scrollSpeed'   : 50,   <br />
              'autoStart'     : true,<br />
              'slideSpeed'    : 1000,<br />
              'slideEasing'   : 'swing',<br />
              'showControls'  : true<br />
          });<br />
    <br />
      })<br />
      <br />
    })(jQuery);<br />
    </script><br />
    </blockquote><br />
<strong>TIP Penting:</strong> Ada tiga gaya transeksi teks yang berbeda yang terintegrasi dalam ticker melalui mana seseorang dapat memilih hanya satu. Secara default, saya telah menambahkan gaya mesin tik untuk itu, tapi setiap orang dapat mengubahnya sesuai dengan kebutuhan dan keinginannya.<br />
<br />
Silahkan lakukan perubahan pada kode di atas agar sesuai dengan Situs/Anda.<br />
<br />
Jika Anda membutuhkan bantuan Saya Ada disini.

Horizontal Twitter Ticker Widget Untuk Blogger

Twitter adalah salah satu jaringan social media yang tidak perlu di pertanyakan lagi kegunaanya, selain untuk follow, mengiklan atau bahkan mempromosikan situs web/blog milik kita. Untuk perjumpaan ka…

Baca selengkapnya »

05 Nov 2012

Load more posts

Oto Website

Multi-Colored Popular Posts Widget Untuk Blogger

Download TuneUp Utilities 2013 + Patch Full Version

Spinning Social Icons With CSS3 For Blogger

Download Cheat Engine

Horizontal Twitter Ticker Widget Untuk Blogger

Entri Populer

Arsip Blog