Oto Website

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

O to Website selalu ingin mencoba membuat sesuatu yang berbeda yang akan bisa menarik pengunjung/pembaca untuk membaca tutorial O.W. Untu...

Baca selengkapnya »

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

C heat Engine adalah sebuah alat atau tool open source yang dirancang untuk membantu Anda untuk memodifikasi Game, sehingga Anda dapat membu...

Baca selengkapnya »

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

T witter adalah salah satu jaringan social media yang tidak perlu di pertanyakan lagi kegunaanya, selain untuk follow, mengiklan atau bahkan...

Baca selengkapnya »

Tambah Tooltip jQuery Untuk Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-DnZ_FXr4ltyCmf_Awt6gRqiIINMq75jy18LrbZCOLlX_NM_HBD5nAaxDDi4187wQu_8DSxx9Kb0HX97p04kopn9CRA56uSbGsUDN9mh6dgaD3s1GmdSWmfhyphenhyphenHtQnf7hH-8l_5W7AVg/s1600/untitled.JPG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-DnZ_FXr4ltyCmf_Awt6gRqiIINMq75jy18LrbZCOLlX_NM_HBD5nAaxDDi4187wQu_8DSxx9Kb0HX97p04kopn9CRA56uSbGsUDN9mh6dgaD3s1GmdSWmfhyphenhyphenHtQnf7hH-8l_5W7AVg/s1600/untitled.JPG" /></a></div>
<span class="awal">P</span>lugin tooltip jQuery adalah salah satu alat yang hebat untuk menjelaskan kepada banyak pengunjung dari blog Anda. Anda dapat dengan mudah menerapkan ini ke dalam blog juga sangat mudah untuk menggunakannya.<br />
<br />
Anda dapat menyorot beberapa kata dan menambahkan tooltip kepada mereka, bila ada pengguna melayang pada kata sebuah tooltip mulus akan muncul tepat di atas dari kata disorot dengan tooltip jQuery description.<br />
<br />
Tooltip ini dirancang oleh Nettuts + dan saya telah membagikan ulang ini pada Helper Blogger.Now mari kita lihat bagaimana untuk menambahkannya dan menggunakannya,<br />
<br />
<div style="text-align: center;">
<a class="button" href="http://otowebsite.16mb.com//Tambah%20Tooltip%20jQuery%20Untuk%20Blogger.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">
Tambah Tooltip JQuery Untuk Blogger?</div>
<br />
Seperti yang saya sebutkan di atas instalasi dan penggunaan tooltip sangat mudah, Anda hanya perlu meletakkan beberapa kode dalam template Anda, cukup ikuti langkah-langkah sederhana di bawah ini.<br />
<br />
<hr color="3e81c4" />
<b><span style="color: #3d85c6; font-size: large;">jQuery</span></b><br />
<hr color="3e81c4" />
<br />
<blockquote class="tr_bq">
<span style="background-color: lime;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></span><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/jquery-tooltip.js"></script></blockquote>
<br />
<hr color="3e81c4" />
<b><span style="color: #3d85c6; font-size: large;">CSS</span></b><br />
<hr color="3e81c4" />
<br />
<blockquote class="tr_bq">
.tip {<br />
    width: 212px;<br />
    padding-top: 37px;<br />
    overflow: hidden;<br />
    display: none;<br />
    position: absolute;<br />
    z-index: 500;<br />
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbL9SD3E2wVyRyZJCGq9aATsTn3tgheOxHi80Tn4XatqZxxYgwfP1tvLXYwonAzIKzKH9SDMeUhkywx5_RuEwJZBcJm3o5w_Vpa3n7yJNNiP5TKIJBRfJsaJnSrMMWaB4npby9qSY6hg/s1600/OW_tipTop.png) no-repeat top;<br />
}<br />
.tipMid {<br />
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvA0uig35jt4cRH-MRCUxF8Pis9YiH4y3tF6_bdNvVF2-PDaBhYq3Oz60Szw4uofp4zybOfK8NUaxHPivfn_WEJ_G8A6cT0DYMViVBpFZIlF2rCPBLe0eUSfa0zw-CSG5YA-vqNbB2ig/s1600/OW_tipMid.png) repeat-y;<br />
    padding: 0 25px 20px 25px;<br />
}<br />
.tipBtm {<br />
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm8GPpX0q3efSHVO0pEZNELWq6hfjyCGQbEEWqzAD8Jp4zMbChr3BOEN9Ut9p-AplX6sGGcEQ_RpCM9TymeOy9XPRAdoDwTCsdmvvsuazUB9iersAEH6nSO0h6p7Lyw3_wdW8XS9OeHg/s1600/OW_tipBtm.png) no-repeat bottom;<br />
    height: 32px;<br />
}</blockquote>
<br />
<hr color="3e81c4" />
<b><span style="color: #3d85c6; font-size: large;">Pemanggil</span></b><br />
<hr color="3e81c4" />
<br />
Pada saat menulis atau mengedit postingan Anda letakkan kode berikut untuk memanggil Tooltip<br />
<br />
<blockquote class="tr_bq">
<div class="tTip" title="<span style="background-color: red;"><span style="color: white;">Tambahkan Pesan Tooltip Disini</span></span>"><span style="background-color: red;"><span style="color: white;">Tambahkan Text Anda Disini</span></span></div></blockquote>
Dan jangan lupa untuk merubah teks yang di block merah di atas dengan teks Anda sendiri.

Tambah Tooltip jQuery Untuk Blogger

P lugin tooltip jQuery adalah salah satu alat yang hebat untuk menjelaskan kepada banyak pengunjung dari blog Anda. Anda dapat dengan muda...

Baca selengkapnya »

Update Facebook Sekarang Dengan Emoticons

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqhtBswqhS3vLmFzd06MQq1RvU-oGG1tHo10crEdrf05GmrQEY0ZgcyrBuIuAoMSYMOjxCJjqCEOKqt9KEO1wcwXya07kdlCp3gvv-bPSEoYGO1ZgjCrtLHhvOE3WkNt_p-rf_QvlZ5w/s1600/Facebook-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqhtBswqhS3vLmFzd06MQq1RvU-oGG1tHo10crEdrf05GmrQEY0ZgcyrBuIuAoMSYMOjxCJjqCEOKqt9KEO1wcwXya07kdlCp3gvv-bPSEoYGO1ZgjCrtLHhvOE3WkNt_p-rf_QvlZ5w/s640/Facebook-logo.jpg" width="640" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnJFpNhAbLycVcQBFzypzVkx5Y9xjMMXPXQNukNfEbifXMMsN4B4lPOM5d1OczhOzkIMHnFO0-_nxZ9-zS5H1AqW0yp5mwc53690W-VB6NC_LxHjTaRKUa6nE23egfz9D2xDBn-hA2sA/s1600/original.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnJFpNhAbLycVcQBFzypzVkx5Y9xjMMXPXQNukNfEbifXMMsN4B4lPOM5d1OczhOzkIMHnFO0-_nxZ9-zS5H1AqW0yp5mwc53690W-VB6NC_LxHjTaRKUa6nE23egfz9D2xDBn-hA2sA/s640/original.jpg" width="640" /></a></div><span class="awal">M</span>elihat sesuatu yang aneh di feed Facebook Anda belakangan ini?<br />
<br />
Jika Anda melihat proliferasi wajah smiley dan hati dalam komentar teman-teman Anda ', bukan itu Anda belum melihat mereka sebelumnya. Facebook diam-diam meluncurkan kemampuan untuk menambahkan emoticon untuk komentar akhir pekan lalu.<br />
<br />
Jika Anda tidak tahan ikonografi tersebut, mengambil hati dalam kenyataan bahwa pengguna Facebook masih belum dapat menggunakannya dalam pembaruan status sendiri - hanya dalam komentar, yang lebih mudah disembunyikan atau diabaikan.<br />
<br />
Facebook juga tidak membiarkan Anda menambahkan emoticon melalui aplikasi mobile-nya, bahkan dalam komentar. Ini tidak membiarkan Anda menggunakannya dalam obrolan dan aplikasi Messenger, bagaimanapun. Check out gambar di atas untuk contoh jenis penawaran ikon Facebook, ada berbagai lebih luas daripada yang mungkin Anda harapkan, seperti hiu dan penguin.<br />
<br />
Apa yang Anda pikirkan tentang emoticon facebook ? Apakah mereka emoticon tambahan yang berguna untuk komunikasi, atau alasan malas dalam berbahasa? Beri kami tanggapan Anda di komentar - dengan atau tanpa emoticon.

Update Facebook Sekarang Dengan Emoticons

M elihat sesuatu yang aneh di feed Facebook Anda belakangan ini? Jika Anda melihat proliferasi wajah smiley dan hati dalam komentar teman...

Baca selengkapnya »

Social Bookmarking Widget Dengan Tooltips Untuk Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRI0fHOfRiV9En1FP1FVsFwsQF8rUnteaqE2F4UfM3M9t6PaLx33nG6ZvD8rVP4rFMZWB2CWDAgguhJrEzJZ6qcYmzcPEXt4KMpMyiFGKZzEkeqAtDo5V3CBVY2ZbFx0e0l1muUuJx8w/s1600/Social+Bookmarking+Widget+Dengan+Tooltips+Untuk+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRI0fHOfRiV9En1FP1FVsFwsQF8rUnteaqE2F4UfM3M9t6PaLx33nG6ZvD8rVP4rFMZWB2CWDAgguhJrEzJZ6qcYmzcPEXt4KMpMyiFGKZzEkeqAtDo5V3CBVY2ZbFx0e0l1muUuJx8w/s640/Social+Bookmarking+Widget+Dengan+Tooltips+Untuk+Blogger.jpg" width="640" /></a></div>
<span class="awal">W</span>idget sosial bookmark adalah salah satu kebutuhan dari setiap blogger, mengapa Anda selalu melihat gadget seperti ini hampir pada setiap widget bookmark blog ? Social boomark membantu Anda untuk meningkatkan lalu lintas di blog.Jadi hari ini saya akan berbagi widget sosial bookmark yang menakjubkan datang dengan tooltips animasi yang indah, ketika user melayang pada ikon sosial tooltip keluar juga berlaku efek opacity terhadap ikon sosial, peningkatan efek keindahan ini widget. Pencipta widget ini adalah Shareaholic. Sekarang mari kita lihat cara untuk menambahkannya ke blog Anda!!!<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 Widget Ini Untuk Blog Anda !!!</div>
Saya telah menciptakan sebuah blogger widget generator untuk widget ini. Ikuti langkah sederhana di bawah ini untuk menambahkan widget ini ke blog Anda. <br />
<br />
Anda harus login ke account blogger Anda terlebih dahulu.<br />
Klik tombol Add to Blogger di bawah ini.<br />
Sekarang Anda akan redirect ke halaman add blogger widget.<br />
Pilih blog Anda dan menambahkan klik pada tombol Add Widget<br />
Tarik widget di bagian bawah tata letak halaman Anda<br />
Terakhir, klik tombol Simpan Pengaturan dan Anda selesai.<br />
<br />
<form action="http://www.blogger.com/add-widget" method="POST" target="_blank">
<div style="text-align: center;">
<input name="widget.content" type="hidden" value="<b:if cond='data:blog.pageType == "item"'> 

<script type="text/javascript">
  var SHRCB_Settings = {"shr_classic":{"size":"32","link":"","service":"5,7,313,309,78,304,88","apikey":"2fc518bd8c0bb3cf45bdade11877971c1","shortener":"bitly","shortener_key":"","designer_toolTips":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
  var SHRCB_Globals = {"perfoption":"1"};
  </script>

<script type="text/javascript">
       (function() {
            var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
            sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-cb.min.js";
            var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
        })();
        </script>

Social Bookmarking Widget Dengan Tooltips Untuk Blogger

W idget sosial bookmark adalah salah satu kebutuhan dari setiap blogger, mengapa Anda selalu melihat gadget seperti ini hampir pada setiap...

Baca selengkapnya »

Oto Website

Spinning Social Icons With CSS3 For Blogger

Download Cheat Engine

Horizontal Twitter Ticker Widget Untuk Blogger

Tambah Tooltip jQuery Untuk Blogger

Update Facebook Sekarang Dengan Emoticons

Social Bookmarking Widget Dengan Tooltips Untuk Blogger

Entri Populer

Arsip Blog