tag:blogger.com,1999:blog-10235878038625853532024-03-04T22:28:20.627-08:00cara mudah semuanyaAnonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.comBlogger36125tag:blogger.com,1999:blog-1023587803862585353.post-75216952835038972552012-09-06T23:00:00.000-07:002012-09-07T08:49:59.335-07:00Awesome Page Navigation Widget Untuk Blogger Dengan Scroll<span class="awal">A</span>wesome Page Navigation Widget Untuk Blogger Dengan Scroll adalah widget Navigasi halaman dan membantu pembaca Anda untuk melompat dari satu halaman ke halaman lain directly. Widget navigasi halaman ini dikembangkan oleh <a href="http://karaboz.ru/2007/11/19/paginator-3000-postranichnaya-navigaciya-budushhego/" target="_blank">karaboz</a> dan <a href="http://www.abu-farhan.com/" target="_blank">abu-farhan</a> dikonversi menjadi blogger. Widget ini memiliki tombol kecil di bawah dimana setiap pengunjung bisa langsung pada halaman terakhir , juga mereka dapat memilih halaman di blog.Search Anda di Google Anda akan melihat widget banyak tentang navigasi halaman tetapi jika Anda menggunakan widget ini maka pembaca / pengunjung bisa pergi ke halaman tertentu yang mereka inginkan.<br /><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">See Demo At Bottom Of My Homepage</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWO5VwEB428ghTS0XJgFmY10aulKBqoaoWZrCq_kNNc2DCahxfpMMx3ngcaZAGHVWT2yZVeKSrp_yF1m_TVUdGGxR-D6fNy4Qf9WiHEXtN2pKdpvxquz4B-ujC4H1EINvAK1iGL1BAvw/s1600/page-navigation-widget-for-blogger-pagination-in-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="434" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWO5VwEB428ghTS0XJgFmY10aulKBqoaoWZrCq_kNNc2DCahxfpMMx3ngcaZAGHVWT2yZVeKSrp_yF1m_TVUdGGxR-D6fNy4Qf9WiHEXtN2pKdpvxquz4B-ujC4H1EINvAK1iGL1BAvw/s640/page-navigation-widget-for-blogger-pagination-in-blogger.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">Cara Membuat Awesome Page Navigation Widget</div><br />Berikut ini adalah kode-kode yang di gunakan untuk membuat Awesome Page Navigation Widget Untuk Blogger Dengan Scroll<br /><br />The CSS<br /><br /><pre class="brush:css;">.paginator {<br /> margin-top:60px;<br /> font-size:1em;<br />}<br />.paginator table {<br /> border-collapse:collapse;<br /> table-layout:fixed;<br /> width:100%;<br />}<br />.paginator table td {<br /> padding:0;<br /> white-space:nowrap;<br /> text-align:center;<br />}<br />.paginator span {<br /> display:block;<br /> padding:3px 0;<br /> color:#fff;<br />}<br />.paginator span strong,<br />.paginator span a {<br /> padding:2px 6px;<br />}<br />.paginator span strong {<br /> background:#ff6c24;<br /> font-style:normal;<br /> font-weight:normal;<br />}<br />.paginator .scroll_bar {<br /> width:100%; height:20px;<br /> position:relative;<br /> margin-top:10px;<br />}<br />.paginator .scroll_trough {<br /> width:100%; height:3px;<br /> background:#ccc;<br /> overflow:hidden;<br />}<br />.paginator .scroll_thumb {<br /> position:absolute;<br /> z-index:2;<br /> width:0; height:3px;<br /> top:0; left:0;<br /> font-size:1px;<br /> background:#363636;<br />}<br />.paginator .scroll_knob {<br /> position:absolute;<br /> top:-5px; left:50%;<br /> margin-left:-10px;<br /> width:20px; height:20px;<br /> overflow:hidden;<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QIMUORAjVWidSJucC8Yjz5chd2gGuBOM2F5VYoX9RL84NqT2hKsv0bTEp1HEzrP3y41j-wPEV3yqLrrMKb0M5ePht9n8iLWcW894SfO3POn0Qelca2hWiNC1kbcw46LPu8ylGnypY4g/s1600/slider_knob.gif) no-repeat 50% 50%;<br /> cursor:pointer; cursor:hand;<br />}<br />.paginator .current_page_mark {<br /> position:absolute;<br /> z-index:1;<br /> top:0; left:0;<br /> width:0; height:3px;<br /> overflow:hidden;<br /> background:#ff6c24;<br />}<br /><br />.fullsize .scroll_thumb {<br /> display:none;<br />}<br /><br />.paginator_pages {<br /> width:600px;<br /> text-align:right;<br /> font-size:0.8em;<br /> color:#808080;<br /> margin-top:-10px;<br />}</pre><br />The JavaScript<br /><br /><pre class="brush:javascript;"><script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/Awesome%20Page%20Navigation%2001.js' type='text/javascript'></script><br /><script type='text/javascript'><br />var home_page="/";<br />var urlactivepage=location.href;<br />var postperpage=7;<br />var numshowpage=6;<br /></script><br /><script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/Awesome%20Page%20Navigation%2000.js' type='text/javascript'/></pre><br />Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-77075630203451799002012-08-31T21:29:00.000-07:002012-09-07T08:49:59.345-07:00New Facebook Recommendation Bar Untuk Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Zi8Zc6UQFR6vmNB1iz4H22Dm51-7Sn6euLGZddLS20oofw6UclKcLfeAEcCdbPvYmQRWPhA6RXnLfynwokOQOSFvY9k2Czi9Oo1Rk1XCPHDYKjl1wI7o0rLSmOw5hqA2c5sZ5am5TQ/s1600/tes.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Zi8Zc6UQFR6vmNB1iz4H22Dm51-7Sn6euLGZddLS20oofw6UclKcLfeAEcCdbPvYmQRWPhA6RXnLfynwokOQOSFvY9k2Czi9Oo1Rk1XCPHDYKjl1wI7o0rLSmOw5hqA2c5sZ5am5TQ/s1600/tes.png" /></a></div><span class="awal">D</span>alam perjumpaan kali ini saya akan berbagi sebuah tutorial dan untuk tutorial kali ini saya beri judul <a href="http://otowebsite.blogspot.com/2012/09/new-facebook-recommendation-bar-untuk.html">New Facebook Recommendation Bar Untuk Blogger</a>. Ini sebenarnya Updatean dari artikel sebelumnya yang berada di tutorial <a href="http://otowebsite.blogspot.com/2012/07/tambahkan-facebook-recommendation-bar.html" target="_blank">Tambahkan Facebook Recommendation Bar Untuk Blogger</a>.<br /><br />Karna artikel tersebut sekarang sudah tidak berjalan dengan sempurna untuk itu saya update tutorialnya disini. Jika Anda sebelumnya sudah membaca artikel sebelumnya maka saya tidak perlu lagi menjelaskan untuk apa dan fungsi widget Facebook Recommendation Bar bila di pasang di blogger Anda.<br /><br />Facebook Rekomendasi Bar Ini adalah Plugins Beta. <br />Dalam tutorial ini, kita pergi untuk belajar cara menginstal Facebook Bar Rekomendasi di Blog Blogger. Widget ini lebih bermanfaat untuk mengarahkan lalu lintas dari Facebook dan sejenisnya dengan instan dan posting terkait.<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">PRIVIEW</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintG5yyUW7mFcOhZpaTY7unkYS9cHWky0uA3TNoM2__x_-D2dxJsPLTxYBNb0r8RU-oLoxoQg8gemCpcFpUJAjiIBTthCa7jAwF5Ks5mlPhiMxl0L4Oh0ReAdHQPF6V7MB7T1cTsrrsw/s1600/demo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintG5yyUW7mFcOhZpaTY7unkYS9cHWky0uA3TNoM2__x_-D2dxJsPLTxYBNb0r8RU-oLoxoQg8gemCpcFpUJAjiIBTthCa7jAwF5Ks5mlPhiMxl0L4Oh0ReAdHQPF6V7MB7T1cTsrrsw/s1600/demo.jpg" /></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">CARA INSTAL WIDGET FACEBOOK RECOMMONDATIONS BAR DI BLOGGER?</div><br />1. Pertama Tambahkan kode berikut sebelum kode <b><head></b><br /><br /><blockquote class="tr_bq"><!-- Begin Open Graph metadata By:Oto Website --><br /><b:if cond='data:blog.pageType == "item"'><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><meta content='article' property='og:type'/><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><meta expr:content='data:blog.title' property='og:site_name'/><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><meta expr:content='data:blog.pageName' property='og:title'/><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><b:if cond='data:blog.postImageThumbnailUrl'><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/><br /><span class="Apple-tab-span" style="white-space: pre;"> </span></b:if><br /><b:else/><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><meta expr:content='data:blog.title' property='og:title'/><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><meta content='website' property='og:type'/><br /></b:if><br /><meta expr:content='"en_US"' property='og:locale'/><br /><meta expr:content='data:blog.canonicalUrl' property='og:url'/><br /><!-- End Open Graph metadata by:Oto Website--></blockquote><br />2. Kedua Pergi ke <a href="https://developers.facebook.com/docs/reference/plugins/recommendationsbar/" target="_blank">Halaman Resmi Facebook Rekomendasi Bar</a>.<br /><br />3. Lansung klick tombol <b>Get Code</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCw_qB_IHlKqrJQ6UqNkMi9egwiz4fVW5wJUtUx2NW0oXrkv4ljQ4WIeeCqyuPGdJjgMPWrTg3jfrLeVjJDx0otpQogO6mWSEhXYDJkrg1CV-G_xbPLhCQQ_F5BsYH9MJ1Whyvg2mB9A/s1600/f1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCw_qB_IHlKqrJQ6UqNkMi9egwiz4fVW5wJUtUx2NW0oXrkv4ljQ4WIeeCqyuPGdJjgMPWrTg3jfrLeVjJDx0otpQogO6mWSEhXYDJkrg1CV-G_xbPLhCQQ_F5BsYH9MJ1Whyvg2mB9A/s1600/f1.png" /></a></div><br />4. Klick Tautan <b>buat aplikasi baru.</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodPkBBUDHNgdGm-lTw8MAG7gsr2x1RPm2KCWO9-LZi0eDhhdeCm7Fe8vULG_m62wLHCLtob2dzR5T5qzzxanDYJm-b8Op-T23lZ_vNI0xsjouLXZXlxcpl2xZYDRBXujpHQlbDazYrg/s1600/f2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodPkBBUDHNgdGm-lTw8MAG7gsr2x1RPm2KCWO9-LZi0eDhhdeCm7Fe8vULG_m62wLHCLtob2dzR5T5qzzxanDYJm-b8Op-T23lZ_vNI0xsjouLXZXlxcpl2xZYDRBXujpHQlbDazYrg/s1600/f2.png" /></a></div><br />5. Masukkan <b>Nama App</b> dengan Judul Blog Anda dan <b>URL Web</b> dengan URL Blog Anda, seperti seperti di bawah ini dan klik tombol <b>Lanjutkan</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMOrBwenQtPftmpAkIkdNiT6MGLU1at90hYb9u92G1s1mne1G1UKBrNZeoqhVuPOSnIrn7FSRXHVJYI8B1VfP1m3EgKiousuk8r3HVNvAGh5YoB2hj1-pZ9fsDSXzm9YOP11hE1UIE9w/s1600/f3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMOrBwenQtPftmpAkIkdNiT6MGLU1at90hYb9u92G1s1mne1G1UKBrNZeoqhVuPOSnIrn7FSRXHVJYI8B1VfP1m3EgKiousuk8r3HVNvAGh5YoB2hj1-pZ9fsDSXzm9YOP11hE1UIE9w/s1600/f3.png" /></a></div><br />6. Masukkan Kode Captcha dengan benar dan klik tombol <b>Kirim</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOUrcJhII9UIDpxQNTCVd_YGIf2iaYBGeu4B1EI6u9VGovqt0FKwdLFYhDU6qX9mmS3IL-XJkAvwuzBq7j9YT15e3XT4khki2RdmOIIQKXoEEA8IGbH4VxxdhyQdRpgH5lxJJusb2Kw/s1600/f4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOUrcJhII9UIDpxQNTCVd_YGIf2iaYBGeu4B1EI6u9VGovqt0FKwdLFYhDU6qX9mmS3IL-XJkAvwuzBq7j9YT15e3XT4khki2RdmOIIQKXoEEA8IGbH4VxxdhyQdRpgH5lxJJusb2Kw/s1600/f4.png" /></a></div><br />7. Kemudian Klik Tombol <b>Get Code</b> sekali lagi.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt0KE9pRmY4c7U_3rLBhNzouhg1xX-l7gHDsnXLKpvFayEs0arjaEDcFQ7vYz1pPbMTUHCoM-zjfRCSx6HOl0ovF3MqlGH0HiUdCjHvucJlzGRuNgUGH4Opf-fPTwWmVdJmAYwcMSGSQ/s1600/f6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt0KE9pRmY4c7U_3rLBhNzouhg1xX-l7gHDsnXLKpvFayEs0arjaEDcFQ7vYz1pPbMTUHCoM-zjfRCSx6HOl0ovF3MqlGH0HiUdCjHvucJlzGRuNgUGH4Opf-fPTwWmVdJmAYwcMSGSQ/s1600/f6.png" /></a></div><br />8. Salin kode JavaScript Pertama SDK (Kode Kotak Pertama) dan Encode Kode tersebut menggunakan Alat <a href="http://otowebsite.blogspot.com/2012/03/parse-kode-html-atau-script.html" target="_blank">Parse Kode Script atau HTML</a>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj02b4ZQVnDHHXFPBuO_5RkEU_qKJEX7jWITzVYtdEzeTDMLIiK0CBa1a68beDCeZEiI0J6P2REmNcK2IUF8S1putHlOi-jliXsL06xSeDIQxh9tSCpkGSqrFmMxwg36fddAEezrA_a4g/s1600/f5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj02b4ZQVnDHHXFPBuO_5RkEU_qKJEX7jWITzVYtdEzeTDMLIiK0CBa1a68beDCeZEiI0J6P2REmNcK2IUF8S1putHlOi-jliXsL06xSeDIQxh9tSCpkGSqrFmMxwg36fddAEezrA_a4g/s1600/f5.png" /></a></div><br />9. Masuk ke akun <b>Blogger</b> Anda >> Pilih Template >> <b>Edit HTML</b> .<br /><br />10. Centang <input checked="" id="expandWidgets" style="font-size: small;" type="checkbox" /><b>Expand Template Widget</b> >> <b>Backup Template Anda</b>.<br /><br />11. Cari kode <b><body></b> dan letakkan kode yang Anda dapatkan tadi tepat di atasnya. (Bila kesulitan mencari kode HTML klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>)<br /><br />12. Kustomisasi <b>Facebook Rekomendasi Bar</b>:<br />Anda dapat menyesuaikan pengaturan Facebook Rekomendasi Bar<br /><br />Cari kode <b><data:post.body/></b> dan menempatkan kode berikut setelah kode <data:post.body/><br /><br /><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="<span style="background-color: yellow;">30</span>" data-action="like" data-side="<span style="background-color: #45818e;">right</span>" expr:data-site="data:blog.homepageUrl" data-num-recommendations="<span style="background-color: #38761d;">2</span>"></div></b:if></blockquote><br /><b>Keterangan:</b><br /><ul><li>Angka <span style="background-color: yellow;">30</span> menunjukkan widget Facebook Recommendation Bar akan muncul setelah 30 detik.</li><li>Anda dapat mengatur berapa banyak artikel untuk ditampilkan. Dengan meningkatkan atau menurunkan nilai <span style="background-color: #38761d;">2</span></li><li>Anda dapat memutuskan lokasi plugin. Secara default itu muncul di bagian bawah <span style="background-color: #45818e;">right</span> = kanan sudut halaman Anda. Anda menetapkan mengapung ke ke left = kiri.</li></ul><br />13. Simpan template.<br /><br />Sekarang Anda bisa menikmati widget <a href="http://otowebsite.blogspot.com/2012/09/new-facebook-recommendation-bar-untuk.html">New Facebook Recommendation Bar Untuk Blogger</a> ini!Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-40472531802671553142012-08-29T23:58:00.000-07:002012-09-07T08:49:59.313-07:00Cara Tambah Sintaks Highlighter V3 di Blogger<span class="awal">S</span>tylizing blog atau website sangat menguntungkan dan memiliki signifikansi besar karena tidak hanya menarik pengunjung tetapi juga terlihat rapi dan bersih, sebagian besar blogger dan webmaster menghabiskan banyak dolar dalam stylizing dan demi menyesuaikan desain blog mereka yang memang merupakan langkah terbaik.<br />Ketika blogger menyediakan kode di blog mereka, mereka biasanya menyediakan dengan cara biasa, menulis teks normal yang biasa kita lakukan, "adalah kode bukan teks" kita perlu untuk menyesuaikan dgn mode dan juga membuatnya lebih menonjol berbeda dari teks biasa. Untuk menyelesaikan masalah, kami telah memperkenalkan Highlighter Sintaks yang sangat populer di Wordpress tapi sekarang Anda memiliki kemewahan menggunakan alat indah ini di Blog BlogSpot.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPonk49P4ssr4t8viaJ8J_uquCbC2dCFL4txv8K1nGnpuQqpjPQkBnfR2FTVto8bsadKnn5L4CwS3gO2rwJ_1T1dhdi2dzPmOKfAIInZ3xgXSrbsvfut8oiZoaMg1MMws2ewegiGYwJw/s1600/MyBloggerLab-SyntaxHighlighter-Tool.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPonk49P4ssr4t8viaJ8J_uquCbC2dCFL4txv8K1nGnpuQqpjPQkBnfR2FTVto8bsadKnn5L4CwS3gO2rwJ_1T1dhdi2dzPmOKfAIInZ3xgXSrbsvfut8oiZoaMg1MMws2ewegiGYwJw/s640/MyBloggerLab-SyntaxHighlighter-Tool.png" width="640" /></a></div><br /><div class="YOUR HEADLINE CLASS i.e ow">Apa stabilo Sintaks</div>Sintaks stabilo adalah alat yang brilian untuk menunjukkan CSS, Html, JavaScript, SQL, dan banyak lainnya kode bahasa dalam tubuh posting Anda. Ini mengatur coding Anda di baris yang membuatnya terlihat lebih menonjol. Anda bahkan akan mendapatkan pilihan untuk memilih dari berbagai tema, yang akan menambah warna lebih untuk blog Anda dan membuatnya terlihat berharga. <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 Highlighter Sintaks Untuk Blog BlogSpot?</div>Menambahkan stabilo sintaks untuk seorang blogger merupakan prosedur menyenangkan dan tidak rumit. Kami telah menciptakan sebuah alat Highlighter Sintaks yang luar biasa untuk kenyamanan Anda sehingga jika Anda ikuti langkah-langkah berikut bijaksana saya yakin Anda akan dapat melakukannya dengan benar, sekarang mari kita lihat alat yang akan kita gunakan dalam tutorial ini.<br /><br /><iframe allowfullscreen="allowfullscreen" frameborder="0" src="http://dl.dropbox.com/u/63702052/Syntax%20Highlighter.html" style="height: 870px; width: 100%;"></iframe><br /><br /><ul><li><b>Langkah # 1:</b> Pertama pilih tema dari Alat stabilo Sintaks, untuk memilih tema favorit Anda lebih mudah sesuai dengan kepribadian Anda dapat memeriksa demo <a href="http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/" target="_blank">Disini</a>.</li><li><b>Langkah # 2:</b> Sekarang kita perlu memilih brushes sesuai dengan kebutuhan kita, jika Anda seorang blogger maka anda bisa memilih CSS dan HTML, tapi alat ini tidak terbatas pada blogger bahkan webmaster dan programmer dapat menggunakan alat ini. Jadi silahkan Anda pilih CSS, HTML, atau apa pun yang Anda sukai dan kemudian menekan tombol "Get Code".</li><li><b>Langkah # 3: </b>Sekarang copy semua kode yang dihasilkan di area teks dan kemudian pindah ke langkah berikutnya.</li><li><b>Langkah # 4: </b>Sekarang pergi ke Blogger >> Template >> Edit HTML.</li><li><b>Langkah # 5:</b> Kemudian dalam Kode template temukan kode </head> (Bila kesulitan mencari kode HTML coba klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>)</li><li><b>Langkah # 6:</b> Sekarang ketika Anda sudah menemukan kode </head> , tepat di atasnya paste kode yang Anda disalin dari sebelumnya (Alat Highlighter Sintaks).</li><li>Selamat stabilo Sintaks sekarang sepenuhnya terintegrasi dalam Blog Anda BlogSpot blogger! Dan sekarang Anda dapat menggunakan stabilo Sintaks dengan perintah.</li></ul><br /><div class="YOUR HEADLINE CLASS i.e ow">Sisipkan HTML / CSS / JavaScript Kode di Posting Anda Menggunakan SyntaxHighlighter:</div>Sekarang jika Anda ingin menyisipkan CSS coding dalam template Anda, kemudian Pergi ke Blogger.com >> Post >> Add New Posting >> Pilih Edit Tab HTML dan paste kode berikut.<br /><br /><b>Untuk CSS (Style Sheet)</b><br /><br /><pre class="brush:css;"><pre class="brush:css;">ADD-THE-CSS-CODE-HERE<br /><br /></pre><br /></pre><br /><b>Untuk Coding HTML:</b><br /><br /><pre class="brush:html;"><pre class="brush:html;">ADD-THE-HTML-CODE-HERE<br /><br /></pre><br /></pre><br /><b>Untuk JavaScript Coding:</b><br /><br /><pre class="brush:javascript;"><pre class="brush:javascript;">ADD-THE-JavaScript-CODE HERE<br /><br /></pre><br /></pre><br /><b>Kustomisasi:</b><br /><br />Ganti ADD-THE-HTML-CODE-HERE dengan style sheet CSS coding. <br />Jangan lupa untuk mengganti ADD-THE-HTML-CODE-HERE dengan HTML Anda. <br />Ganti ADD-THE-JavaScript-CODE HERE dengan kode JavaScript Anda.<br /><br />Jika Anda belum terintegrasi dengan stabilo Sintaks benar menggunakan alat kami, maka kemungkinan sangat tinggi bahwa Anda mungkin melihat keluar pop yang akan menunjukkan sesuatu yang tidak beres. Misalnya, Anda menggunakan <pre class='brush:css;'> </ pre> dalam posting blog Anda, tetapi Anda belum memasukkan script CSS stabilo Sintaks di header Anda maka Anda akan melihat error berikut.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS-6xFa3SqUsKzzv33WyH76rPX5830x5b1RMNETnUylqb7kP0Ay0UnHvAt7WT_BWhjcZhkyw_TG5LvLygNt529hz72P8FhLYWA2sJTDUDNWXpo9FuLwqnZh-WUD_NYsdqzOGC5i3ggug/s1600/Error.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS-6xFa3SqUsKzzv33WyH76rPX5830x5b1RMNETnUylqb7kP0Ay0UnHvAt7WT_BWhjcZhkyw_TG5LvLygNt529hz72P8FhLYWA2sJTDUDNWXpo9FuLwqnZh-WUD_NYsdqzOGC5i3ggug/s1600/Error.png" /></a></div><br /><b>Dari Meja Editor:</b><br /><br />Jadi kami berharap Anda menikmati memperlakukan dan pastikan Anda menggunakannya dengan perintah, dan senang belajar. Senang bisa berbagi alat-alat menarik yang mungkin dapat membantu kerja Anda.Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-1752831857145681792012-08-28T11:11:00.000-07:002012-09-07T08:49:59.306-07:00Membuat Query Loader Page Di Blogger<span class="awal">A</span>pa itu Query Loader Page? Query Loader Page di gunakan untuk menampilkan halaman blog Anda saat sedang di muat atau loading. Jadi para pengunjung blog/situs Anda tidak akan melihat bagaimana widget Anda atau bagaimana artikel Anda sebelum pemuatan/loading blog Anda selesai.<br /><br />Pengunjung akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan. Untuk lebih jelasnya tentang artikel Membuat Query Loader Page Di Blogger ada baiknya anda lihat demonya terlebih dahulu dengan menekan tombol 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">Priview Image Query Loader Page</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDWJoDiBc6z_TXYTBGqoUzL_-5Rp9i6REA6Mu1SnL4cchW0gJkTbnOgaM7ci_VCyhmShZYhcDzKSvL_SeFhdNZWIyuVo9a0W5KGMoX_ZIjbKPKHcAfxh1kQrtIydEMXFFcJ77fM3SLyg/s1600/untitled.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDWJoDiBc6z_TXYTBGqoUzL_-5Rp9i6REA6Mu1SnL4cchW0gJkTbnOgaM7ci_VCyhmShZYhcDzKSvL_SeFhdNZWIyuVo9a0W5KGMoX_ZIjbKPKHcAfxh1kQrtIydEMXFFcJ77fM3SLyg/s640/untitled.jpg" width="640" /></a></div><br /><div class="YOUR HEADLINE CLASS i.e ow">Demo Halaman Query Loader Page</div><br /><div style="text-align: center;"><a class="button" href="http://www.infooke.co.cc/" target="_blank"><b>LIHAT DEMO</b></a></div><br /><div class="YOUR HEADLINE CLASS i.e ow">Membuat Query Loader Page Di Blogger</div><br />Berikut ini saya berikan kode-kode yang di gunakan untuk Membuat Query Loader Page Di Blogger. Anda juga dapat memodifikasi kode CSS di berikut sesuai selera Anda!<br /><br /><hr color="3e81c4" /><b><span style="color: #3d85c6; font-size: large;">jQuery</span></b><br /><hr color="3e81c4" /><br /><pre class="brush:javascript;"><script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/><br /><script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/jqueryLoader_OW.js' type='text/javascript'/></pre><br /><hr color="3e81c4" /><b><span style="color: #3d85c6; font-size: large;">CSS</span></b><br /><hr color="3e81c4" /><br /><pre class="brush:css;">. jQOverlay_OW {<br /> background-color: # 000000 ;<br /> z-index: 9999;<br />}<br /><br />. jQLoader_OW {<br /> background-color: # CCCCCC ;<br /> height: 1px;<br />}<br /><br />. jQAmt_OW {<br /> color: # FF530D ;<br /> font-size: 50px;<br /> font-weight: bold,<br /> line-height: 50px;<br /> height: 50px;<br /> width: 100px;<br /> margin:-60px 0 0-50px;<br />}</pre><br /><hr color="3e81c4" /><b><span style="color: #3d85c6; font-size: large;">HTML</span></b><br /><hr color="3e81c4" /><br /><pre class="brush:html;"><script><br /> jQueryLoader_OW.selectorPreload = "body";<br /> jQueryLoader_OW.init ();<br /></ script></pre>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-36739795403842527972012-08-25T22:25:00.000-07:002012-09-07T09:12:17.374-07:00Free Download Game Counter Strike Cross fire Summer Edition Full Version (PC/ENG) Mediafire<div class="fullpost"></div><div><br /></div><div style="text-align: center;"><img alt="Counter Strike Cross Fire Summer Edition" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixYirCGIUpKooHTyfyZZSSPIAHROk4NbhQ7e51NyazveqmKozFElIE0xrujl0DCtEYsI3tXjLJYmHlVAX6iwiP_0WNTE3p8Hbh0uiM3l1IyUYKE-E1-CIDn4ofHfKq88Dt-igOcDJcCrk/s320/Counter+Strike+Cross+Fire+Summer+Edition.jpg" width="320" /> </div><div><br /></div><div><br /></div><div style="text-align: center;">new series of counter strike, counter strike launched this time with the title of his latest mods Counter Strike Cross Fire Summer Edition, and the game is much like an online game cross fire ..</div><div><br /></div><div><br /></div><div style="text-align: center;"><img height="240" src="http://mmohuts.com/wp-content/gallery/cross-fire/cross-fire-ally.jpg?ec9f9b" width="320" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkUjJLgeI0uSu1lqBMbMyFBy3NIVNrYIGVdm6omL7Q4IfjB5bzM4Gy0nuXn2E_3kljSbaJeP04f6lN13opziAvbOtZisLUYS9fICCuChSlZ3O4_6pF4WQJjh9hNDSngnFivFhVboEQg/s320/az9ibp.jpg" width="320" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /> </div><div style="text-align: center;"><span style="font-size: large;"><a href="http://adf.ly/CF74c"> Counter Strike Crossfire Summer Edition | Download</a></span></div><div style="text-align: center;"><span style="font-size: large;"><br /></span></div><div style="text-align: center;"><span style="font-size: large;"><br /></span></div><div style="text-align: center;"><span style="font-size: large;"><br /></span></div><div style="text-align: center;"><span style="font-size: large;"><br /></span></div><div style="text-align: left;">Post <span style="background-color: white; color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 18px;">Created By Arhenzscommunity.blogspot.com™</span></div><div style="text-align: center;"><br /></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-50144562641204049672012-08-25T15:00:00.000-07:002012-09-07T09:12:17.380-07:00Free Download Game The Amazing Spider-man Full Version (PC/ENG) IDWS And Other Link<div class="fullpost"><br /></div><div class="fullpost" style="text-align: center;"><img height="400" src="http://img.playground.ru/images/9/4/amazing.jpg" width="286" /> </div><div class="fullpost"><br /></div><div class="fullpost" style="text-align: center;">Free Download Game The Amazing Spider-man Full Version</div><div class="fullpost"><br /></div><div class="fullpost">The Amazing Spider-Man is a third-person open world action/adventure video game, a tie-in to the film of the same name featuring the Marvel Comics superhero, Spider-Man. It was developed by Beenox, developer of Spider-Man: Shattered Dimensions and Spider-Man: Edge of Time,[5] and published by Activision. It was released June 26, 2012[6][7][8] in North America and June 29, 2012 in Europe,[2] on Xbox 360, PlayStation 3, Nintendo DS, Android, and iOS, and PC.[3][9] The game was written and scripted by Seamus Kevin Fahey, of Battlestar Galactica fame,[1] and serves as an epilogue to The Amazing Spider-Man film.[8]</div><div class="fullpost">The Nintendo 3DS and Wii features a different, more linear game with the same script and plot. The game is not Open World, instead following a style of approach similar to that of Star Wars: The Force Unleashed, where the player selects a level from a Hub, in this case Peter's apartment, before playing a mostly linear level. It was natively designed for the 3DS, and later ported to the Wii. Beenox also developed this version.</div><div class="fullpost"><br /></div><div class="fullpost"><br /></div><div class="fullpost" style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjASDflHWVGB1w6iK8Z72SRjv0DF3nTA6g-hVM9T0czsfuF8wTn3_QZcFeI9c_ws_BMAHootPpUCZsmekTVNrfsfsYEUm5TfvkSplySDhsZq_UddSfTuOI9Ka1_0KRTF7VqBDMiAyYfTCt/s1600/screen+shot.png" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="172" src="http://www.gamedynamo.com/images/galleries/photo/1898/the-amazing-spider-man-pc-ps3-xbox-360-screenshots-8.jpg" width="320" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="172" src="http://www.gamedynamo.com/images/galleries/photo/1898/the-amazing-spider-man-pc-ps3-xbox-360-screenshots-9.jpg" width="320" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="171" src="http://i2.cdnds.net/12/28/618x332/gaming_the_amazing_spider_man_screenshot_3.jpg" width="320" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /> </div><div class="fullpost" style="text-align: center;"><span style="font-size: large;"><a href="http://adf.ly/CERwz">Download Game The Amazing Spider-man Full</a></span></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: left;">Post Created By Arhenzscommunity.blogspot.com™</div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost"></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-15477651404539946482012-08-24T13:58:00.000-07:002012-09-07T09:12:17.357-07:00Tips Mendownload Games Di Arhenzscommunity<div class="fullpost"></div><div><div style="text-align: center;"><img src="http://www.bcbekasi.org/foto_berita/18.jpg" /> </div></div><div><br /></div><div><br /></div><div>1. Pilih Games yg Anda suka</div><div><br /></div><div>2. Cek system requirement nya, dan pastikan komputer/laptop anda mampu menjalankan game tersebut</div><div><br /></div><div>3. Pastikan Semua Link Dalam Keadaan Aktif / Masih Bisa Digunakan.</div><div><br /></div><div>4. Cek Semua Part Dulu sebelum Mendownload, Apakah Aktif semua tidak?</div><div><br /></div><div>5. Lihat Comment Pd postingan , jika banyak yg berhasil sudah gpp silahkan download, </div><div><br /></div><div>6 Setelah Semua terdownload Baca panduan install di blog</div><div><br /></div><div>7. Enjoy Gaming..Semoga Berhasil..</div><div><br /></div><div><br /></div><div><br /></div><div><br /></div><div>Mohon maaf kalo Link di blog ini banyak yg mati. nanti saya usahakan mengganti link" yg dead tersebut..</div><div><br /></div><div>dan satu lagi...</div><div>tidak semua game yg ada di blog pernah saya mainkan, saya cuma membantu share aja..<br />dan tidak semua games di upload oleh Arhenzscommunity sendiri</div><div><br /><br /><div style="text-align: center;">Butuh dukungan kalian semua agar blog ini tetep hidup, lebih maju dan tentunya lebih baik lagi..</div></div><div><br /></div><div style="text-align: center;">Thanks All ^_^</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;">Arhenzscommunity.blogspot.com™</div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-75482717852271209602012-08-18T13:13:00.000-07:002012-09-07T08:49:59.337-07:00Tambahkan Custom Facebook Like Box Untuk Blogger<span class="awal">T</span>utorial kali ini saya akan menunjukkan kepada Anda tentang Cara Tambah Kustom Facebook Like Box Untuk Blogger. <a href="http://otowebsite.blogspot.com/2012/08/tambahkan-custom-facebook-like-box.html">Tambahkan Custom Facebook Like Box Untuk Blogger</a> adalah cara terbaik untuk mendapatkan lebih banyak penggemar facebook. Sebuah Fan Box atau Kotak Facebook memungkinkan pengunjung Blog anda menyukai halaman Anda Fans Facebook, tanpa meninggalkan blog Anda. Widget ini dibuat oleh line25.com.<br /><br />Disini saya telah menyingkat pekerjaan Anda agar Anda dapat lebih dengan mudah Menambahkan Custom Facebook Like Box Untuk Blogger Anda. Sebelumnya silahkan Anda lihat Priview dan Demonya di bawah ini, jangan lupa untuk meng-LIKE <a href="http://www.facebook.com/dekrif" target="_blank">Fans Oto Website</a> agar Anda dapat memantau <a href="http://otowebsite.blogspot.com/" target="_blank">Oto Website</a> melalui akun Facebook 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">Priview Custom Facebook Like Box</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEAbDqkwlgjDv1OV_UsgVPAk66NXCm7TOILOVKrG8jedW3GgRyTYT0mM-NNhVjcd0g6SIwvovTITLGOM7-JMkB9EN-r2P6bkHxEg6-ctRN1GXVtIJYPB7OaMJ9Vo3opAY1DB7tI2QEkg/s1600/fb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEAbDqkwlgjDv1OV_UsgVPAk66NXCm7TOILOVKrG8jedW3GgRyTYT0mM-NNhVjcd0g6SIwvovTITLGOM7-JMkB9EN-r2P6bkHxEg6-ctRN1GXVtIJYPB7OaMJ9Vo3opAY1DB7tI2QEkg/s1600/fb.jpg" /></a></div><br /><div class="YOUR HEADLINE CLASS i.e ow">Demo Custom Facebook Like Box Seperti Pada Kotak Berikut</div><br /><div style="background-color: white; border: 2px #000000 dashed; padding: 10px; text-align: left;"><div style="text-align: center;"><iframe frameborder="0" height="500" src="http://www.connect.facebook.com/widgets/fan.php?channel_url=http://latesthack.com/?fbc_channel=2&id=314174371016&name=&connections=28&stream=0&logobar=0&css=https://otowebsite-blogspot.googlecode.com/svn/trunk/Fb-hack.css" width="510"></iframe></div></div><br /><div class="YOUR HEADLINE CLASS i.e ow">Cara Tambah Custom Facebook Like Box Untuk Blogger</div><br />1. Pertama Anda harus mengetahui ID Facebook Fans Page Anda.<br /><br />2. Untuk Cara mengetahuinya silahkan Anda gunakan Facebook ID Finder dengan menekan tombol berikut.<br /><br /><br /><div style="text-align: center;"><a class="button" href="https://otowebsite-blogspot.googlecode.com/svn/trunk/OW-Facebook%20ID%20Finder.html" target="_blank"><b>Facebook ID Finder</b></a></div><br /><br />3. Pada Facebook ID Finder masukkan URL Facebook Fans Page Anda.<br /><br />4. Lalu Tekan tombol Get Id.<br /><br />5. Sekarang pergi ke Dasbor Blogger.<br /><br />6. Pilih Tata Letak ➨ Tambah Gadget ➨ Pilih elemen HTML/Java Script.<br /><br />7. Lalu copy kode berikut dan letakkan di dalamnya.<br /><div class="md4"><br /><iframe frameborder="0" height="<span style="background-color: #f6b26b;">250</span>" width="<span style="background-color: #93c47d;">300</span>" src="http://www.connect.facebook.com/widgets/fan.php?channel_url=http://otowebsite.blogspot.com/?fbc_channel=2&amp;id=<span style="background-color: #e06666;">ID_FACEBOOK</span>&amp;name=&amp;connections=<span style="background-color: yellow;">8</span>&amp;stream=0&amp;logobar=0&amp;css=https://otowebsite-blogspot.googlecode.com/svn/trunk/Fb-hack.css"></iframe></div><br /><b><span style="color: red;">Penyesuaian dan Keterangan:</span></b><br /><ul><li>Ganti <span style="background-color: #e06666;">ID_FACEBOOK</span> dengan ID Facebook Fans Page Yang Anda dapatkan dari Facebook ID Finder.</li><li>Angka <span style="background-color: #f6b26b;">250</span> menunjukkan tinggi widget ini.</li><li>Angka <span style="background-color: #93c47d;">300</span> menunjukkan lebar dari widget.</li><li>Angka <span style="background-color: yellow;">8</span> menunjukkan berapa jumlah penggemar yang akan kita tunjukkan.</li></ul>8. Akhirnya menyimpan dan melihat hasilnya!<br /><br /><div class="YOUR HEADLINE CLASS i.e ow">Bagaimana Kesan Anda ?!!</div><br />Jika Anda kurang suka dengan <a href="http://otowebsite.blogspot.com/2012/08/tambahkan-custom-facebook-like-box.html">Tambahkan Custom Facebook Like Box Untuk Blogger</a>, Anda bisa melihat tutorial Facebook lainnya yang berada di artikel berikut:<br /><ul><li><a href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html" target="_blank">Cara Membuat Facebook Like Auto Hide Di Blog</a>.</li><li><a href="http://otowebsite.blogspot.com/2012/06/facebook-pop-up-box-untuk-blogger.html" target="_blank">Facebook Pop-Up Box Untuk Blogger</a>.</li><li><a href="http://otowebsite.blogspot.com/2012/06/facebook-pop-up-box-v2.html" target="_blank">Facebook Pop-Up Box V2</a>.</li><li><a href="http://otowebsite.blogspot.com/2012/06/cara-membuat-facebook-like-auto-hide-di.html" target="_blank">Cara Membuat Facebook Like Auto Hide Di Blog - V2</a>.</li><li><a href="http://otowebsite.blogspot.com/2012/07/new-version-facebook-like-auto-hide-generator.html" target="_blank">New Version Facebook Like Auto Hide Blogger Widget Generator</a>.</li></ul>Semoga dapat bermanfaat dan dapat membantu Anda, Salam Blogger!Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-55979097093803854682012-08-17T18:21:00.000-07:002012-09-07T09:12:17.382-07:00Free Download Game Darkest of Days (PC/ENG) Direct Link<div class="fullpost" style="text-align: center;"><img src="http://upload.wikimedia.org/wikipedia/en/thumb/2/22/Darkest_of_Days_cover.jpg/256px-Darkest_of_Days_cover.jpg" /> </div><div class="fullpost"><br /></div><div class="fullpost"><br /></div><div class="fullpost"><br /></div><div class="fullpost">Darkest of Days</div><div class="fullpost"><br /></div><div class="fullpost">Developer: 8monkey Labs</div><div class="fullpost">Publisher: Phantom EFX</div><div class="fullpost">Genre: Shooter</div><div class="fullpost">Release Date: September 8, 2009 (US)</div><div class="fullpost">About Darkest of Days</div><div class="fullpost"><br /></div><div class="fullpost">In Darkest of Days, players travel back and forth through the annals time to relive some mankind’s most dire hours, when human society was at its lowest points. By fighting through terrible events such as The Battle of Antietam, the bloodiest conflict of the Civil War, and the volcanic eruption in Pompeii in the year 79, the player attempts to save certain key individuals who were never meant to become involved in these truly monstrous events and thereby change human history for the better.</div><div class="fullpost"><br /></div><div class="fullpost">Minimum System Requirements</div><div class="fullpost"><br /></div><div class="fullpost">OS: Windows XP (Service Pack 2)</div><div class="fullpost">Processor: 2.0 Ghz</div><div class="fullpost">Memory: 768 MB</div><div class="fullpost">Hard Drive: 5 GB available</div><div class="fullpost">Video Memory: 128 MB</div><div class="fullpost">Video Card: nVIDIA GeForce 6600 or ATI Radeon 9800</div><div class="fullpost">Sound Card: a working sound device</div><div class="fullpost">DirectX: 9.0c</div><div class="fullpost">Keyboard</div><div class="fullpost">Mouse</div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="200" src="http://www.insertcoinunlimited.com/darkest-of-days-screenshot.jpg" width="320" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="200" src="http://www.pcgameshardware.com/screenshots/medium/2009/08/Darkest-of-Days-Physx-05.jpg" width="320" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /> </div><div class="fullpost"><br /></div><div class="fullpost"><h3 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif;">Download Darkest of Days – Direct Links</h3><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5553" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 0 – Installer</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5554" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 1 – 620 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5555" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 2 – 620 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5556" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 3 – 620 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5557" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 4 – 620 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5558" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 5 – 620 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5559" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 6 – 620 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5560" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 7 – 620 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/5561" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 8 – 138 MB</a></h4><h3 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif;"><a href="http://3klinks.com/5562" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Crack</a></h3><div><br /></div><div>Post Created By Arhenzscommunity.blogspot.com™</div><div><br /></div></div><div class="fullpost"></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-67050937802326559582012-08-17T18:14:00.000-07:002012-09-07T09:12:17.396-07:00Free Download Game Red Faction: Guerrilla (PC/ENG) Direct Link<div class="fullpost"><br /></div><div class="fullpost" style="text-align: center;"><img height="320" src="http://www.octofoil.info/blog/content/redfactiong-cover2.jpg" width="225" /> </div><div class="fullpost"><br /></div><div class="fullpost"><br /></div><div class="fullpost">Red Faction: Guerrilla</div><div class="fullpost"><br /></div><div class="fullpost">Developer: Volition</div><div class="fullpost">Publisher: THQ</div><div class="fullpost">Genre: Shooter</div><div class="fullpost">Release Date: September 15, 2009 (US)</div><div class="fullpost">About Red Faction: Guerrilla</div><div class="fullpost"><br /></div><div class="fullpost">Red Faction: Guerrilla is a 3rd person, open-world action shooter set on Mars, 50 years after the events of the original Red Faction. Players take the role of an insurgent fighter with the newly re-established Red Faction movement as they battle for liberation from the oppressive Earth Defense Force. Throughout their fight for freedom, players carve their own path, wreaking havoc across the vast, open-world environment of Mars, from the desolate mining outpost of Parker to the gleaming EDF capital city of Eos.</div><div class="fullpost"><br /></div><div class="fullpost">Minimum System Requirements</div><div class="fullpost"><br /></div><div class="fullpost">OS: Windows XP/Vista</div><div class="fullpost">Processor: Intel Core 2 DUO E4400 (2 GHz)</div><div class="fullpost">Memory: 1 Gb</div><div class="fullpost">Hard Drive: 15 Gb free</div><div class="fullpost">Video Memory: 128 Mb</div><div class="fullpost">Video Card: ATI Radeon X1300 / NVIDIA GeForce 7600</div><div class="fullpost">Sound Card: DirectX Compatible</div><div class="fullpost">DirectX: 9.0c</div><div class="fullpost">Keyboard</div><div class="fullpost">Mouse</div><div class="fullpost">DVD Rom Drive</div><div class="fullpost">Recommended System Requirements</div><div class="fullpost"><br /></div><div class="fullpost">OS: Windows Vista</div><div class="fullpost">Processor: Intel Core 2 DUO E8500 (3.16 GHz)</div><div class="fullpost">Memory: 2 Gb</div><div class="fullpost">Hard Drive: 15 Gb free</div><div class="fullpost">Video Card: ATI Radeon HD 3850 / NVIDIA GeForce 8800</div><div class="fullpost">Sound Card: DirectX Compatible</div><div class="fullpost">DirectX: 10</div><div class="fullpost">Keyboard</div><div class="fullpost">Mouse</div><div class="fullpost">DVD Rom Drive</div><div class="fullpost"><br /></div><div class="fullpost"><br /></div><div class="fullpost" style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjASDflHWVGB1w6iK8Z72SRjv0DF3nTA6g-hVM9T0czsfuF8wTn3_QZcFeI9c_ws_BMAHootPpUCZsmekTVNrfsfsYEUm5TfvkSplySDhsZq_UddSfTuOI9Ka1_0KRTF7VqBDMiAyYfTCt/s1600/screen+shot.png" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="180" src="http://images.suite101.com/877183_com_redfaction.jpg" width="320" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="180" src="http://image.gamespotcdn.net/gamespot/images/2009/153/944784_20090603_screen006.jpg" width="320" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><h3 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif;">Download Red Faction: Guerrilla – Direct Links</h3><div align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"></div><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3329" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 1 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3330" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 2 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3331" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 3 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3332" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 4 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3333" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 5 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3334" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 6 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3335" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 7 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3336" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 8 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3337" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 9 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3338" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 10 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3339" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 11 – 700 MB</a></h4><h4 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif; font-size: 14px;"><a href="http://3klinks.com/3340" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Part 12 – 215 MB</a></h4><h3 align="center" style="background-color: #251e1b; color: #d1cbc1; font-family: 'century gothic', verdana, sans-serif;"><a href="http://3klinks.com/5564" style="background-color: transparent; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #ad4100; text-decoration: none;" target="_blank">Crack</a></h3><div><br /></div><div><br /></div><div><br /></div><div style="text-align: left;">Post Created By Arhenzscommunity.blogspot.com™</div></div><div class="fullpost"></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-86473025475544519282012-08-17T18:05:00.000-07:002012-09-07T09:12:17.416-07:00Free Download Game Police Force Full Version (PC/ENG) Link Update 2012 Mediafire,IDWS and Direct Link<div style="text-align: center;"><img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQBnClIblYgJvmOvLJwOQk5N9Bl0prmlpabNsE46yr5r4kYG-xKe8GX2zICxCrjLfLs2zP6dXXGl5K7lTYqfUT4ihfhabsC6eRiTWs83KSxBMCmFQWeibc3t5gaBzYsr5_sziTRg4tYCc/s320/police.jpg" width="225" /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><div style="text-align: left;"><div>Game Info</div><div>Title : Game Police Force 2012 Complete Full - RIP Version </div><div>Type : Download </div><div>Category : Action, Adventure, PC Games, Popular, Racing, Sport </div><div>There who do not know Police Force 2012 Full Version?</div><div>Police Force 2012 Full Version This is a simulation game where you are going to be a police officer who will be tasked with securing the situation of the city. Start of patrols, raids of people, to pursue a criminal pursuit. Not bad for filling empty time and relieving boredom. Please who want to try.</div><div>Police Force offers the opportunity to experience law enforcement like never before! Battle on the front line of crime as you take command of the policing for a Thriving German city. Emergency calls come thick and fast, dynamically generated to put your organizational skills to the test. Perform uniform Patrols to keep the city safe, in a huge open world, complete with night and day scenarios and changing weather.</div><div><br /></div><div><br /></div><div>Deal with serious accidents, set up radar speed traps, or hunt for car thieves whilst the routine of city life Continues. Experience dealing with everything from bank robberies, to a hostage crisis, to murder.</div><div><br /></div><div>As in any large city, public order is of paramount importance and you will be called to deal with outbreaks of disorder where your decision making skills are critical to keeping the peace as you hold the thin blue line.</div><div>Your police team is fully equipped with the latest in modern equipment, Including Handcuffs, high speed response vehicles, radius and firearms.</div><div><br /></div><div>Your successes will be rewarded with promotion as you climb the career ladder and strive to receive special honors in a career mode where only the finest officers will the make the grade.</div><div><br /></div><div>Minimum Requirement</div><div>style="text-align: justify;"></div><div>Windows XP / Windows Vista / Windows 7</div><div>Processor with 2.5 GHz</div><div>1 GB of RAM</div><div>DirectX 9-compatible PCI graphics card (at least GeForce 6/Radeon X1300 or comparable) with 256 MB VRAM</div><div>DVD-drive</div><div>5 GB free hard disk capacity</div><div><br /></div><div><br /></div><div>Recomended Requirements</div><div><br /></div><div>Dual-Core processor with 2 GHz</div><div>2 GB of RAM</div><div>DirectX 9-compatible PCI graphics card (GeForce 8 or at least comparable) with 512 MB VRAM</div><div>DirectX 9-compatible PCI graphics card (at least GeForce 6/Radeon X1300 or comparable) with 256 MB VRAM</div><div>DVD-drive</div><div>5 GB free hard disk capacity</div><div><br /></div><div><br /></div><div>How To Install:</div><div><br /></div><div>FULL VERSION:</div><div><br /></div><div>Download all the parts - extract with WinRAR</div><div>Extract the ISO file with PowerISO</div><div>Run 'setup.exe' to start the Install</div><div>Ready to play the game by running Police.exe</div><div>File launch game in: \ Quadriga Games \ Police Force \ bin.x86</div><div><br /></div><div>RIP VERSION:</div><div><br /></div><div>Download all the parts - Extract with WinRAR.</div><div>Run Setup.bat - Wait until the installation process is complete.</div><div>Game ready to play. (Run police.exe)</div><div><br /></div><div><br /></div><div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjASDflHWVGB1w6iK8Z72SRjv0DF3nTA6g-hVM9T0czsfuF8wTn3_QZcFeI9c_ws_BMAHootPpUCZsmekTVNrfsfsYEUm5TfvkSplySDhsZq_UddSfTuOI9Ka1_0KRTF7VqBDMiAyYfTCt/s1600/screen+shot.png" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img height="160" src="http://game.basiceasy.com/wp-content/gallery/police-force-2012-direct-download-game-software-music-full-version-wallpaper-basiceasy-com/police-force-2012-direct-download-game-software-music-full-version-wallpaper-basiceasy-com-3.jpg" width="320" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img alt="Police Force 2012" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVAKI1dN9XGAv_VhlIeoAjzdpAcSpjsv-lSRtAWp-CxmkU0gQdZrP4GMHuj4G2y8xZ0JDlHhBhqYoN71YgZ7Lpm5QHPYNhyphenhyphenoae3EWY9SMCs5xzhDqAupAJRsCbZu10AqOdJRBBg9grE6Y/s320/police4.jpg" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4CaEFmIAIdjoaNFRsKZ18XiY1iXoPFFEN_g_vN99-vINPziU86rb08rRoJiSkSiP7zoaQ_NvVGoglCNcpWa18UoUOXZDUIcjVnQoEUSeEbXDmj3F419cnDujQFcLiEVjFnMqQXXGJaY/s320/police+force+3.jpg" width="320" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /> </div><div style="text-align: center;"><span style="font-size: large;"><a href="http://adf.ly/Bza8B">Police Force Fast Link | Download </a></span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: left;">Post Created By Arhenzscommunity.blogspot.com™</div><div style="text-align: center;"><br /></div></div></div><div class="fullpost"></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-84219538637836861722012-08-16T14:02:00.000-07:002012-09-07T08:49:59.354-07:00CSS3 Image Gallery Blogspot<div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49yRDN9L8gHZA7bixVc9zB3tezdBwG68BYLg3-e5QhGH2uKZ_mcJOL7BOtjqPLhgf53JVZ5ssMgfLQJM8IHPOjKUkPPEvoorloZ-88YrCnBd5veEDfxJ3B0TYTIz0a6bKlY8qfGZwJQ/s640/CSS3+Image+Gallery+Blogspot.jpg" width="640" /></a></div><span class="awal">K</span>ali ini saya akan memperkenalkan kepada Anda pada sebuah tutorial menarik untuk gambar.<br />Ini adalah salah satu trick terbaik yang bisa Anda terapkan dan gunakan pada blog/situs Anda, dan untuk tutorial kali ini saya beri tema <a href="http://otowebsite.blogspot.com/2012/08/css3-image-gallery-blogspot.html" target="_blank">CSS3 Image Gallery Blogspot</a>. Trick ini bekerja dengan CSS3 dan tidak akan begitu berpengaruh pada kecepatan pemuatan blog/situs Anda.<br />Dengan Anda menggunakan <a href="http://otowebsite.blogspot.com/2012/08/css3-image-gallery-blogspot.html">CSS3 Image Gallery Blogspot</a> maka Anda dapat dengan mudah memamerkan koleksi foto-foto Anda pada pengunjung blog/situs Anda.<br />Untuk lebih jelasnya tentang <a href="http://otowebsite.blogspot.com/2012/08/css3-image-gallery-blogspot.html" target="_blank">CSS3 Image Gallery Blogspot</a> silahkan Anda lihat demonya terlebih dahulu.<br /><br /><div style="text-align: center;"><a class="button" href="https://otowebsite-blogspot.googlecode.com/svn/trunk/CSS3GalleryBlogspot.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">Cara Membuat CSS3 Image Gallery Blogspot</div><br />Disini saya akan memberikan Anda kode-kode yang di perlukan untuk membuat CSS3 Image Gallery Blogspot. Gunakan kode yang saya berikan berikut untuk membuatnya!<br /><br /><hr color="3e81c4" /><b><span style="color: #3d85c6; font-size: large;">CSS</span></b><br /><hr color="3e81c4" /><br /><pre class="brush:css;">#gallery {<br />border: 10px solid #1D0C16;<br />height: 300px;<br />width: 800px;<br />margin-left: auto;<br />margin-right: auto;<br />overflow: visible;<br />background: #272229;<br />/* Kotak efek bayangan di Safari dan Chrome*/<br />-webkit-box-shadow: #272229 10px 10px 20px;<br />/* Kotak efek bayangan di Firefox*/<br />-moz-box-shadow: #272229 10px 10px 20px;<br />/*Kotak efek bayangan di IE*/<br />filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=10);<br />/* Kotak efek bayangan di Browser yang mendukung, Opera 10,5 pra-alpha release*/<br />box-shadow: #272229 10px 10px 20px;<br />}<br /><br />#gallery ul{<br />/* Posisi isi ul di tengah galeri */<br />margin-left:-30px;<br />}<br /><br />#gallery ul li {<br />/* Untuk menciptakan efek yang tepat dengan melayang-layang kita harus menggunakan display inline-tabel<br />Ini akan menampilkan gambar besar di sebelah kanan thumbnail<br />*/<br />list-style:none; display:inline-table; padding:10px;<br />}<br /><br />/* Ini adalah pic untuk menampilkan saat efek yang melayang-layang terjadi selama li yang berisi thumbnail */<br />#gallery ul li .pic{<br />/* Animasi dengan transisi di Safari dan Chrome */<br />-webkit-transition: all 0.6s ease-in-out;<br />/* Animasi dengan transisi di Firefox (No supported Yet) */<br />-moz-transition: all 0.6s ease-in-out;<br />/* Animasi dengan transisi di Opera (No supported Yet)*/<br />-o-transition: all 0.6s ease-in-out;<br />/* The opacity menjadi 0 untuk menciptakan efek fadeOut*/<br />opacity:0;<br />visibility:hidden;<br />position:absolute;<br />margin-top:10px;<br />margin-left:-20px;<br />border:1px solid black;<br />/* Kotak efek bayangan di Safari dan Chrome*/<br />-webkit-box-shadow:#272229 2px 2px 10px;<br />/*Kotak efek bayangan di Firefox*/<br />-moz-box-shadow:#272229 2px 2px 10px;<br />/* Kotak efek bayangan di IE*/<br />filter:progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5);<br />/* box shadow effect in Browsers that support it, Opera 10.5 pre-alpha release*/<br />box-shadow:#272229 2px 2px 10px;<br />}<br /><br />#gallery ul li .mini:hover{<br />cursor:pointer;<br />}<br /><br />/* Ini menciptakan efek yang diinginkan menampilkan gambar ketika kita mengarahkan mouse ke thumbnail*/<br />#gallery ul li:hover .pic {<br />/ * Lebar dan tinggi adalah seberapa besar gambar akan pertumbuhan dengan efek * /<br />width:200px;<br />height:200px;<br />opacity:1;<br />visibility:visible;<br />float:right;<br />}</pre><br /><hr color="3e81c4" /><b><span style="color: #3d85c6; font-size: large;">HTML</span></b><br /><hr color="3e81c4" /><br /><pre class="brush:html;"><div id="gallery"><br /><ul><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuTDRpR6lL0EY6JCZmgHN73QhkfBSk31fdpLtrfgg8RVj9J8r_4Qmo3-gf2jcYhdlMzI4eWCxUu1jY_K8YpazlCz5K_YO1vwRKBcz8ZnRUN9FnLOVYixwGCIPxoyvPAoB6QajJ_Iesgg/s1600/transformers.jpg" class="mini" width="100" height="100" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuTDRpR6lL0EY6JCZmgHN73QhkfBSk31fdpLtrfgg8RVj9J8r_4Qmo3-gf2jcYhdlMzI4eWCxUu1jY_K8YpazlCz5K_YO1vwRKBcz8ZnRUN9FnLOVYixwGCIPxoyvPAoB6QajJ_Iesgg/s1600/transformers.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMBXeKAm_jskwLv1OEb1fQiPvaaPbNHYofD0N0ltjQDkBylDTzruOU4PXTGCphQd3zX0HUp9bv6-92S0111EkOkL4Q55iP3V7f98PnCi-7DL4ZJPQgRLfRzNMe2egD0v8yDt4Dflu_A/s1600/Transformers+3.jpg" class="mini" width="100" height="100" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMBXeKAm_jskwLv1OEb1fQiPvaaPbNHYofD0N0ltjQDkBylDTzruOU4PXTGCphQd3zX0HUp9bv6-92S0111EkOkL4Q55iP3V7f98PnCi-7DL4ZJPQgRLfRzNMe2egD0v8yDt4Dflu_A/s1600/Transformers+3.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrw9gOWm-WhDLUbYcRyb15iREZnqAjWwdckrTSYeumX81ezlxJwZ-RAkSNS4knpribn86S6TaX7Y90yjZRNzqg4urJSguUcDpZExiPHVhz5ISc-yaatZk24cc6jHLFqCRXiVLOmq-2oA/s1600/Transformers-Bumblebee-by-DevinePliskin.jpg" class="mini" width="100" height="100" alt="" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrw9gOWm-WhDLUbYcRyb15iREZnqAjWwdckrTSYeumX81ezlxJwZ-RAkSNS4knpribn86S6TaX7Y90yjZRNzqg4urJSguUcDpZExiPHVhz5ISc-yaatZk24cc6jHLFqCRXiVLOmq-2oA/s1600/Transformers-Bumblebee-by-DevinePliskin.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3SF-SwUNNmCZ8svC45vidaumC4VoUpvtNu80xQrZmOQVQ7Vt800gptH_xVtAIGvZgbke9fsXXeyvTL6ekvA-xJ4JrvnHhoKx_Ojwt2DjAoKWL0JIhw9QtbFHDOrOh4QIO4u9vKGfSWA/s1600/megan-fox-transformers-2.jpg" class="mini" width="100" height="100" alt="" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3SF-SwUNNmCZ8svC45vidaumC4VoUpvtNu80xQrZmOQVQ7Vt800gptH_xVtAIGvZgbke9fsXXeyvTL6ekvA-xJ4JrvnHhoKx_Ojwt2DjAoKWL0JIhw9QtbFHDOrOh4QIO4u9vKGfSWA/s1600/megan-fox-transformers-2.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1041XoSi5FZvPxpiBob7wdAMpKoHJ9ckEQDBLlGJZ8RM0xYzGlDbF26wJHPsVE2fdgHGntuQe83m8qCEKv9yAVxjsgQuaZRFwIQGykZn6jCWepmv6zyraPjXhfQ7ASBux_G1CRyCOA/s1600/transformers3(2).jpg" class="mini" width="100" height="100" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1041XoSi5FZvPxpiBob7wdAMpKoHJ9ckEQDBLlGJZ8RM0xYzGlDbF26wJHPsVE2fdgHGntuQe83m8qCEKv9yAVxjsgQuaZRFwIQGykZn6jCWepmv6zyraPjXhfQ7ASBux_G1CRyCOA/s1600/transformers3(2).jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6KvCwUN7UriCroqEuLwJafgGenjB1SfU7SZr6IcJAcGLJ6bgE__T-_5qvL29__JCWvlNhaxzo5UOrx2Xe179G6kQmux5h_d75q6ONJWb2jWkI_eu880M42vsmY7ItuDik_rMNvkrAoQ/s1600/transformers_movie_image_gallery_016.jpg" class="mini" width="100" height="100" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6KvCwUN7UriCroqEuLwJafgGenjB1SfU7SZr6IcJAcGLJ6bgE__T-_5qvL29__JCWvlNhaxzo5UOrx2Xe179G6kQmux5h_d75q6ONJWb2jWkI_eu880M42vsmY7ItuDik_rMNvkrAoQ/s1600/transformers_movie_image_gallery_016.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5eSUcG4Du-aC2tJujhn6iygU6fmzCu4v_G93a3mH1B9OLwM4O2AgEY4GxZEypKh7QiBlhViKmm6F7vSoIKwJhJzFc814jHDYHlvxPnrOCSj5cj5o4ZLS5um5fZcr5D-7ZnEtAdoCBw/s1600/transformers3.jpg" class="mini" width="100" height="100" alt="" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5eSUcG4Du-aC2tJujhn6iygU6fmzCu4v_G93a3mH1B9OLwM4O2AgEY4GxZEypKh7QiBlhViKmm6F7vSoIKwJhJzFc814jHDYHlvxPnrOCSj5cj5o4ZLS5um5fZcr5D-7ZnEtAdoCBw/s1600/transformers3.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdCTzbvxjyv6ZgsJnaodlv_gabQyNjVuif7yTphxIq0lkUngfiZMZ4LuNRnBVyoXEQ6j78J0V4X7xGhvGp8dd286a5YAy_9SgiovIkI-1qUY7gz4nWxU_27UcoFcPrsZ0jnf4cev6sSQ/s1600/Transformers_2_Optimus_Prime_3_by_CrossDominatriX5.png" class="mini" width="100" height="100" alt="" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdCTzbvxjyv6ZgsJnaodlv_gabQyNjVuif7yTphxIq0lkUngfiZMZ4LuNRnBVyoXEQ6j78J0V4X7xGhvGp8dd286a5YAy_9SgiovIkI-1qUY7gz4nWxU_27UcoFcPrsZ0jnf4cev6sSQ/s1600/Transformers_2_Optimus_Prime_3_by_CrossDominatriX5.png" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXvY2USNf3I_GWsxQV06497IfWV69BIyYVUk_nYGfpigPQ-wTlzhypZPauj9OA5MU_bfYxQjt-H1A2kqbztdsVwuW_FYjEErxWqFRTkRA5lBxEZquU_DV3DTsyfkU7RFBpvqYdWWwSaw/s1600/Transformers-313.jpg" class="mini" width="100" height="100" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXvY2USNf3I_GWsxQV06497IfWV69BIyYVUk_nYGfpigPQ-wTlzhypZPauj9OA5MU_bfYxQjt-H1A2kqbztdsVwuW_FYjEErxWqFRTkRA5lBxEZquU_DV3DTsyfkU7RFBpvqYdWWwSaw/s1600/Transformers-313.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrGQhMJlDcH3188_kDAZGvuXm_atuEvTjOYyk3yk86xCaS5BTBrB61VIz4wlc12b3ULD8D-pJMtbJoO3VlWP73qU4mvUO4CfzxCnimsNmLgxO5cXKtHMfVJR3jjDHLN2_oCaiM82oJg/s1600/wp_transformers1322_1280.jpg" class="mini" width="100" height="100" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrGQhMJlDcH3188_kDAZGvuXm_atuEvTjOYyk3yk86xCaS5BTBrB61VIz4wlc12b3ULD8D-pJMtbJoO3VlWP73qU4mvUO4CfzxCnimsNmLgxO5cXKtHMfVJR3jjDHLN2_oCaiM82oJg/s1600/wp_transformers1322_1280.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIRS3p-S2YzPMZl-JezK7rGgNkqY9ebRVdQFkSDWUOqDwZjMqdIGPZ5zsQfLtRhQbWFSUYDpi7YUYvNH47_lbqQFsaOIh5TMl73CGRLqHH2sCqwoJ2o6MBcwckGWnepkOVOWW_RATvw/s1600/20100802164107!Megatron.jpg" class="mini" width="100" height="100" alt="" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIRS3p-S2YzPMZl-JezK7rGgNkqY9ebRVdQFkSDWUOqDwZjMqdIGPZ5zsQfLtRhQbWFSUYDpi7YUYvNH47_lbqQFsaOIh5TMl73CGRLqHH2sCqwoJ2o6MBcwckGWnepkOVOWW_RATvw/s1600/20100802164107!Megatron.jpg" class="pic" /><br /></li><br /><li><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDI2os0znawfexR9toPM9vzdkp_ZxnO83rY_vFWhuWIxmZDZ8FH8bvE0-76s-xlNxkqqo0R6HqgLZpG1ESYNVr6oC7_X5PR5nhcaPnq-r3W79_GZ-rBrGrvoKMS7FVCFryUmVp-mxGg/s1600/megan-fox-transformers-3.jpg" class="mini" width="100" height="100" alt="" /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDI2os0znawfexR9toPM9vzdkp_ZxnO83rY_vFWhuWIxmZDZ8FH8bvE0-76s-xlNxkqqo0R6HqgLZpG1ESYNVr6oC7_X5PR5nhcaPnq-r3W79_GZ-rBrGrvoKMS7FVCFryUmVp-mxGg/s1600/megan-fox-transformers-3.jpg" class="pic" /><br /></li><br /></ul><br /></div></pre><br /><div class="YOUR HEADLINE CLASS i.e ow">Melakukan Perubahan dan Modifikasi</div>Anda dapat memodifikasi <a href="http://otowebsite.blogspot.com/2012/08/css3-image-gallery-blogspot.html">CSS3 Image Gallery Blogspot</a> ini dengan mengedit kode CSS di atas yang telah saya beri tanda dan jika Anda ingin bereksperimen sendiri.<br />Perhatikan Kode HTML di atas, ganti semua url gambar dengan url gambar Anda sendiri.<br />Jika Anda kesulitan mencari kode HTML dalam Template silahkan klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>.<br />Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-87911337928752318212012-08-14T13:03:00.000-07:002012-09-07T08:49:59.359-07:00Fixed Fade Out Menu<div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-bADm8EMz82t8jhwWMuzkYRai3hkO6mFBeCXWb7aFbaU_wEbLtGFmkyPGxehdHLK1C8IppyfAR5roDKwDsBm7SRfEvMgmurXVFSmGp6Z0MMXzvCukE7iKdCef7wV0sScaB5exrjLvIQ/s640/fixedFadeOutMenu.png" width="640" /></a></div><span class="awal">U</span>ntuk Tutorial Kali ini Saya Akan Membahas Cara Membuat <a href="http://otowebsite.blogspot.com/2012/08/fixed-fade-out-navigation-menu.html">Fixed Fade Out Menu</a> untuk Blogger. <a href="http://otowebsite.blogspot.com/2012/08/fixed-fade-out-navigation-menu.html">Fixed Fade Out Menu</a> Adalah Menu Navigasi Baru Yang Telah Ditambahkan Perpaduannya dengan CSS Dan JQuery Hingga Mempunyai Fungsi Dan Efek Scroll Fade Out Yang Patut Anda Coba.<br />Menu ini di buat oleh Codrops. Seperti yang saya bilang di atas menu ini sudah memiliki tombol top dan bottom, Untuk lebih jelasnya tentang <a href="http://otowebsite.blogspot.com/2012/08/fixed-fade-out-navigation-menu.html">Fixed Fade Out Menu</a> silahkan Anda lihat demonya terlebih dahulu!<br /><br /><div style="text-align: center;"><a class="button" href="http://otowebsite.16mb.com/Fixed%20menu.html" target="_blank"><b>Lihat Demo</b></a></div><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 Menginstal Fixed Fade Out Menu di Blogger</div><br />1. Pergi ke akun Blogger.<br /><br />2. Pada Dasbor klick Template ➨ Edit HTML.<br /><br />3. Centang <input checked="checked" id="expandWidgets" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati; font-size: small; margin: 0px 2px 4px; padding: 0.2em 0.4em;" type="checkbox" />Expand Template Widget ➨ Backup template Anda.<br /><br />4. Sekarang temukan kode <b><i><span style="color: red;">]]></b:skin></span></i></b> (bila kesulitan mencarinya coba klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>)<br /><br />5. Lalu tambahkan kode CSS berikut tepat di atas kode tadi.<br /><br /><pre class="brush:css;">#navix{<br />height:35px;<br />border-bottom:1px solid #ddd;<br />position:fixed;<br />top:0px;<br />left:0px;<br />right:0px;<br />background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4BfFOs_Dux0vNFsTnHm3gBCcwgGMhjP51ceq9n63VDQmw_q_9GorHERemevfczIsXuRfNMn3h-mHdc2mIJt0Ykic2o6JRqvUO37ySSEptYZt4Dbclt3Jwh1GZYkz-pI74XFQDUyWrxlM/s400/nav.png) repeat-x center left;<br />z-index:999999;<br />}<br />#navix ul{<br />height:25px;<br />list-style:none;<br />margin:6px auto 0px auto;<br />width:600px;<br />}<br />#navix ul li{<br />display:inline;<br />float:left;<br />margin:0px 2px;<br />}<br />#navix a{<br />font-size:11px;<br />font-weight:bold;<br />float:left;<br />padding: 2px 4px;<br />color:#999;<br />text-decoration: none;<br />border:1px solid #ccc;<br />cursor: pointer;<br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7snB7DhwYhmOq_jj_TLxmWoYdSzoIKBOUnEpaCfYz3yJbsFPTaMihRnpHvpmSib68iOJghbI0OOfsT43x30cMm71d8JP73rKyZzahskCuqI1uahcmddod60fx2hpO55GXCu91ypXZgHkN/s400/overlay.png) repeat-x center left;<br />height:16px;<br />line-height:16px;<br />}<br />#navix a:hover{<br />background:#D9D9DA none;<br />color: #fff;<br />}<br />#navix a.top span, #nav a.bottom span{<br />float:left;<br />width:16px;<br />height:16px;<br />}<br />#navix a.top span{<br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-gE8INrxTk-Fxyzk0hujgzgmOOKG3ikiBBtc_9pXRliZ75ooW98lEnYEBfS_ZZ3l7TJAlH0YXB_pyJgXTVcl1lfZ44tvT2Mp5I0FUHMm_233j4296MfxmkCdIOsw5NLTS-Lbb2id2fG1v/s400/top.png) no-repeat center center;<br />}<br />#navix a.bottom span{<br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf6knv_KmO2_ZzY2wYamLHqBRisGUKiaD81Jm1qsU67q0bDr7OGWUJyvdOrbowffyboMknb0jPGBd9N_Tgf8RO5brdn98LIYwu9brKCkKNlkLBkKFk99fnNx7onVvGebIZ5g50ywSx62TI/s400/bottom.png) no-repeat center center;<br />}<br /><br />#navix ul li.search{<br />float:right;<br />}<br />#navix input[type="text"]{<br />float:left;<br />border:1px solid #ccc;<br />margin:0px 1px 0px 50px;<br />padding:2px 2px 2px 2px;<br />}<br />input.searchbutton{<br />border:1px solid #ccc;<br />padding:1px;<br />cursor:pointer;<br />width:30px;<br />height:22px;<br />background:#E8E9EA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXzUOAGH6z8cPciUZLx0tUuQqZSD7Jx2XUXakS2s1Blg6uLJryLgICqh0v9_a7lR4lI4YZayjRY4KVGQkATYkn09VeJ9PDbN709rt9LdwTV0Uo9S1Zs_4aRm_GH07gUOBOTS13JqCpcg/s1600/otowebsite.search.png) no-repeat center center;<br />}<br />input.searchbutton:hover{<br />background-color:#D9D9DA;<br />}</pre><br />6. Sekarang temukan kode <b><i><span style="color: red;"></head></span></i></b> dan letakkan kode berikut tepat di atasnya.<br /><br /><pre class="brush:javascript;"><script type="text/javascript" src="http://otowebsite.googlecode.com/files/jquery-1.3.2.js"></script><br /><script type="text/javascript"><br />$(function() {<br />$(window).scroll(function(){<br />var scrollTop = $(window).scrollTop();<br />if(scrollTop != 0)<br />$('#navix').stop().animate({'opacity':'0.2'},400);<br />else<br />$('#navix').stop().animate({'opacity':'1'},400);<br />});<br /><br />$('#navix').hover(<br />function (e) {<br />var scrollTop = $(window).scrollTop();<br />if(scrollTop != 0){<br />$('#navix').stop().animate({'opacity':'1'},400);<br />}<br />},<br />function (e) {<br />var scrollTop = $(window).scrollTop();<br />if(scrollTop != 0){<br />$('#navix').stop().animate({'opacity':'0.2'},400);<br />}<br />}<br />);<br />});<br /></script></pre><br />7. Selanjutnya temukan kode <b><i><span style="color: red;"><body></span></i></b> dan copy kode berikut tepat di atasnya.<br /><br /><pre class="brush:html;"><div id="navix"><br /><ul><br /><li><a class="top" href="#top"><span></span></a></li><br /><li><a class="bottom" href="#bottom"><span></span></a></li><br /><li><a href=’YOUR_LINK_HERE‘>Link 1</a></li><br /><li><a href=’YOUR_LINK_HERE‘>Link 2</a></li><br /><li><a href=’YOUR_LINK_HERE‘>Link 3</a></li><br /><li><a href=’YOUR_LINK_HERE‘>Link 4</a></li><br /><li><a href=’YOUR_LINK_HERE‘>Link 5</a></li><br /><li><a href=’YOUR_LINK_HERE‘>Link 6</a></li><br /><li class="search"><br /><input type="text"/><br /><input class="searchbutton" type="submit" value=""/><br /></li><br /></ul><br /></div></pre><br /><blockquote class="tr_bq">Keterangan : Silahkan lakukan perubahan pada kode di atas, seperti memasang link/url Anda.</blockquote><br />8. Simpan template.<br /><div class="YOUR HEADLINE CLASS i.e ow">Ada Kesulitan ?!?</div>Jika Anda mengalami kesulitan dalam Instalasi <a href="http://otowebsite.blogspot.com/2012/08/fixed-fade-out-navigation-menu.html">Fixed Fade Out Menu</a> jangan sungkan untuk bertanya, saya akan membantu Anda, karna Saya ada disini!Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-749699217642471022012-08-13T12:25:00.000-07:002012-09-07T08:49:59.334-07:00Set Of Heading Tags Dengan Hover Effect Untuk Blog<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigfD_ABhFrj1mR-qOUBo6rNQgsl256tgzN1YTCOi4WkXss43S2X8E7_0gh6wBI-YSsi-tA0pyT39zxfEIZbyt2qeOBM8Ni610rB7uLATtO_gse2q28T0YYpWbfWzFL0bxqJUJU4t598w/s1600/mouse.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigfD_ABhFrj1mR-qOUBo6rNQgsl256tgzN1YTCOi4WkXss43S2X8E7_0gh6wBI-YSsi-tA0pyT39zxfEIZbyt2qeOBM8Ni610rB7uLATtO_gse2q28T0YYpWbfWzFL0bxqJUJU4t598w/s640/mouse.png" width="640" /></a></div><span class="awal">A</span>da banyak alasan yang baik untuk menggunakan tag judul untuk mendefinisikan dokumen HTML Anda dan memberikan struktur. Tapi desainer Web pada umumnya mendapatkan dalam kebiasaan tidak menggunakan tag judul, atau hanya menggunakan satu atau dua dokumen, foto dan menggunakan foto, tag font, dan teks bergaya sebagai gantinya.<br />Tapi menggunakan tag heading dapat membantu Anda dengan SEO, dengan aksesibilitas, dan dengan struktur umum.<br />Tags page.Headings membuat posting Anda lebih cocok dengan yang pembaca Anda dapat membaca properly. Saya telah membuat tag judul dengan CSS murni dan tidak akan berpengaruh pada kecepatan blog Anda.<br />Sekarang mari kita lihat bagaimana untuk menambahkannya di blog Anda.<br /><br />Berikut ini saya berikan beberapa Set Of Heading Tags Dengan Hover Effect yang telah saya buat dan anda dapat memilih saya telah membuatkan priviewnya/demo, CSS dan HTMLnya!<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Cara Menginstal Set Of Heading Tags Dengan Hover Effect Untuk Blog</span></b><span style="color: #3d85c6;"><b> Untuk Blogger</b></span><br /><hr color="#3e81c4" /><br />1. Pergi ke akun blogger Anda.<br /><br />2. Pada Dasbor klick Template ➨ Edit HTML.<br /><br />3. Sekarang temukan kode <b><i style="color: red;">]]></b:skin></i></b> (Bila kesulitan mencari kode HTML klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>)<br /><br />4. Lalu letakkan CSS berikut tepat di atasnya.<br /><br /><b>Penting:</b> Ingat hanya kode CSSnya saja, anda bisa meletakkan satu <b><u>CSS</u></b> atau lebih atau semuanya tergantung selera Anda.<br /><br /><hr /><br />Heading 1<br /><br /><div style="text-align: center;"><b><i><span style="font-size: large;">Preview</span></i></b></div><style>.ow1{ color: #6600FF; font-size: 20px; background: #BCF5A9; margin: 0px 0px 5px; padding: 3px 0 6px 10px; border-left:4px solid #FF0000; } .ow1:hover { background:#f2f2f2; ) </style><br /><div class="YOUR HEADLINE CLASS i.e ow1">Lorem Ipsum Dolor Sit Amet - By:Oto Website</div><br /><b><u>CSS</u></b><br /><br /><blockquote class="tr_bq">.ow1{<br />color: #6600FF;<br />font-size: 20px;<br />background: #BCF5A9;<br />margin: 0px 0px 5px;<br />padding: 3px 0 6px 10px;<br />border-left:4px solid #FF0000;<br />}<br />.ow1:hover {<br />background:#f2f2f2;<br />)</blockquote><br /><b><u>HTML</u></b><br /><br /><blockquote class="tr_bq"><div class="YOUR HEADLINE CLASS i.e ow1"><br /><span style="background-color: yellow;">Code Here</span><br /></div></blockquote><br /><hr /><br />Heading 2<br /><br /><div style="text-align: center;"><b><i><span style="font-size: large;">Preview</span></i></b></div><style>.ow2{ color: #000; font-size: 20px; font-family:Verdana; background: #fff; margin: 0px 0px 5px; padding: 3px 0 3px 10px; border-left:4px solid #FF0000; } .ow2:hover { background:#F6CECE; } </style><br /><div class="YOUR HEADLINE CLASS i.e ow2">Lorem Ipsum Dolor Sit Amet - By:Oto Website</div><br /><b><u>CSS</u></b><br /><br /><blockquote class="tr_bq">.ow2{<br />color: #000;<br />font-size: 20px;<br />font-family:Verdana;<br />background: #fff;<br />margin: 0px 0px 5px;<br />padding: 3px 0 3px 10px;<br />border-left:4px solid #FF0000;<br />}<br />.ow2:hover {<br />background:#F6CECE;<br />}</blockquote><br /><b><u>HTML</u></b><br /><br /><blockquote class="tr_bq"><div class="YOUR HEADLINE CLASS i.e ow2"><br /><span style="background-color: yellow;">Code Here</span><br /></div></blockquote><br /><hr /><br />Heading 3<br /><br /><div style="text-align: center;"><b><i><span style="font-size: large;">Preview</span></i></b></div><style>.ow3{ background:#FFFFFF; font-weight: bold; font-family:consolas; font-size:19px; color:#FA5858; text:1px 1px 1px #AAA; border-bottom:4px solid #Ff0000; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; -moz-box-shadow:1px 1px 22px #AAA; -webkit-box-shadow:1px 1px 2px #AAA; box-shadow:1px 1px 24px #AAA; text-transform:capitalize; display:block; width:96%;line-height:1; margin:6px 3px; padding:4px 10px} .ow3:hover { background:#E0E0F8; </style><br /><div class="YOUR HEADLINE CLASS i.e ow3">Lorem Ipsum Dolor Sit Amet - By:Oto Website</div><br /><b><u>CSS</u></b><br /><br /><blockquote class="tr_bq">.ow3{<br />background:#FFFFFF;<br />font-weight: bold;<br />font-family:consolas;<br />font-size:19px;<br />color:#FA5858;<br />text:1px 1px 1px #AAA;<br />border-bottom:4px solid #Ff0000;<br />-moz-border-radius:0 0 6px 6px;<br />-webkit-border-radius:0 0 6px 6px;<br />border-radius:0 0 6px 6px;<br />-moz-box-shadow:1px 1px 22px #AAA;<br />-webkit-box-shadow:1px 1px 2px #AAA;<br />box-shadow:1px 1px 24px #AAA;<br />text-transform:capitalize;<br />display:block;<br />width:96%;line-height:1;<br />margin:6px 3px;<br />padding:4px 10px}<br />.ow3:hover {<br />background:#E0E0F8;<br />}</blockquote><br /><b><u>HTML</u></b><br /><br /><blockquote class="tr_bq"><div class="YOUR HEADLINE CLASS i.e ow3"><br /><span style="background-color: yellow;">Code Here</span><br /></div></blockquote><br /><hr /><br />Heading 4<br /><br /><div style="text-align: center;"><b><i><span style="font-size: large;">Preview</span></i></b></div><br /><style>.ow4{ font-size:20px; padding:5px; font-family:consolas; color:#0000FF; text:1px 1px 1px #333; background:#CEF6CE; border-left:20px solid #FF0040; -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 ow4">Lorem Ipsum Dolor Sit Amet - By:Oto Website</div><br /><b><u>CSS</u></b><br /><br /><blockquote class="tr_bq">.ow4{<br />font-size:20px;<br />padding:5px;<br />font-family:consolas;<br />color:#0000FF;<br />text:1px 1px 1px #333;<br />background:#CEF6CE;<br />border-left:20px solid #FF0040;<br />-moz-border-radius: 6px;<br />-webkit-border-radius: 6px;<br />border-radius: 6px;<br />-moz-box-shadow: 1px 1px 2px #ccc;<br />-webkit-box-shadow: 1px 1px 2px #ccc;<br />box-shadow: 1px 1px 2px #333;<br />margin: 10px 0;<br />text-transform: capitalize;<br />width: 94%;<br />line-height:1;</blockquote><br /><b><u>HTML</u></b><br /><br /><blockquote class="tr_bq"><div class="YOUR HEADLINE CLASS i.e ow4"><br /><span style="background-color: yellow;">Code Here</span><br /></div></blockquote><br /><hr /><br />Heading 5<br /><br /><div style="text-align: center;"><b><i><span style="font-size: large;">Preview</span></i></b></div><br /><style>.ow5 { font-size:20px; font-family:verdana; border-left:10px solid #666; border-right:10px solid #666; padding:3px 5px 3px 20px; border-radius:15px; -moz-border-radius:15px; box-shadow:0px 0px 13px #666; -webkit-box-shadow:0px 0px 13px #666; -moz-box-shadow:0px 0px 13px #666; } .ow5:hover { color:#FF133F; border-left:10px solid #FF133F; border-right:10px solid #FF133F; box-shadow:0px 0px 13px #FF133F; -webkit-box-shadow:0px 0px 13px #FF133F; } </style><br /><div class="YOUR HEADLINE CLASS i.e ow5">Lorem Ipsum Dolor Sit Amet - By:Oto Website</div><br /><b><u>CSS</u></b><br /><br /><blockquote class="tr_bq">.ow5 {<br />font-size:20px;<br />font-family:verdana;<br />border-left:10px solid #666;<br />border-right:10px solid #666;<br />padding:3px 5px 3px 20px;<br />border-radius:15px;<br />-moz-border-radius:15px;<br />box-shadow:0px 0px 13px #666;<br />-webkit-box-shadow:0px 0px 13px #666;<br />-moz-box-shadow:0px 0px 13px #666;<br />}<br />.ow5:hover {<br />color:#FF133F;<br />border-left:10px solid #FF133F;<br />border-right:10px solid #FF133F;<br />box-shadow:0px 0px 13px #FF133F;<br />-webkit-box-shadow:0px 0px 13px #FF133F;<br />}</blockquote><br /><b><u>HTML</u></b><br /><br /><blockquote class="tr_bq"><div class="YOUR HEADLINE CLASS i.e ow5"><br /><span style="background-color: yellow;">Code Here</span><br /></div></blockquote><br /><hr /><br />Heading 6<br /><br /><div style="text-align: center;"><b><i><span style="font-size: large;">Preview</span></i></b></div><br /><style>.ow6{ color:#444; font-size:15px; font-weight:bold; font-style:italic; font-family:georgia; text-decoration:none; padding:6px 15px; border:1px solid #D3D3D3; -webkit-border-radius: 4px; border-radius: 4px; background:#E0F2F7; } .ow6:hover{ background:#ffffff; } </style><br /><div class="YOUR HEADLINE CLASS i.e ow6">Lorem Ipsum Dolor Sit Amet - By:Oto Website</div><br /><b><u>CSS</u></b><br /><br /><blockquote class="tr_bq">.ow6{<br />color:#444;<br />font-size:15px;<br />font-weight:bold;<br />font-style:italic;<br />font-family:georgia;<br />text-decoration:none;<br />padding:6px 15px;<br />border:1px solid #D3D3D3;<br />-webkit-border-radius: 4px;<br />border-radius: 4px;<br />background:#E0F2F7;<br />}<br />.ow6:hover{<br />background:#ffffff;<br />}</blockquote><br /><b><u>HTML</u></b><br /><br /><blockquote class="tr_bq"><div class="YOUR HEADLINE CLASS i.e ow6"><br /><span style="background-color: yellow;">Code Here</span><br /></div></blockquote><br />5. Simpan Template.<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Keterangan dan Cara Menggunakan</span></b><span style="color: #3d85c6;"><b> Untuk Blogger</b></span><br /><hr color="#3e81c4" /><br />Anda telah berhasil menginstal <a href="http://otowebsite.blogspot.com/2012/08/set-of-heading-tags-dengan-hover-effect.html">Set Of Heading Tags Dengan Hover Effect Untuk Blog</a> sekarng untuk memanggil kode tersebut Anda gunakan kode <b><u>HTML</u></b> di atas, sesuai dengan CSS yang Anda pilih dan ganti yang di block kuning dengan kode atau tag Anda sendiri.<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Modifikasi</span></b><br /><hr color="#3e81c4" /><br />Anda dapat berinspirasi sendiri dengan menggunakan CSS di atas, seperti Anda ingin merubah warna ataupun font bahkan latarnya, Untuk memodifikasi sendiri saya sarankan menggunakan <a href="http://otowebsite.blogspot.com/2012/07/ow-html-editor.html" target="_blank">OW - HTML Editor</a> untuk mempermudah kerja Anda.<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Ada Kesulitan ?!?</span></b><br /><hr color="#3e81c4" /><br />Saya harap Anda tidak menemukan kesulitan dalam membuat <a href="http://otowebsite.blogspot.com/2012/08/set-of-heading-tags-dengan-hover-effect.html">Set Of Heading Tags Dengan Hover Effect Untuk Blog</a>. Tapi jika Anda membutuhkan bantuan jangan sungkan untuk bertanya, Karna Saya Ada Disini!<br /><br />Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-44911048233735941282012-08-13T03:54:00.000-07:002012-09-07T08:49:59.315-07:00AddThis Floating Horizontal Share Bar Untuk Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigUG2kxWKFU2F2l9cd0a8MJbg606Rk-q7qOmys7WRuvv5jVuWQukitUe_baVk5v-IALR72Xy6o5mU53yuu0Vs5dWtMQq0lHM6osK9CbCPoTBltTRTbOo0fNeo59MDjnLdFcjaR1vzRPg/s1600/share+bar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigUG2kxWKFU2F2l9cd0a8MJbg606Rk-q7qOmys7WRuvv5jVuWQukitUe_baVk5v-IALR72Xy6o5mU53yuu0Vs5dWtMQq0lHM6osK9CbCPoTBltTRTbOo0fNeo59MDjnLdFcjaR1vzRPg/s640/share+bar.jpg" width="640" /></a></div><span class="awal">A</span>ddThis adalah salah satu situs share and boomarks yang keberadaannya sangat membantu para blogger. Widget AddThis banyak sekali di gunakan oleh para blogger tidak lain tidak bukan karena mereka ingin agar pengunjung bisa membagikan artikel atau keberadaan blog mereka kepada teman-teman yang lain.<br /><br />Di artikel ini saya akan berbagi widget addthis kembali kepada Anda, dan kali ini temanya adalah AddThis Floating Horizontal Share Bar Untuk Blogger. Widget ini sangat keren, akan melayang di bagian atas dan disertai tombol close.<br /><br />Yang perlu Anda kethui bahwa widget ini diciptakan oleh AddThis.com dan saya merubah gadget ini agar bekerja dengan sempurna pada blog Anda.<br /><br />Saya telah membuat instalasi semudah mungkin karena Anda hanya harus menyalin dan menyisipkan dua potongan kode. Sekarang lihat demo terlebih dahulu sebelum menerapkannya pada blog Anda.<br /><br /><div style="text-align: center;"><a class="button" href="http://www.addthis.com/pages/labs-demo-horizontal-bar" target="_blank"><b>Lihat Demo</b></a></div><br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Cara Menginstal AddThis Floating Horizontal Share Bar</span></b><span style="color: #3d85c6;"><b> Untuk Blogger</b></span><br /><hr color="#3e81c4" /><br />1. Login ke akun blogger Anda.<br /><br />2. Pada Dasbor klick Template ➨ Edit HTML.<br /><br />3. Sekarang temukan kode <b><span style="color: red;"><i></head></i></span></b> (Bila kesulitan mencari kode HTML coba klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>)<br /><br />4. Sekarang letakkan kode berikut tepat di atas kode tadi.<br /><br /><div class="md1"><br /><br /><script type="text/javascript"><br />var addthis_config = {<br /> bar_show_below : 150<br />}<br /></script><br /><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/addthis_widget.js"></script></div><br />5. Selanjutnya temukan kode <b><i><span style="color: red;"></body></span></i></b> dan letakkan kode berikut tepat di atasnya.<br /><br /><div class="md7"><div class="addthis_bar addthis_bar_medium"><br /> <label>Share This Page:</label><br /> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"><br /> <span><a class="addthis_button_preferred_1"></a></span><br /> <span><a class="addthis_button_preferred_2"></a></span><br /> <span><a class="addthis_button_preferred_3"></a></span><br /> <span><a class="addthis_button_preferred_4"></a></span><br /> <span><a class="addthis_button_compact"></a></span><br /> <span><a class="addthis_counter addthis_bubble_style"></a></span><br /> </div><br /></div></div><br />6. Simpan template.<br /><br />Sekarang Anda bisa lihat hasilnya pada blog Anda!Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-17240841657615312202012-08-12T12:36:00.000-07:002012-09-07T08:49:59.305-07:00jQuery Follow Us Dengan Social Icons Untuk Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQo0IDQXPshm9sAZ3Zti1NdlgiTyMmSbD43mpn5dFsww1bpZxzoEmlIcJz3SpXimFs_pAJf1fRkCN25zpbfE9vtj9pLArwVk6Ynh6m9oENW1QXcSkjc4g2D-B_FGG9GqqVItkX24Rug/s1600/sa.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQo0IDQXPshm9sAZ3Zti1NdlgiTyMmSbD43mpn5dFsww1bpZxzoEmlIcJz3SpXimFs_pAJf1fRkCN25zpbfE9vtj9pLArwVk6Ynh6m9oENW1QXcSkjc4g2D-B_FGG9GqqVItkX24Rug/s320/sa.jpg" width="320" /></a></div><span class="awal">H</span>ari ini Oto Website akan berbagi tutorial dan untuk tutorial kali ini temanya adalah <a href="http://otowebsite.blogspot.com/2012/08/jquery-follow-us-dengan-social-icons.html">jQuery Follow Us Dengan Social Icons Untuk Blogger</a>.<br />Ini adalah widget Follow Us yang memiliki beberapa icon di antaranya icon rss, berlangganan, facebook dan twitter. Widget ini sangat indah dan para blogger harus mencobanya karna blog Anda layak menjadi lebih Indah.<br /><br />Untuk cara mengistal <a href="http://otowebsite.blogspot.com/2012/08/jquery-follow-us-dengan-social-icons.html">jQuery Follow Us Dengan Social Icons Untuk Blogger</a> ini juga sangat mudah,. Sebelum kita membahas cara menginstalnya pada blog Anda lebih baik Anda lihat dulu demonya dengan menekan tombol di bawah ini!<br /><br /><div style="text-align: center;"><a class="button" href="http://otowebsite.16mb.com/jqueryfollowus.html" target="_blank"><b>Lihat Demo</b></a></div><br /><hr color="3e81c4" /><b><span style="color: #3d85c6;">Cara Menginstal jQuery Follow Us Dengan Social Icons Untuk Blogger</span></b><br /><hr color="3e81c4" /><br />Seperti yang saya bilang di atas untuk menginstal <a href="http://otowebsite.blogspot.com/2012/08/jquery-follow-us-dengan-social-icons.html">jQuery Follow Us Dengan Social Icons Untuk Blogger</a> sangatlah mudah, silahkan ikuti petunjuk berikut untuk mulai menginstalnya pada blogger Anda.<br /><br />1. Pergi ke akun blogger Anda.<br /><br />2. Pada Dasbor klick Template ➨ Edit HTML.<br /><br />3. Centang <input checked="" id="expandWidgets" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati; font-size: small; margin: 0px 2px 4px; padding: 0.2em 0.4em;" type="checkbox" />Expand Template Widget ➨ Backup template Anda.<br /><br />4. Selanjutnya dalam Edit HTML temukan kode <b><i><span style="color: red;">]]></b:skin> </span></i></b>(Bila kesulitan mencari kode HTML klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>)<br /><br />5. Lalu letakkan kode css berikut tepat di atas kode tadi<br /><br /><blockquote class="tr_bq">#social {<br />width: 98%;<br />height: 45px;<br />margin: 0;<br />padding: 10px 5px 5px 30px;<br />list-style: none;<br />border-right:solid 1px #853529;<br />position: relative;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLzB1cYE_d1v8WHS6DpWaYM7SPR46sxthxjSThirWPx4hwSZcE-4XxA3PMujIjnJoc7G7rVe67WJBbyaVDh5tQD2wsf3Olt28Lcv8DSEsm_16B1ZEcmN7jbooKt_QJbOUp53VNilPo6Q/s1600/otowebsite_background.png) no-repeat left top;<br />}<br />#social p{<br />font-size:1.5em;<br />color:#FFFB98;<br />font-weight:bold;<br />float:left;<br />margin: 10px 10px 0 0;<br />text-shadow: 1px 1px 0px #000000;<br />filter: dropshadow(color=#000000, offx=1, offy=1);<br />}<br />.abt{<br />font-size:0.8em;<br />color:#787878;<br />float:right;<br />margin: 0 -30px 0 0;<br />text-shadow: 1px 1px 0px #ffffff;<br />filter: dropshadow(color=#ffffff, offx=1, offy=1);<br />}<br />#social li {<br />width: 32px;<br />height: 32px;<br />float: left;<br />margin-right: 3px;<br />}<br />#social li a {<br />float: left;<br />display: block;<br />width: 100%;<br />height: 100%;<br />text-indent: -1000em;<br />background-repeat: no-repeat;<br />text-decoration: none;<br />}<br />#social #rss {<br />background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZzbGw2DDyWI85zbEPeBq7LRaFtxDz8ZkAqE3m20gc_BBT95hT3krwBiJX8x8gdq3GiRmR-cixjf55ZsxaN45TVpAftFEEkGnTo1pJyQck4IkVGi-geNhIUrO_z8qDl13-HSRFii1-A/s1600/otowebsite_rss.png);<br />}<br />#social #facebook {<br />background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuAvgtQRTvd1GsYamXtENIxY7sX2834_f95gD3DD7K393WUw-ykpEcb04rLij23TMRkSyGDpMqbDS9v6AqwFi4V8_W5Ac7St2AeBtfMHrR9x2wQ4vmmLPkAqlVHRA8UerwPmKpz9qWmw/s1600/otowebsite_facebook.png);<br />}<br />#social #twitter {<br />background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7dLufq9AnPqlqkk0vMVkU4T-x1FEQW4SFJpwjxw3gCl8UqfLhIHxf4qpFXwYX0zXckh5hXoIAcF445sBdmBzUcbClJhW6lvxyvYHiuLhdDc2hEcEIzgLEECxpb3Tooa3EYHl8Tuaoaw/s1600/otowebsite_twitter.png);<br />}<br />#social #mail {<br />background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoAa2yqwRVesIivKEXyjr7Zr6vXSRDdKbKomN_Z4r37NzVrM_7pVsHT-L5A1AnTRFfMWTWxscccOFAC3i5eTODhbunQDt5VrdJ5WRPCPFomQ1U71dRaji5yLuJnmmUGL2EX-XVMYgL5Q/s1600/otowebsite_email.png);<br />}<br />span.tooltip {<br />background: #575757;<br />padding: 3px;<br />display: block;<br />width: 140px;<br />border: 1px solid #000000;<br />position: absolute;<br />margin-top:-40px;<br />color: #F0F0F0;<br />font-size:10px;<br />text-indent: 0;<br />font: Arial, sans-serif;<br />text-align: center;<br />-webkit-box-shadow: inset 2px 2px 2px #616161;<br />-moz-box-shadow: inset 2px 2px 2px #616161;<br />box-shadow: inset 2px 2px 2px #616161;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}</blockquote><br />6. Langkah selanjutnya temukan kode <b><i><span style="color: red;"></body></span></i></b> dan letakkan kode berikut tepat di atasnya.<br /><br /><div><div><blockquote class="tr_bq"><script type='text/javascript'><br />window.setTimeout(function() {<br />document.body.className = document.body.className.replace('loading', '');<br />}, 10);<br /></script><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />//<![CDATA[<br />$(document).ready(function() {<br />$('#social li').each(function() {<br />var $li = $(this);<br />var title = $li.find('a').attr('title');<br />$li.find('a').removeAttr('title');<br />$('<span class="tooltip"/>').text(title).appendTo($li.find('a')).hide();<br /><br />$li.find('a').mouseover(function() {<br /><br />var top = $(this).position().top;<br />var left = $(this).position().left;<br />$(this).find('span').fadeIn()({<br />top: top,<br />left: left<br />}, 'slow');<br />});<br />$li.find('a').mouseout(function() {<br /><br />$(this).find('span').fadeOut('slow');<br /><br />});<br />});<br /><br />});<br />//]]><br /></script></blockquote></div></div><div><br />6. Simpan Template.<br /><br /></div><div>7. Sekarang Pergi ke Dasbor ➨ Tata Letak.<br /><br />8. Tambah gadget ➨ Pilih elemen HTML/Java Script.<br /><br />9. Lalu letakkan script berikut ke dalamnya.</div><div><br /></div><blockquote class="tr_bq"><ul id="social"><br /><p>Follow Us </p><br /><li><a href="<span style="background-color: #e06666;">http://Nama Blog.blogspot.com</span>/feeds/posts/default?alt=rss" id="rss" title="Follow Our Feeds">Rss</a></li><br /><li><a href="<span style="background-color: #e06666;">http://feedburner.google.com/fb/a/mailverify?uri=otowebsite</span>" id="mail" title="Subscribe To Our News Letter">Mail</a></li><br /><li><a href="<span style="background-color: #e06666;">https://www.facebook.com/pages/dekrif</span>" id="facebook" title="Be Our FaceBook Fan">Facebook</a></li><br /><li><a href="<span style="background-color: #e06666;">http://twitter.com/otowebsite</span>" id="twitter" title="Follow Us On Twitter">Twitter</a></li><br /></ul><br /><b class="abt"><a href="http://otowebsite.blogspot.com/2012/08/jquery-follow-us-dengan-social-icons.html">Get This Widget</a> | By <a href="http://www.latesthack.com">Oto Website</a></b></blockquote><br /><ul><li><b>Keterangan:</b> Ganti semua teks yang di block merah dengan id Anda sendiri.</li></ul><br />10. Simpan.<br /><br />Sekarang Anda bisa lihat hasilnya pada blog Anda.<br /><br /><hr color="3e81c4" /><b><span style="color: #3d85c6;">Cara Menginstal jQuery Follow Us Dengan Social Icons Untuk Blogger</span></b><br /><hr color="3e81c4" /><br />Jika Anda mengalami kesulitan atau masalah dalam penginstalan <a href="http://otowebsite.blogspot.com/2012/08/jquery-follow-us-dengan-social-icons.html">jQuery Follow Us Dengan Social Icons Untuk Blogger</a> jangan sungkan untuk bertanya melalui komentar, Saya akan berusaha dengan cepat membalas komentar Anda!<br />Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-87667587149718550432012-08-12T05:26:00.000-07:002012-09-07T08:49:59.357-07:00Entri Populer Dengan Slide - Part 4<span class="awal">E</span>ntri Populer Dengan Slide - Part 4.<br />Di dalam tutorial <a href="http://otowebsite.blogspot.com/" target="_blank">Oto Website</a> kali ini saya akan membahas <a href="http://otowebsite.blogspot.com/2012/08/entri-populer-dengan-slide-part-4.html">Entri Populer Dengan Slide - Part 4</a> untuk melengkapi artikel sebelumnya. Ini adalah trick sederhana dan sangat mudah.<br />Seperti yang pernah saya sebelumnya Entri Populer adalah Entri/artikel blog Anda yang paling sering di baca oleh pengunjung blog Anda jadi saya rasa tidak perlu menjelaskan lagi tentang Entri Populer dan Apa itu Entri Populer.<br />Dan perlu Anda ketahui Script ini di buat oleh Abu Fahran untuk melihat hasil dari penerapan <a href="http://otowebsite.blogspot.com/2012/08/entri-populer-dengan-slide-part-4.html">Entri Populer Dengan Slide - Part 4</a> di blogger bisa Anda lihat contoh gambar berikut.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNppBJRscID0dNqzxx5iE1oIjkfmpY2HsMcFk5sEM5FsYL2P-H60gYP25-CZ1rYsIEH4f8-iAo5JyqyQRihXOKuQNBRltnCWDoYX7WPBxswyCqeMcWMSFbvxOX6VDKauvdr2k_eFfPVw/s1600/b.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNppBJRscID0dNqzxx5iE1oIjkfmpY2HsMcFk5sEM5FsYL2P-H60gYP25-CZ1rYsIEH4f8-iAo5JyqyQRihXOKuQNBRltnCWDoYX7WPBxswyCqeMcWMSFbvxOX6VDKauvdr2k_eFfPVw/s640/b.bmp" width="640" /></a></div><div style="text-align: center;"><span style="font-size: x-small;">Hasil penerapan Entri Populer Dengan Slide - Part 4</span></div><div style="text-align: center;"><br /></div><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Artikel Sebelumnya</span></b><br /><hr color="#3e81c4" /><br />Perlu juga Anda ketahui juga, sebelumnya <a href="http://otowebsite.blogspot.com/" target="_blank">Oto Website</a> pernah membahas Entri Populer yang lainnya di antaranya:<br /><ul><li><a href="http://otowebsite.blogspot.com/2012/06/entri-populer-dengan-slide-part-1.html" target="_blank">Entri Populer Dengan Slide - Part 1</a>.</li><li><a href="http://otowebsite.blogspot.com/2012/07/entri-populer-dengan-slide-part-2.html" target="_blank">Entri Populer Dengan Slide - Part 2</a>.</li><li><a href="http://otowebsite.blogspot.com/2012/07/entri-populer-dengan-slide-part-3.html" target="_blank">Entri Populer Dengan Slide - Part 3</a>.</li></ul><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Cara membuat Entri Populer Dengan Slide - Part 4</span></b><br /><hr color="#3e81c4" /><br />1. Pergi ke akun blogger Anda.<br /><br />2. Pada Dasbor klick Tata Letak ➨ Tambah Gadget ➨ Pilih Entri Populer dan Simpan (Penempatan Entri Populer seperti gambar berikut)<br /><br /><div style="text-align: center;"><span style="font-size: xx-small;">Contoh penerapan Widget Entri Populer dan Widget HTML/Java Script.</span></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLimZn9SwJCHvEor-21LDqLGREd-Hra4iY-0FiX4y3vfnYOCHIj9x2fRovydDjdoQvTc8GIAhYiyHQ4ThCj2NiyRq3EZXWBwPM1PQNTsKk7yUP1qJrmAQl7zSjXPj5duigjYpyM8RM_4c/s1600/aa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLimZn9SwJCHvEor-21LDqLGREd-Hra4iY-0FiX4y3vfnYOCHIj9x2fRovydDjdoQvTc8GIAhYiyHQ4ThCj2NiyRq3EZXWBwPM1PQNTsKk7yUP1qJrmAQl7zSjXPj5duigjYpyM8RM_4c/s400/aa.png" width="400" /></a></div><br /><br />3. Lalu tambah Gadget ➨ Pilih elemen HTML/Java Script ➨ Copy kode berikut dan paste atau letakkan di dalamnya (Penempatan elemen HTML/Java Script seperti pada gambar di atas).<br /><br /><blockquote class="tr_bq"><style><br />@charset "utf-8";<br />/* CSS Document */<br />.lof-slidecontent, .lof-slidecontent a {<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#FFF;<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />.lof-slidecontent a.readmore{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#58B1EA;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:95%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />.lof-slidecontent{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>overflow:hidden;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>border:#F4F4F4 solid 1px;<br />}<br />.lof-slidecontent .preload{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>height:100%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:100%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:absolute;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>top:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>left:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>z-index:100000;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:#FFF<br />}<br />.lof-slidecontent .preload div{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>height:100%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:100%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_load-indicator.gif) no-repeat scroll 50% 50%;<br />}<br />.lof-main-outer{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>height:100%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:800px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>z-index:3px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>overflow:hidden;<br />}<br /><br />/*******************************************************/<br />.lof-main-item-desc{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>z-index:100px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:absolute;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>bottom:50px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>left:0px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:350px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/bg_trans.png);<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>height:100px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>/* filter:0.7(opacity:60) */<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:10px;<br />}<br />.lof-main-item-desc p{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0 8px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:8px 0<br />}<br />.lof-main-item-desc h3{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0<br />}<br />.lof-main-item-desc h2{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:15px 0 0 0px;<br />}<br />.lof-main-item-desc h3 a{<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:#C01F25;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:75%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:2px 3px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>text-transform:uppercase;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration:none<br />}<br />.lof-main-item-desc h3 a:hover{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration:underline;<br />}<br />.lof-main-item-desc h3 i {<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:70%;<br />}<br />/* main flash */<br />ul.lof-main-wapper{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>/* margin-right:auto; */<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>overflow:hidden;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_load-indicator.gif) no-repeat scroll 50% 50%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0 !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:absolute;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>overflow:hidden;<br />}<br />ul.lof-main-wapper li{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>overflow:hidden;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0px !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>float:left;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br />}<br />.lof-opacity li{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:absolute;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>top:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>left:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>float:inherit;<br />}<br />ul.lof-main-wapper li img{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0px !important;<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />/* item navigator */<br />.lof-navigator-wapper {<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:absolute;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>bottom:10px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>right:10px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_transparent_ow.png) repeat;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:5px 0px;<br />}<br />.lof-navigator-outer{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>z-index:100;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>height:180px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:310px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>overflow:hidden;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#FFF;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>float:left<br />}<br />ul.lof-navigator{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>top:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:absolute;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:100%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:none !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-top: 0 !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-left: 0 !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-right: 0 !important;<br />}<br />ul.lof-navigator li{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:hand !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>list-style:none !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0 !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-left:0px !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>overflow:hidden !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>float:left !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>display:block !important;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center !important;<br />}<br />ul.lof-navigator li img{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>border:#666 solid 3px;<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />ul.lof-navigator li.active img, ul.lof-navigator li:hover img {<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>border:#A8A8A8 solid 3px;<br />}<br />.lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:22px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>height:30px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#FFF;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer;<br />}<br />.lof-navigator-wapper .lof-next {<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>float:left;<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span>text-indent:-999px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-right:5px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/arrow-l.png) no-repeat right center;<br />}<br />.lof-navigator-wapper .lof-previous {<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>float:left;<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span>text-indent:-999px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-left:5px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/arrow-r.png) no-repeat left center;<br />}<br />#lofslidecontent45 {width:880px;height:340px;}<br />.lof-main-outer {width:880px; height:340px;}<br />.lof-main-wapper img {height:340px !important; width:880px !important}<br />.lof-navigator-wapper img {height:32px !important; width:80px !important}<br /></style><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/jquery.easing.js"></script><br /><script language="javascript" type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/scriptlofblogv2.js"></script><br /><script type="text/javascript"><br /> $(document).ready( function(){<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span>var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>next:$('#lofslidecontent45 .lof-next') };<br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span>$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>direction<span class="Apple-tab-span" style="white-space: pre;"> </span>: 'opacitys',<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span>easing<span class="Apple-tab-span" style="white-space: pre;"> </span>: 'easeOutBounce',<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>duration<span class="Apple-tab-span" style="white-space: pre;"> </span>: 1200,<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>auto<span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span>: true,<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>maxItemDisplay : 4,<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>navPosition : 'horizontal', // horizontal<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>navigatorHeight : 32,<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>navigatorWidth : 80,<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>mainWidth:880,<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>buttons<span class="Apple-tab-span" style="white-space: pre;"> </span>: buttons} );<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span>});<br /></script></blockquote><br />4. Simpan.<br /><br /><br />Sekarang Anda bisa lihat hasilnya!<br /><br />Saya rasa cukup untuk kali ini, silahkan tinggalkan tanggapan atau komentar Anda tentang postingan/article di atas!Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-64071904900370628692012-08-11T18:24:00.000-07:002012-09-07T09:12:17.390-07:00Free Download Game Death Rally Full Version (PC/ENG) Link Fast Mediafire<div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3CSbooJAa2hLqoweGI53nFoTSvkp6S26TRiimUM1uFZ_Rd8tuSFM6j3xwxBjhpF1uVbhEzvZde4-04UmlNwZc7-ro1TZ-gU4M7YrLKGE7rwNJMjGoze5RmnjHQyNPk5TpED8d1RoZAcUa/s320/DEATH+RALLY.jpg" width="235" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;">Name: Death Rally</div><div class="fullpost" style="text-align: center;">Genre: Racing</div><div class="fullpost" style="text-align: center;">RAR Size: 500 MB</div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;">Description:</div><div class="fullpost" style="text-align: center;">You are a fan of racing shooter genre? Do not wait anymore, go to Death Rally.</div><div class="fullpost" style="text-align: center;">Death Rally is a racing game in which actions, in most of the race will not be a top target of the riders. Instead, full of life and death battles fierce on the track will be a highlight to the players go from surprise to surprise the other. To be successful in Death Rally, has two basic strategies that players can apply. First, players can invest their effort to create a vehicle carrying penchant speed. Then, overcoming the enemy in the accelerated phase or bends will become easier than ever. However, this will mean that your car will become "plaque" for opponents weapon tests. If not careful, leave the field once again will be those uncomfortable moments for you. In addition, players can also have another way to complete the task brilliantly. That is to destroy your opponents in the race appears to interfere. With the carry many weapons, your car will become heavy, the burst speed will not be effective but in return, the bombardment of enemy vehicles and watch them explode gives you the great emotional and sometimes, it's worth more than the most about.</div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;">System Requirements:</div><div class="fullpost" style="text-align: center;">* OS: Windows 7 </div><div class="fullpost" style="text-align: center;">Processor: AMD K10 series, for example Athlon X2 or Intel Pentium Dual Core, or faster </div><div class="fullpost" style="text-align: center;">* Memory: 4 GB RAM </div><div class="fullpost" style="text-align: center;">* Graphics: DirectX 10 compatible with 512 MB memory, or faster </div><div class="fullpost" style="text-align: center;">* DirectX ® 10 </div><div class="fullpost" style="text-align: center;">* Hard Drive: 600 MB HD space </div><div class="fullpost" style="text-align: center;">* Sound: DX9.0c compatible </div><div class="fullpost" style="text-align: center;">* Other Requirements: Broadband Internet connection </div><div class="fullpost" style="text-align: center;">* Additional: Even Slower systems may run the game, but may have problems with multiplayer compatibility</div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="225" src="http://www.ggsgamer.com/wp-content/uploads/2012/07/Death-Rally-screenshot-1.jpg" width="400" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="225" src="http://metalarcade.net/wp-content/uploads/2012/08/Death-Rally-screenshot-71.jpg" width="400" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img height="225" src="http://www.vgblogger.com/wp-content/uploads/Games/DeathRallySteam/DeathRally_10.jpg" width="400" /> </div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /> </div><div class="fullpost" style="text-align: center;"><span style="font-size: large;"><a href="http://adf.ly/BnFQd">Death Rally Full Version | Download</a></span></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: center;"><br /></div><div class="fullpost" style="text-align: left;">Post Created By Arhenzscommunity.blohspot.com™</div><div class="fullpost" style="text-align: center;"><br /></div><div><br /></div><div class="fullpost"></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-34057703738456454702012-08-11T18:06:00.000-07:002012-09-07T09:12:17.369-07:00Free Download Game River Simulator 2012 (PC/ENG) Link Fast<div style="text-align: center;"><img height="400" src="http://img2.picload.org/image/dricwda/3up6w3li.jpg" width="283" /> </div><div style="text-align: center;"></div><div style="text-align: center;"> </div><div style="text-align: center;"><br /></div><div style="text-align: center;">Free Download The Games River Simulator 2012 Full Version ~ Link Download From ShareBeast ~ Genre: Simulation Games ~ File Size 1.15GB | In this simulation game you will be faced with a tricky thing to get a challenge to get behind the wheel of seven different vessels in the inland waters and there are also several other vehicle designed for transportation on the water like a big ship transporting containers or vessels ferry and complete different missions. here there is going to handle some enemy ships or small boats enemy.</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img src="http://best1linkmovies.com/movies/images/river-simulator-2012-postmortem-3.jpg" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img src="http://best1linkmovies.com/movies/images/river-simulator-2012-postmortem-2.jpg" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /></div><div style="text-align: center;"><span style="font-size: large;"><a href="http://adf.ly/BnDTq">River Simulator 2012 | Download</a></span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: left;">Created By Arhenzscommunity.blogspot.com™</div><div style="text-align: center;"><br /></div><div class="fullpost"></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-73687367952625699082012-08-11T17:36:00.000-07:002012-09-07T08:49:59.332-07:00Tambahkan CSS3 Drop Down Menu Untuk Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7mRF-V25HqeTc5vOwxqSUjag3B3FI0Mz6h3mkvsAttEr6ncOZiYxfuFVpA00WzoecXp5533W2Iv8fUarukCd4C4fktQyoJaFgk04dKEjmuF8jddiXYzSwem9CExNzdtixPntepZcgog/s1600/otowebsite.dropdownmenu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7mRF-V25HqeTc5vOwxqSUjag3B3FI0Mz6h3mkvsAttEr6ncOZiYxfuFVpA00WzoecXp5533W2Iv8fUarukCd4C4fktQyoJaFgk04dKEjmuF8jddiXYzSwem9CExNzdtixPntepZcgog/s1600/otowebsite.dropdownmenu.jpg" /></a></div><span class="awal">C</span>SS3 Menu adalah cara terbaik untuk mengatur link penting di blog Anda agar terlihat rapi. CSS3 Menu juga membantu pembaca Anda untuk menavigasi melalui blog dengan mudah.<br />Tambahkan CSS3 Drop Down Menu Untuk Blogger Anda juga meningkatkan keindahan blog Anda bahwa mengapa Navigasi Menu memainkan peran penting dalam meningkatkan blog Anda SEO atau lalu lintas di blog.<br />Saya sedikit banyak telah berbagi Menu tetapi yang satu ini sedikit berbeda dari sebelumnya juga keuntungan terbesar dari menu ini adalah terbuat dari CSS3 murni dan hanya dua gambar kecil yang digunakan dalam menu ini sehingga menu ini tidak akan mempengaruhi pada blog Anda pada saat waktu pemuatan. Jadi mari kita lihat bagaimana untuk menambahkannya ke blogger blog? Sebelumnya silahkan demonya di bawah ini!<br /><br /><div style="text-align: center;"><b><span style="font-size: large;"><i>Live Demo ▼</i></span></b></div><br /><div style="background-color: white; border: 2px #a40629 dashed; padding: 10px; text-align: left;"><iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/red-css3-menu.html" style="height: 280px; width: 100%;"></iframe></div><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Tambahkan CSS3 Drop Down Menu Untuk Blogger</span></b><br /><hr color="#3e81c4" /><br />Untuk cara Menambahkan atau Membuat CSS3 Drop Down Menu Untuk Blogger ini juga sangatlah mudah untuk caranya Anda bisa ikuti instruksi berikut ini:<br /><br />1. Pergi ke Akun blogger Anda.<br /><br />2. Pada Dasbor klick Tata Letak ➨ Tambah Gadget.<br /><br />3. Pilih elemen HTML/Java Script.<br /><br />4. Lalu copy kode css berikut dan letakkan ke dalam elemen HTML/Java Script tadi.<br /><br /><pre class="brush:css;"><style> /*Start Css Menu*/<br />.menu {<br /> border: none;<br /> border: 0px;<br /> margin: 0px;<br /> padding: 0px;<br /> font-family: verdana,geneva,arial,helvetica,sans-serif;<br /> font-size: 14px;<br /> font-weight: bold;<br /> color: 8e8e8e;<br />}<br /><br />.menu ul {<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguepW1xN0Xl9NX0c8yx0CuCsONk4A0RuViPCMDTv0PSnJU8-YzWOsautxCpmDQafJ9RXYA-UaL81yt0G-oo_lYtNMan3QC5wL_B-WUYFTbyuRhEdjSMiH86HNGLoOr8GSP8AOIRI4ZAv0/s1600/otowebsite.blogspot.com-menu-bg.gif) top left repeat-x;<br /> height: 43px;<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br />}<br /><br />.menu li {<br /> float: left;<br /> padding: 0px 8px 0px 8px;<br />}<br /><br />.menu li a {<br /> color: #666666;<br /> display: block;<br /> font-weight: bold;<br /> line-height: 43px;<br /> padding: 0px 25px;<br /> text-align: center;<br /> text-decoration: none;<br />}<br /><br />.menu li a:hover {<br /> color: #000000;<br /> text-decoration: none;<br />}<br /><br />.menu li ul {<br /> background: #e0e0e0;<br /> border-left: 2px solid #a80329;<br /> border-right: 2px solid #a80329;<br /> border-bottom: 2px solid #a80329;<br /> display: none;<br /> height: auto;<br /> filter: alpha(opacity=95);<br /> opacity: 0.95;<br /> position: absolute;<br /> width: 225px;<br /> z-index: 200;<br />/*top:1em;<br />/*left:0;*/<br />}<br /><br />.menu li:hover ul {<br /> display: block;<br />}<br /><br />.menu li li {<br /> display: block;<br /> float: none;<br /> padding: 0px;<br /> width: 225px;<br />}<br /><br />.menu li ul a {<br /> display: block;<br /> font-size: 12px;<br /> font-style: normal;<br /> padding: 0px 10px 0px 15px;<br /> text-align: left;<br />}<br /><br />.menu li ul a:hover {<br /> background: #949494;<br /> color: #000000;<br /> opacity: 1.0;<br /> filter: alpha(opacity=100);<br />}<br /><br />.menu p {<br /> clear: left;<br />}<br /><br />.menu #current {<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8s7RS76vymfoogjqAAL5ho8q2Ti5FEd2WwEytqDl7bYaFg2n-53Sg9oEsisQ42_Govjqt8lp4LpNqX5EqMvJxnduy5EaIbUikJ5j19HWOmufeykOQ4e9-Zl2qwXXu37pLRPnopx_tzGA/s1600/otowebsite.blogspot.com-current-bg.gif) top left repeat-x;<br /> color: #ffffff;<br />}<br /><br />/*End Css Menu from http://www.otowebsite.blogspot.com/*/<br /></style> <br /><br /><br /><div class="menu"><br /> <ul><br /> <li><a href="#" id="current">Home</a></li><br /> <li><a href="#">Products</a><br /> <ul><br /> <li><a href="#">Drop Down CSS Menus</a></li><br /> <li><a href="#">Horizontal CSS Menus</a></li><br /> <li><a href="#">Vertical CSS Menus</a></li><br /> <li><a href="#">Dreamweaver Menus</a></li><br /> </ul><br /> </li><br /> <li><a href="#">FAQ</a><br /> <ul><br /> <li><a href="#">Drop Down CSS Menus</a></li><br /> <li><a href="#">Horizontal CSS Menus</a></li><br /> <li><a href="#">Vertical CSS Menus</a></li><br /> <li><a href="#">Dreamweaver Menus</a></li><br /> </ul><br /> </li><br /> <li><a href="#">Contact</a></li><br /> <li><a href="http://www.otowebsite.blogspot.com/">Create This</a></li><br /> </ul><br /></div></pre><br />5. Sebelum menyimpan sebaiknya Anda lakukan sedikit perubahab pada css di atas.<br /><br />Sekarang ganti tanda # dengan link Anda sendiri.<br />Mengganti teks menu dengan teks menu Anda sendiri yang ingin ditampilkan pada menu.<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Kustomisasi</span></b><br /><hr color="#3e81c4" /><br />Catatan - saya sangat menyarankan Anda untuk menggunakan <a href="http://otowebsite.blogspot.com/2012/07/ow-html-editor.html" target="_blank">OW HTML Editor</a> untuk membuat perubahan.<br />Anda dapat melihat live preview dari menu Anda dengan menggunakan <a href="http://otowebsite.blogspot.com/2012/07/ow-html-editor.html" target="_blank">OW HTML Editor</a>, Copy semua kode diatas dan paste ke editor..<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Selanjutnya Bantuan?</span></b><br /><hr color="#3e81c4" /><br />Banyak pemula blogger mendapat masalah saat menambahkan link dan texts. Jika Anda mendapatkan masalah yang sama maka Anda cukup menghubungi saya melalu komentar Saya akan berusaha secepat mungkin menjawab pertanyaan Anda.<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Drop Down Menu Lainnya . . .</span></b><br /><hr color="#3e81c4" /><br />Anda juga dapat melihat dan menggunakan Drop Down Menu lainnya yang berada pada artikel <a href="http://otowebsite.blogspot.com/" target="_blank">Oto Website</a>!<br />Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-6571124641331822422012-08-10T16:56:00.000-07:002012-09-07T08:49:59.321-07:00Widget Jam animasi flash Untuk Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijAWIR33HgvyCIbkYEDhXJjnCQiZU4L4DoMec0Fgr7oghjtkTNfcahkEC94W87MB-4X8fAlYOtIHm7-BPtocaiTwH0W84e_f5-H_LDTgOYeBLiAoVU3YJ4g8L0YKUG26-jPlCz_wQGpg/s1600/Add+Animated+Flash+Clock+otowebsite.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijAWIR33HgvyCIbkYEDhXJjnCQiZU4L4DoMec0Fgr7oghjtkTNfcahkEC94W87MB-4X8fAlYOtIHm7-BPtocaiTwH0W84e_f5-H_LDTgOYeBLiAoVU3YJ4g8L0YKUG26-jPlCz_wQGpg/s1600/Add+Animated+Flash+Clock+otowebsite.jpg" /></a></div><span class="awal">W</span>idget Jam animasi flash adalah salah satu widget paling umum untuk widget blogger dan webmaster di letakkan di situs Web mereka / blog adalah sebuah Jam dan jam Calendar memberikan tampilan yang indah untuk sebuah website.<br /><br />Jam adalah keharusan untuk blog pribadi. jadi saya telah menciptakan generator untuk widget ini karena Anda dapat dengan mudah menambahkan widget ini ke blog Anda yang berada dalam artike ini: <a href="http://otowebsite.blogspot.com/2012/08/tambahkan-widget-jam-animasi-flash.html">Widget Jam animasi flash Untuk Blogger</a>.<br /><br />Sebelumnya saya mengucapkan banyak terimakasih kepada <a href="http://flash-clocks.com/">http://flash-clocks.com/</a> karna telah menyediakan Jam animasi flash di situs mereka, dan perlu Anda ketahui juga bahwa widget ini saya dapatkan dari situs tersebut dan saya hanya menggabungkannya menjadi satu sehinggan dapat dengan mudah membantu kerja Anda.<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Cara Menggunakan Generator Jam animasi flash</span></b><br /><hr color="#3e81c4" /><br />Sebenarnya saya tidak perlu menjelaskan bagaimana cara menggunakan generator ini, karna sebelumya saya sudah membahas caranya yang sangat simple di generator-generator sebelumnya.<br /><br />Saya akan jelaskan saja agar Anda lebih mengerti.<br /><ul><li>Tekan tombol untuk menggunakan generator.</li><li>Pilih jenis jam di generator.</li><li>Isi Tinggi dan Lebar dari Widget.</li><li>Klik tombol "Genetate" untuk menginstal.</li><li>Sesuaikan sendiri judul dari widget.</li><li>Terakhir, klik "Add to Blogger" untuk menambahkannya ke blog Anda.</li></ul><br /><div style="text-align: center;"><a class="button" href="http://otowebsite.16mb.com/Clock%20Generator.html" target="_blank"><b>Widget Generator</b></a></div><br />Bila Anda mengalami kesulitan dalam menggunakan generator ini jangan sungkan untuk bertanya karna saya ada disini!<br />Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-23996024682972303492012-08-10T10:43:00.000-07:002012-09-07T09:12:17.367-07:00Free Download Game Marvel : Ultimate Alliance RIP Version (PC/ENG) Link Update 2012 Mediafire,IDWS and Direct Link<div class="separator" style="background-color: #010101; clear: both; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: center;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghdlXBKO1N9QupOswVHaOacG0JCksZL5NmuoTcQU7hiiMX4H-QHBwSmT8ouqwHQ6_IjdTYzZvkKDUqi5ENqeo35-AyMWb06jUZKgXmIGFBJIKzMNEakyMks4q9A6QFo1CcbFxPlo63w0A/s320/69991042.jpg" style="background-attachment: initial; background-clip: initial; background-color: #212020; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(66, 67, 57); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(66, 67, 57); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(66, 67, 57); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(66, 67, 57); border-top-style: solid; border-top-width: 1px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" width="234" /></div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: center;"><b>Download Marvel : Ultimate Alliance RIP Version | PC Game | English | 880 MB</b></div><br style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;" /><span style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"></span><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Download Marvel: Ultimate Alliance adalah game aksi RPG yang menampilkan banyak karakter komik Marvel. Kali ini Activision akan menghadirkan kembali seluruh jagoan Marvel dalam seri yang keduanya.</div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Game ini akan mengadaptasi alur kisah pada masa Civil War, dimana para superhero ini terpecah dan terbagi dalam dua kubu. Konflik terjadi ketika pemerintah AS ingin menerapkan Superhuman Registration Act yang mengharuskan para superhero heroes meregistrasi identitas mereka kepada pemerintah U.S dan bersedia menjadi Agent Pemerintah.</div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Dalam hal ini, Iron Man memilih untuk bekerja sama dengan pemerintah Amerika dan mendukung progam tersebut, sementara Captain America bertindak sebaliknya. Akhirnya konfrontasi di antara dua kubu ini pun tak terelakkan. Menurut info, game ini akan menampilkan banyak sekali tokoh superheroes Marvel, diantaranya adalah Deadpool!!</div><br style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;" /><span style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"></span><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Untuk soal Gameplaynya Vicarious Visions sebagai developer tetap mempertahanan sistem Fusion, dimana superheroes dapat saling menggabungan kekuatannya menjadi gabungan yang lebih kuat dan unik.</div><br style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;" /><span style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"></span><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: center;"><b>Gambar:</b></div><div class="separator" style="background-color: #010101; clear: both; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: center;"><img border="0" height="197" src="http://www.megindo.net/gamestation//userfiles/r/mua23.jpg" style="background-attachment: initial; background-clip: initial; background-color: #212020; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(66, 67, 57); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(66, 67, 57); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(66, 67, 57); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(66, 67, 57); border-top-style: solid; border-top-width: 1px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" width="400" /></div><br style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;" /><span style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"></span><div class="separator" style="background-color: #010101; clear: both; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: center;"><img border="0" height="199" src="http://www.megindo.net/gamestation//userfiles/r/mua22.jpg" style="background-attachment: initial; background-clip: initial; background-color: #212020; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(66, 67, 57); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(66, 67, 57); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(66, 67, 57); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(66, 67, 57); border-top-style: solid; border-top-width: 1px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" width="400" /></div><br style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;" /><span style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"></span><b style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;">System Requirements:</b><br style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;" /><span style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"></span><ul style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"><li>OS: Windows 2000/XP</li><li>CPU: Pentium Dual Core at 2.1 GHz or equivalent</li><li>RAM: 1 GB</li><li>HDD: 8 GB free disk space</li><li>Graphics: 256 MB vRAM</li><li>Sound Card: DirectX 9 Compatible</li><li>DirectX: Version 9.0c</li></ul><span style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"></span><b style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"></b><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"><br /></div><div style="background-color: #010101; color: red; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /> </div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; line-height: 20px; text-align: center;"><b><a href="http://adf.ly/Bkdo1"><span style="font-size: large;">Marvel : Ultimate Alliance RIP Version | Download</span></a></b></div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: center;"><span style="font-size: medium;"><span style="font-size: x-small;">password : </span></span><b>HENSHIN</b></div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: center;"><br /></div><div style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><b>Cara Install:</b></div><ol style="background-color: #010101; color: #a3a58a; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 20px;"><li>Ekstrak File</li><li>Jalankan setup-7z.bat</li><li>Tunggu Sampai Proses Unpacking Selesai</li><li>Jalankan MUA.exe atau Game.exe di folder system</li></ol><div class="fullpost"></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-68082337567094752802012-08-10T10:31:00.000-07:002012-09-07T09:12:17.398-07:00Free Download Game AyoDance Offline (PC/ENG) Link Indowebster Fast<div style="text-align: center;"><img height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyZYv-o3bsMNNVG6Pki1SGjB6m2z31RbSVTYpY8BGacvJ3eiQzz7q879PWzVUg4fdkbvf-R5sEeL_IuimC-ytcZz3cIydc4O7dM1d7_8K9wVe6wfffZaES2Y0tE7Gr3G341d6l-WaHZdui/s320/AyoDance.jpg" width="320" /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;">Game AyoDance Offline.. semua orang penggemar game online pasti sudah mengenal yang namanya game danca yg satu ini yaitu game ayo dance.. nah bedanya yg saya share ini.. game ayodance ini bisa dimainkan secara offline.. atau sebut juga AyoDance Offline 3D.. barang yg gk ada internet tapi pengen maen game ini.. nah download aja mumpung masih ada.. </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_LtrYZPWu4NQDwBPWpCfgYDIk6OMylpHENEgVBf5S5ZaRE9RYoLstnzU_sZn0ZHLkxSHYPZTQsCC9rT2CvXJ3BhC0wWBRKRgFMDeVjYO0fogstWMdp_jW28jBlbO_3FzRtSRGiABe_ox/s1600/images.jpeg" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_xL7bzwGF49cmtpFB3-zYLzgC2UfPUAwSeA3U-Z_s3bTspoEm-D9x_vMxtgH-8zwAr1T2Rvcz8Ud79PMpP7XwqOnDuyWLpL5v2WfM1i7_hGdTVQwSCwKv7YK8ltD2j5bB_Pnj4JPqrwU5/s320/b.jpeg" width="320" /> </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><img src="http://irvanlana.files.wordpress.com/2011/10/download1.png?w=450" /> </div><div style="text-align: center;"><span style="font-size: large;"><a href="http://adf.ly/BkdNu">Download Game AyoDance Offline</a></span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: left;">Post Created By Arhenzscommunity.blogspot.com™</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div class="fullpost"></div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-58891890001703025802012-08-10T02:51:00.000-07:002012-09-07T08:49:59.318-07:00Breadcrumbs Navigation Untuk Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRCp-8x80xyCs11Mt6U7eaxsyG4615S3HrMtou4BfBN1NdiDVtewo4WOaAJWaz_7LA-7P_Z3ISfg-mderkeVTcxY0ZXrU4hKRjFJHR3VKP0Ifno9WQ7a7DiezywSCL7fWCB36Y-ABXg/s1600/backgroum.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRCp-8x80xyCs11Mt6U7eaxsyG4615S3HrMtou4BfBN1NdiDVtewo4WOaAJWaz_7LA-7P_Z3ISfg-mderkeVTcxY0ZXrU4hKRjFJHR3VKP0Ifno9WQ7a7DiezywSCL7fWCB36Y-ABXg/s1600/backgroum.gif" /></a></div><span class="awal">M</span>enambahkan <a href="http://otowebsite.blogspot.com/2012/08/breadcrumbs-navigation-untuk-blogger.html">Breadcrumbs Navigation Untuk Blogger</a> adalah salah satu cara untuk membuat blog/situs menjadi seo.<br />Menambahkan <a href="http://otowebsite.blogspot.com/2012/08/breadcrumbs-navigation-untuk-blogger.html">Breadcrumbs Navigation Untuk Blogger</a> membantu pembaca Anda untuk melacak posisi mereka di blog Anda dengan menunjukkan jejak breadcrumb dengan cara ini ( Home »Label Nama» Judul Posting ) Ini navigasi muncul tepat di atas dari judul posting Anda dan link yang jejak dari homepage untuk title. Posting juga pilihan untuk menampilkan beberapa label dalam navigasi yaitu jika posting apapun memiliki lebih dari satu label maka ia akan menampilkan semua ide. Breadcrumbs Navigation asli diberikan oleh HOCTRO dan Aneesh dari bloggerplugins lebih lanjut dapat bekerja seperti di atas.<br /><br /><hr color="#3e81c4" /><b><span style="color: #3d85c6;">Cara Menambahkan Breadcrumbs Navigation Untuk Blogger</span></b><br /><hr color="#3e81c4" /><br />1. Pergi ke akun blogger Anda.<br /><br />2. Pada Dasbor klick Template Edit HTML.<br /><br />3. Centang <input checked="" id="expandWidgets" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati; font-size: small; margin: 0px 2px 4px; padding: 0.2em 0.4em;" type="checkbox" />Expand Template Widget ➨ Backup template Anda.<br /><br />4. Sekarang Anda harus bisa mencari kode HTML, bila kesulitan mencari kode HTML silahkan klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>.<br /><br />5. Dalam Edit HTML temukan kode berikut<br /><br /><blockquote class="tr_bq"><b:include data='top' name='status-message'/></blockquote><br />Tepat di atasnya letakkan kode ini<br /><br /><blockquote class="tr_bq"><b:include data='posts' name='breadcrumb'/></blockquote><br />6. Sekarang cari kode di bawah ini (jika Anda menemukan dua kode yang sama, maka pilih yang kedua)<br /><br /><blockquote class="tr_bq"><b:includable id='main' var='top'></blockquote><br />Tepat di atasnya sisipkan kode berikut<br /><br /><blockquote class="tr_bq"><!-- Breadcrumb Navigation By http://www.otowebsite.blogspot.com/ --><br /><b:includable id='breadcrumb' var='posts'><br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><b:if cond='data:blog.pageType == "static_page"'><br /><div class='breadcrumbs'><br /> <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pagename/></span><br /></div><br /><b:else/><br /><b:if cond='data:blog.pageType == "item"'><br /><!-- breadcrumb for the post page --><br /><b:loop values='data:posts' var='post'><br /><b:if cond='data:post.labels'><br /><div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#"><br /> <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == "true"'><br /> » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span><br /> </b:if><br /> </b:loop><br /> » <span><data:post.title/></span><br /></div><br /><b:else/><br /><div class='breadcrumbs'><br /> <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span><br /></div><br /></b:if><br /></b:loop><br /><b:else/><br /><b:if cond='data:blog.pageType == "archive"'><br /><!-- breadcrumb for the label archive page and search pages.. --><br /><div class='breadcrumbs'><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pagename/></span><br /></div><br /><b:else/><br /><b:if cond='data:blog.pageType == "index"'><br /><div class='breadcrumbs'><br /> <b:if cond='data:blog.pageName == ""'><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span><br /> <b:else/><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pagename/></span><br /> </b:if><br /></div><br /></b:if><br /></b:if><br /></b:if><br /></b:if><br /></b:if><br /></b:includable><br /><!-- Breadcrumb Navigation By http://www.otowebsite.blogspot.com/ --></blockquote><br /><ul><li>Kode ini hanya akan menampilkan label terakhir dari posting di breadcrumb. Jika Anda ingin menampilkan semua label, maka Anda harus menghapus kode di baris 16 dan 18. Sekarang cari kode di bawah ini,</li></ul>Mencari kode ini<br /><br /><blockquote class="tr_bq">]]></b:skin></blockquote><div><br /></div><div>Dan letakkan kode css berikut ini tepat di atasnya<br /><br /></div><div><blockquote class="tr_bq">.breadcrumbs {<br />background: #F7F7F7;<br />float: left;<br />border: 1px solid #E6E6E6;<br />width: 575px;<br />font-size: 11px;<br />margin: 10px 10px 10px 10px;<br />padding: 5px 10px 5px 10px;<br />}</blockquote></div><div><br />Sekarang simpan perubahan Anda dan Anda selesai.<br /><br />Jika menemukan masalah tentang kinerja Breadcrumbs Navigation ini silahkan untuk bertanya!</div>Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0tag:blogger.com,1999:blog-1023587803862585353.post-16071522649523658042012-08-09T11:49:00.000-07:002012-09-07T09:16:31.517-07:00Cara Install File ISO Menggunakan Daemon Tools Lite Serta Cara Pakainya Lengkap + Screenshoot (How to Install With Daemon tools)<div class="fullpost">
</div>
<div>
Malem.. kali nih saya share tutorial tentang Cara install daemon tools dan cara pakainya. langsung saja</div>
<div>
<br /></div>
<div>
Pertama, download Daemon tools lite di website resmi Daemon. Saya rekomendasikan menggunakan Daemon Tools Lite karena ukurannya yang relatif kecil dan tentu saja pilih yang free (hehe).</div>
<div>
bisa <a href="http://www.mediafire.com/?d7rcv0a0uvuwt33">download disini</a></div>
<div>
<br /></div>
<div style="text-align: center;">
<img src="http://www.file-extensions.org/imgs/articles/3/205/daemon-tools-logo.png" /> </div>
<div>
<br /></div>
<div>
Install seperti biasa.</div>
<div>
<img alt="install daemon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgqVPkJ3vUBFVrTNbh7eZ11mEMbyiQ-q90LB3TbBy_cOaSbbyDuCZoEdZZlHE3_EKIxmLQRNFjWMHFsFOhVg6Bm67NUoIk8gAVSXrWlj9HDWq9eDXSAE2pk8cD_rnyyQj_DJ6GCOF0CkPb/s288/1.jpg" /> </div>
<div>
<br /></div>
<div>
Pada pilihan dibawah ini pilih yang free license.</div>
<div>
<img alt="install daemon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyaAdto7sD2JhB9NiM2Sb9oST1uN6cFsDaR31tLN6mGr8o7NBBFR4c0lYnHxsdshyphenhyphensqFbwlLl4yZgS2_Nr0s12nlXPMZkl2wl7B3oB9qyhO8LGUJA_CJSQ82hgTzBEsgKdVlqjVABYhN0T/s288/2.jpg" /> </div>
<div>
<br /></div>
<div>
Lanjutkan penginstallan seperti biasa.</div>
<div>
<img alt="install daemon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fAkTahHa-ndAwCyDNwdKKlu61fJmU4Pd9aqAXZqpi1syoXD-GodqGCz2CxnNp01vTDb645lPWAjqtpW1hf97rq_iMumn093WPXjKNHenSpb2KlqmBF3AVksczLiKnkZU9Gpe_0k-7Rt_/s288/3.jpg" /> </div>
<div>
<br /></div>
<div>
<img alt="install daemon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraGyq9p7HnggciheHKCXfYv-Wjegtv-bcuwy_jazqREntk04w16TXwuDdslNqJKIyCNiz0xhp8J1pRg9IP5aF99JVk7mo5lAjhowsVPJETq1ua2ZzTamLWvu298xlV0DgZ2UMNG6-460G/s288/4.jpg" /> </div>
<div>
<br /></div>
<div>
Jika sudah terinstall, jalan Daemon Tools Lite pada bagian desktop. Lalu di sistem tray akan muncul seperti ini,</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFkVK4VA-MlgOPI0ZrjAMaF1JAGZ3apgSLLuJeXCq0U6kcjaUWrY5OouyeR67U9uLngleK_Az7K5INhG7tdCI9DZD5bmReSrEA-NJrsPWcx5qVU-uGkYKpB1F27Vmw8ew89izg8KHP1pg/s1600/CARA+Mount+Daemon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="532" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFkVK4VA-MlgOPI0ZrjAMaF1JAGZ3apgSLLuJeXCq0U6kcjaUWrY5OouyeR67U9uLngleK_Az7K5INhG7tdCI9DZD5bmReSrEA-NJrsPWcx5qVU-uGkYKpB1F27Vmw8ew89izg8KHP1pg/s640/CARA+Mount+Daemon.jpg" width="640" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div style="text-align: center;">
Created By thank you ™ © All Right Reserved</div>
Anonymoushttp://www.blogger.com/profile/05675786462858424721noreply@blogger.com0