Oto Website

Menambahkan Nama Blog Anda Dalam Tombol Share AddThis

Kali ini saya akan berbagi tutorial biasa tapi menarik dan tutorial kali ini temanya adalah <a href="http://otowebsite.blogspot.com/2012/08/menambahkan-nama-blog-anda-dalam-tombol.html">Menambahkan Nama Blog Anda Dalam Tombol Share AddThis</a>. Saya telah menemukan hack tentang menambahkan judul blog Anda di tombol Share AddThis. 
Saya berbagi AddThis ke Anda dan telah menerapkan hack ini dengan menggunakan javascript sederhana yang dapat Anda lihat gambar di bawah judul blog saya Oto Website muncul pada hak sisi header. Anda juga dapat mengubah warna latar belakang header tombol. 
 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicT4jh1f2R2YzD25JGA6QBhqw3lmdAZM4hQvVwb6U_yFdjmE6qez34ssb_s-0QErjGkyWcSXKFdDJRf-syhmX2_0m2jAY86RhOh9kp1V0R4XhIOdevWWU8nqCakbZas7Zv52GGnAoX_w/s1600/zz.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicT4jh1f2R2YzD25JGA6QBhqw3lmdAZM4hQvVwb6U_yFdjmE6qez34ssb_s-0QErjGkyWcSXKFdDJRf-syhmX2_0m2jAY86RhOh9kp1V0R4XhIOdevWWU8nqCakbZas7Zv52GGnAoX_w/s400/zz.bmp" width="400" /></a></div> 
Sekarang mari kita melihat bagaimana cara menambahkan menerapkan hack sederhana untuk tombol share addthis. 
 
<hr color="#3e81c4" />Cara Mendaftar Hack Ini? 
<hr color="#3e81c4" /> 
Pertama, salin kode ini dan paste di notepad. 
<div> 
</div><blockquote class="tr_bq"> 
<div class="addthis_toolbox addthis_default_style "> 
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> 
<a class="addthis_button_tweet"></a> 
<a class="addthis_button_pinterest_pinit"></a> 
<a class="addthis_counter addthis_pill_style"></a> 
</div> 
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> 
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f99d305457d9732"></script> 
 
<script type='text/javascript'> 
var addthis_config = { 
     ui_cobrand: "Oto Website", 
 ui_header_color: "#ffffff", 
     ui_header_background: "#000000" 
} 
</script></blockquote> 
Jika Anda telah menambahkan tombol AddThis ke blog Anda maka hanya menambahkan kode di bawah ini tepat setelah kode addthis Anda. 
<div> 
</div><blockquote class="tr_bq"><script type='text/javascript'> 
var addthis_config = { 
     ui_cobrand: "Oto Website", 
 ui_header_color: "#ffffff", 
     ui_header_background: "#000000" 
} 
</script></blockquote> 
<hr color="#3e81c4" />Customizations 
<hr color="#3e81c4" /> 
<ul><li>Ganti teks Oto Website dengan nama blog Anda.</li>
<li>Jika Anda ingin mengubah warna teks cukup ganti kode #ffffff</li>
<li>Untuk mengubah warna latar cukup ganti kode #000000</li>
<li>Anda dapat menggunakan kode warna dengan menggunakan <a href="http://otowebsite.blogspot.com/2012/04/kode-warna-v3.html" target="_blank">Kode Warna V3</a>.</li>
</ul> 
<hr color="#3e81c4" />Menambahkan Tombol Share AddThis di blogger. 
<hr color="#3e81c4" /> 
Jika Anda ingin meletakkan Tombol Share AddThis di bawah judul postingan cukup letakkan kode Share AddThis setelah kode 
 
<blockquote class="tr_bq"><div class='post-header'></blockquote> 
atau di atas kode 
<blockquote class="tr_bq"><data:post.body/></blockquote>yang pertama. 
 
Jika Anda ingin meletakkan Tombol Share AddThis di bawah setiap postingan cukup letakkan kode Share AddThis setelah kode 
 
<blockquote class="tr_bq"><div class='post-header-line-1'/></blockquote> 
atau 
 
<blockquote class="tr_bq"><div class='post-footer'></blockquote> 
atau di bawah kode 
 
<blockquote class="tr_bq"><data:post.body/></blockquote> 
yang ke dua 
 
<hr color="#3e81c4" />Jika hanya ingin tampil di halaman postingan 
<hr color="#3e81c4" /> 
Jika Anda ingin Share AddThis ini hanya tampil di halaman postingan cukup sisipkan kode ini: 
 
<blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'> 
Script Share AddThis</b:if></blockquote> 
Ganti Script Share AddThis dengan script Share AddThis di atas. 
 
<hr color="#3e81c4" />Credits 
<hr color="#3e81c4" /> 
Hack ini dibagikan ke Anda <a href="http://twitter.com/otowebsite" target="_blank">@otowebsite</a>. Jika Anda ingin berbagi hack ini dengan pembaca Anda, maka silhakan link kembali ke tutorial ini. Nikmati ... Silakan berbagi hack ini dengan teman ....

Menambahkan Nama Blog Anda Dalam Tombol Share AddThis

K ali ini saya akan berbagi tutorial biasa tapi menarik dan tutorial kali ini temanya adalah Menambahkan Nama Blog Anda Dalam Tombol Share ...

Baca selengkapnya »

Tambahkan Widget Berlangganan Di bawah Posting Blogger

Pada tutorial kali ini saya akan berbagi sebuah Widget Berlangganan Di bawah Posting Blogger Anda. 
Widget ini pasti akan meningkatkan jumlah subscribers sosial Anda. Anda menulis posting yang baik dan mengharapkan lebih banyak jumlah pelanggan maka widget ini pasti akan membantu Anda. Widget ini berisi formulir berlangganan email, facebook seperti tombol, twitter dan beberapa ikon sosial yang indah di bagian kanan dari widget. Widget ini dapat diinstal dalam satu langkah, Anda hanya perlu copy yang saya berikan dan paste kode di template Anda. Jadi mari kita lihat bagaimana untuk menambahkannya ke blog blogger Anda! 
 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdVYp1sUmMh3zCZM97imXqJ1pOxQFxubi2UPPh9VqFGsF1oq_w_FQxbAPfDdXA17TOmANBlaRXMZSnV-JKvfSo3M_3zjT41N8H3B-GSCXTEUx0jtnyGYKrTexWNWz1YarHTs-LcRhAA/s1600/email-subscription-widget-for-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdVYp1sUmMh3zCZM97imXqJ1pOxQFxubi2UPPh9VqFGsF1oq_w_FQxbAPfDdXA17TOmANBlaRXMZSnV-JKvfSo3M_3zjT41N8H3B-GSCXTEUx0jtnyGYKrTexWNWz1YarHTs-LcRhAA/s1600/email-subscription-widget-for-blogger.png" /></a></div> 
<hr color="#3e81c4" />Cara Tambahkan Widget Berlangganan Di bawah Posting Blogger 
<hr color="#3e81c4" /> 
1. Login ke akun blogger Anda. 
2. Pada Dasbor klick Template ➨ Edit HTML. 
3. Centang <input checked="" id="expandWidgets" style="font-size: small;" type="checkbox" /> Expand Template Widget ➨ Backup template Anda. 
4. Sekarang temukan kode <data:post.body/> (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>) 
5. Lalu letakkan kode berikut ini di bawah kode tersebut (Bila menemukan kode tersebut lebih dari dua maka pilih yang ke dua) 
 
<blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'> 
<style type="text/css"> 
form.feedburner { 
    margin: 20px 0 0; 
    display: block; 
    clear: both; 
} 
.OW { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpVaBJ2yzVY1TOoS05_kgWjg74J0SMAxhhP2D_WZ6vXUOXX2g_4BHzFkMTXY5wX4Dy7vh5gpHU5fizDVQBZKNTHH6_hpbbS8FSBulEPndN_BAz6FTv5Mcp1krLY_h0QDD8yS7ZEuS-pg/s1600/otowebsite.blogspot.com-email-icon.png) no-repeat scroll 4px center transparent; 
    padding: 7px 15px 7px 35px; 
    color: #666; 
    font-weight: bold; 
    text-decoration: none; 
    border: 1px solid #D3D3D3; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    -moz-box-shadow: 1px 1px 2px #CCC inset; 
    -webkit-box-shadow: 1px 1px 2px #CCC inset; 
    box-shadow: 1px 1px 2px #CCC inset; 
} 
.OWsubmit { 
    color: #666; 
    font-weight: bold; 
    text-decoration: none; 
    padding: 6px 15px; 
    border: 1px solid #D3D3D3; 
    cursor: pointer; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -goog-ms-border-radius: 4px; 
    border-radius: 4px; 
    background: #fbfbfb; 
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); 
    background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
    background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
    background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' 
    #FBFBFB', endColorstr='#F4F4F4',GradientType=0 ); 
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
} 
#OW-widget { 
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
    -goog-ms-border-radius: 10px 10px 10px 10px; 
    border-radius: 10px; 
    background: none repeat scroll 0 0 transparent; 
    border: 1px solid #D3D3D3; 
    padding: 8px; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    -webkit-transition: all 0.3s ease-out; 
    -ms-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out; 
    width: 480px; 
    -webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75); 
    -moz-box-shadow: inset    0px 0px 8px rgba(50, 50, 50, 0.75); 
    box-shadow: inset         0px 0px 8px rgba(50, 50, 50, 0.75); 
    -webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D; 
} 
#OW-widget:hover { 
    background: none repeat scroll 0 0 #FFF; 
    -moz-box-shadow: 1px 1px 2px #CCC inset; 
    -webkit-box-shadow: 1px 1px 2px #CCC inset; 
    box-shadow: 1px 1px 2px #CCC inset; 
} 
#OW-widget td { 
    padding: 3px 0; 
} 
</style> 
<center> <div id='OW-widget'> 
 <div id='emailwidget'> 
  <table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'> 
  <tbody> 
  <tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> 
   <td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> 
    
     Get free daily email updates! 
    
    <form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=otowebsite', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'> 
     <input name='uri' type='hidden' value='otowebsite'/> 
     <input name='loc' type='hidden' value='en_US'/> 
     <input class='OWstyle' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Enter your email…'/> 
     <input alt='' class='OWsubmit' title='' type='submit' value='Submit'/> 
    </form> 
   </td> 
   <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> 
    
     Follow us! 
    
    <a href='http://feeds.feedburner.com/otowebsite' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknkcC8qSF0btPOnYr_-dU5R_ZAPxqvPsHw_SJarWz4Tn4GzbEwTcFA_GEh8-FG7Xc30F4ZQYfGKI7L7xw55NTI6AH1bAjUAIQgOMUXCEW4F_9bJarHgyoiEYiwXwoTqk2gUPL73Obgg/s1600/otowebsite.blogspot.com-rss.png'/></a> 
    <a href='http://twitter.com/otowebsite' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_oJsDnuM77vPm8mKYPZcS8P5BJhWSQEmmXlyNlveGYNJKoMguT6cXIknflT0f0KTk8fwNTgG-_JBWnfsI7HJjfjVpCc0045Tlnt7xm019DEcJ1xmoCMQeXqq9T7UW9R26sNyR1V0jSg/s1600/otowebsite.blogspot.com-twitter.png'/></a> 
    <a href='http://www.facebook.com/dekrif' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4FFmWNUuFX5lrq37JLla449zgvs4VCPqWMtUTxiZ-ygjFFt61d-8WOd-VySbvvX_M3H6o4o_CgBqjLGCiLFhA8K1V9KRme2mkl8a0Lr1-PJ7S2JU0VWziGAAfOTkBw_zQL6po5CbbyA/s1600/otowebsite.blogspot.com-fb.png'/></a> 
    <a href='https://plus.google.com/115780777398536909642/' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAlgsn-gKK618nW-XcRrUo-rGwY0xJogvxvz3muTHisuGtV1ICKMZnSxg8fNWoVp0WDeBTLTWjqMXDSFvzxYGbQLeaO03ZCGlzhKubDHLZEhs175UnUpYlNTiCBDXDfMLOkb1MSIV1hw/s1600/otowebsite.blogspot.com-gplus.png'/></a> 
   </td> 
  </tr> 
  </tbody> 
  </table> 
  <div align='right'> 
   <a href='http://www.otowebsite.blogspot.com/' style='text-decoration: none;' target='_blank'>[Get this widget]</a> 
  </div> 
  <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fdekrif&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font=verdana&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:30px;" allowtransparency="true"> 
  </iframe> 
  <a class='twitter-follow-button' href='http://twitter.com/otowebsite' rel='nofollow'></a> 
  <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script> 
 </div> 
</div> 
</center> 
</b:if></blockquote> 
Keterangan: 
<ul><li>Ganti semua (tiga) otowebsite dengan Nama Pengguna Feedburner</li>
<li>Ganti semua (dua) dekrif dengan Nama Pengguna Facebook</li>
<li>Ganti semua (dua) otowebsite dengan Nama Pengguna Twitter</li>
<li>Ganti  115780777398536909642 dengan ID Google +.</li>
<li>Anda dapat menyesuaikan widget ini dengan menggunakan <a href="http://otowebsite.blogspot.com/2012/07/ow-html-editor.html" target="_blank">OW - HTML Editor</a>.</li>
</ul>5. Akhirnya menyimpan template. 
 
Sekarang Anda dapat melihat widget ini di bawah setiap postingan blog Anda. 
 
Jika Anda masih mendapatkan masalah tentang widget ini maka jangan ragu untuk menyebutkannya melalui komentar, saya akan membalas sesegera mungkin.

Tambahkan Widget Berlangganan Di bawah Posting Blogger

P ada tutorial kali ini saya akan berbagi sebuah Widget Berlangganan Di bawah Posting Blogger Anda. Widget ini pasti akan meningkatkan juml...

Baca selengkapnya »

Cool Shareaholic Social Sharing Widget Dengan Tooltips Dan Count Untuk Blogger

C<a href="http://otowebsite.blogspot.com/2012/08/cool-shareaholic-social-sharing-widget.html">ool Shareaholic Social Sharing Widget Dengan Tooltips Dan Count Untuk Blogger</a>! 
<a href="http://shareaholic.com/" target="_blank">Shareaholic.com</a> adalah salah satu situs terkemuka dalam membuat tombol berbagi untuk wordpress, tumblr atau website kecuali blogger. 
Jadi di sini saya akan memberikan instalasi penuh untuk blogger. Ini adalah gadget keren dengan menampilkan tooltips dan Count untuk menunjukkan bahwa bagaimana berkali-kali posting Anda telah di shared. 
Sebelumnya <a href="http://www.otowebsite.blogspot.com/">Oto Website</a> juga pernah membahas widget yang hampir sama ya itu : <a href="http://www.otowebsite.blogspot.com/2012/05/memasang-tombol-sharing-is-sexy-jquery.html" target="_blank">Memasang Tombol Sharing Is Sexy Jquery Auto Hide</a>. Perbedaannya hanya widget tersebut tidak bekerja degan tooltip dan count. 
Untuk instalasi <a href="http://otowebsite.blogspot.com/2012/08/cool-shareaholic-social-sharing-widget.html">Cool Shareaholic Social Sharing Widget Dengan Tooltips Dan Count Untuk Blogger</a> ini juga sangatlah mudah. 
 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg21rmoIpZ7wVfiOCL1o2OhIx5ht2rAbSMCV-Y7JGgm3YhjYOI9MCO2dI8y8pH3KRcHkew5g72J0SVgpcfrqFSj9_sK8CwfZCk4BGn5Wh-FY9nWuMa1R2eB-L4rLra-lf5nEnDQrLk3FQ/s1600/bm,.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg21rmoIpZ7wVfiOCL1o2OhIx5ht2rAbSMCV-Y7JGgm3YhjYOI9MCO2dI8y8pH3KRcHkew5g72J0SVgpcfrqFSj9_sK8CwfZCk4BGn5Wh-FY9nWuMa1R2eB-L4rLra-lf5nEnDQrLk3FQ/s1600/bm,.bmp" /></a></div><div style="text-align: center;">Gadget Priview</div> 
<hr color="3e81c4" />Cara Menginstal 
<hr color="3e81c4" /> 
Seperti yang saya bilang di atas untuk menginstal widget ini juga sangatlah mudah, ikuti petunjuk berikut untuk mulai melakukan instalasi ke blogger Anda. 
 
1. Login ke akun blogger Anda. 
 
2. Pada Dasbor klick Template ➨ Edit HTML. 
 
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. 
 
4. Selanjutnya dalam Edit HTML temukan kode ]]></b:skin> (Bila kesulitan mencari kode HTML klick <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">DISINI</a>) 
 
5. Lalu letakkan kode css berikut tepat di atas kode tadi 
 
<blockquote class="tr_bq">div.shr-bookmarks{margin:20px 0 8px;clear:both !important;display:block !important}div.shr-bookmarks ul.shr-socials{width:100% !important;margin:0 !important;padding:0 !important;float:left !important}div.shr-bookmarks ul.shr-socials{background:transparent none !important;border:0 none !important;outline:0 none !important}div.shr-bookmarks ul.shr-socials li{display:inline !important;float:left !important;list-style-type:none !important;padding:0 !important;height:29px !important;width:60px !important;cursor:pointer !important;margin:3px 0 0 !important;background-color:transparent !important;border:0 none !important;outline:0 none !important;clear:none !important}div.shr-bookmarks ul.shr-socials li:before,div.shr-bookmarks ul.shr-socials li:after,div.shr-bookmarks ul.shr-socials li a:before,div.shr-bookmarks ul.shr-socials li a:after{content:'' !important;}div.shr-bookmarks ul.shr-socials a,div.shr-bookmarks ul.shr-socials a:hover{display:block !important;width:60px !important;height:29px !important;text-indent:-9999px !important;background-color:transparent !important;text-decoration:none !important;border:0 none !important}div.shr-bookmarks ul.shr-socials a:hover,div.shr-bookmarks ul.shr-socials li:hover{background-color:transparent !important;border:0 none !important;outline:0 none !important}.shareaholic-show-on-load{display: block !important;}div.shr-bookmarks div.shr-getshr{line-height:20px !important;padding-left:8px !important;float:left !important;}div.shr-bookmarks div.shr-getshr a{width:auto !important;font-size:10px !important; text-indent:0px !important;text-decoration:none !important;}div.shr-count{font:12px bold,arial !important;position: relative !important;}div.shr-count-outline{position: absolute !important;color: white !important;}div.shr-count-center{position: absolute !important;color: blue !important;}li.shr-2{background-position:-120px bottom !important}li.shr-2:hover{background-position:-120px top !important}li.shr-3{background-position:-180px bottom !important}li.shr-3:hover{background-position:-180px top !important}li.shr-5{background-position:-300px bottom !important}li.shr-5:hover{background-position:-300px top !important}li.shr-7{background-position:-420px bottom !important}li.shr-7:hover{background-position:-420px top !important}li.shr-10{background-position:-600px bottom !important}li.shr-10:hover{background-position:-600px top !important}li.shr-38{background-position:-2280px bottom !important}li.shr-38:hover{background-position:-2280px top !important}li.shr-40{background-position:-2400px bottom !important}li.shr-40:hover{background-position:-2400px top !important}li.shr-43{background-position:-2580px bottom !important}li.shr-43:hover{background-position:-2580px top !important}li.shr-52{background-position:-3120px bottom !important}li.shr-52:hover{background-position:-3120px top !important}li.shr-74{background-position:-4440px bottom !important}li.shr-74:hover{background-position:-4440px top !important}li.shr-88{background-position:-5280px bottom !important}li.shr-88:hover{background-position:-5280px top !important}li.shr-106{background-position:-6360px bottom !important}li.shr-106:hover{background-position:-6360px top !important}li.shr-201{background-position:-12060px bottom !important}li.shr-201:hover{background-position:-12060px top !important}li.shr-219{background-position:-13140px bottom !important}li.shr-219:hover{background-position:-13140px top !important}</blockquote> 
6. Masih dalam Edit HTML, sekarang temukan kode <div class='post-footer'> dan letakkan kode berikut tepat di atasnya. 
 
Keterangan:  
Anda juga dapat meletakkan kode di bawah ini di bawah kode <data:post.body/> (Bila ada kode <data:post.body/> lebih dari dua ,maka pilih yang ke dua) 
 
<blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'> 
<div class='shr_class shareaholic-show-on-load'> 
</div> 
<script type='text/javascript'> 
var SHRSB_Settings = {"shr_class":{"src":"http://www.shareaholic.com/media/css/styles/sb","link":"","service":"5,7,2,38,3,219,43,52,201,88,74,10,106,45,40,210,78,39","apikey":"6ffe2cbf142c45bd4cd03b01ec46b8658","localize":true,"shortener":"google","shortener_key":"","designer_toolTips":true,"twitter_template":"Some fancy post title - http://goo.gl/dbqlx via @otowebsite"}}; 
</script> 
<script type='text/javascript'> 
(function() { 
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true; 
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-sb.min.js"; 
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s); 
})(); 
</script><a href='http://www.otowebsite.blogspot.com/' target='_blank'>Social Bookmarking Gadget</a></b:if></blockquote> 
Keterangan: 
Ganti teks @otowebsite dengan username twitter Anda. 
 
7. Selanjutnya klick Simpan template. 
 
Sekarang Anda dapat melihat hasilnya pada blog Anda. 
 
<hr color="3e81c4" />Ada Masalah Instalasi ? 
<hr color="3e81c4" /> 
Jika Anda menemukan masalah dalam Instalasi <a href="http://otowebsite.blogspot.com/2012/08/cool-shareaholic-social-sharing-widget.html">Cool Shareaholic Social Sharing Widget Dengan Tooltips Dan Count Untuk Blogger</a> jangan sungkan untuk bertanya, saya akan dengan senang hati membantu Anda. Salam Blogger!

Cool Shareaholic Social Sharing Widget Dengan Tooltips Dan Count Untuk Blogger

C ool Shareaholic Social Sharing Widget Dengan Tooltips Dan Count Untuk Blogger ! Shareaholic.com adalah salah satu situs terkemuka dalam ...

Baca selengkapnya »

Membuat Scroll To Top Button Menggunakan OW Generator

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWgsRZlGLS1o6TO1mTsx_lf8rbIpapHdlB2o6PrUWpw8eCUDznJedYVNKVU26vYGGcU_hiYYSp4dgELI4SeGaPScoZsU7dgrhLQ0Zjy9FpDpfi84haCMqpinwCA8Eh1Ak-WgOakMazQ/s1600/black.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">f<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWgsRZlGLS1o6TO1mTsx_lf8rbIpapHdlB2o6PrUWpw8eCUDznJedYVNKVU26vYGGcU_hiYYSp4dgELI4SeGaPScoZsU7dgrhLQ0Zjy9FpDpfi84haCMqpinwCA8Eh1Ak-WgOakMazQ/s1600/black.jpg" /></a></div>Salam Blogger Sejati. 
Untuk melengkapi tentang cara membuat Scroll To Top di blogger kali ini saya akan melengkapinya dengan <a href="http://otowebsite.blogspot.com/2012/08/membuat-scroll-to-top-button.html">Membuat Scroll To Top Button Menggunakan OW Generator</a>. 
Di postingan sebelumya blog Oto Website pernah membahas tentang Scroll To Top di antaranya berada di artikel : <a href="http://otowebsite.blogspot.com/2012/05/memasang-tombol-smooth-scroll-to-top.html" target="_blank">Memasang Tombol Smooth Scroll to Top With jQuery</a> dan <a href="http://otowebsite.blogspot.com/2012/07/blogger-scroll-to-top-with-jquery.html" target="_blank">Blogger Scroll to Top With jQuery</a>, yang pemasangannya menggunakan jQuwery dan perlu mengedit HTML. 
 
Untuk kali ini Anda tidak perlu mengedit HTML karna Scroll To Top ini hanya menggunakan simple CSS yang di gabungkan menjadi satu Generator, bahkan Anda yang tidak mengerti tentang HTML ataupun pemula akan sangat mudah memasang Scroll To Top. Bahkan Anda dengan sangat mudah apa ingin memasang Scroll To Top ini di bagian kanan, kiri, bahkan di bagian tengah blog Anda. Di sini juga ada banyak pilihan Scroll To Top yang bisa Anda pilih. 
 
Yang perlu Anda ketahui disini Generator ini di buat oleh teman saya ya itu Hasan dari <a href="http://downloadappshp.blogspot.com/" target="_blank">Apps</a>.dan saya memintanya agar saya bisa berbagi kepada Anda. 
 
<hr color="#3e81c4" />Membuat Scroll To Top Button Menggunakan OW Generator 
<hr color="#3e81c4" /> 
Seperti yang saya bilang di atas bahwa cara Membuat Scroll To Top Button ini sangalah mudah dan simple karena menggunakan OW Generator. 
 
Untuk cara menggunakan generator ini sepertinya tidak perlu saya jelaskan lagi karna generator ini sama dengan generator sebelumnya, silahkan Anda gunakan OW Generator ini dengan bijak. 
 
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/ScrolltoTopGenerator.html" style="height: 905px; width: 100%;"></iframe>

Membuat Scroll To Top Button Menggunakan OW Generator

f S alam Blogger Sejati. Untuk melengkapi tentang cara membuat Scroll To Top di blogger kali ini saya akan melengkapinya dengan Membuat Sc...

Baca selengkapnya »

Java Script Image Slider

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUsqCSfES-UZjBQLno_0NB1CHBQlvYDOJnzW89X9sm5_651xJrf6DB4gIJAJQdEiVhzzJu2Q0JvuEbjpGHKAJgH8SF85d5dcbdqzeRxC5-PwKvw_JPEIgXFt3u_NzVZp9fsZ50VMuzw/s1600/image-slider-for-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUsqCSfES-UZjBQLno_0NB1CHBQlvYDOJnzW89X9sm5_651xJrf6DB4gIJAJQdEiVhzzJu2Q0JvuEbjpGHKAJgH8SF85d5dcbdqzeRxC5-PwKvw_JPEIgXFt3u_NzVZp9fsZ50VMuzw/s1600/image-slider-for-blogger.jpg" /></a></div>H ari ini saya akan berbagi slider keren yang bekerja dengan JavaScript dan jQuery  dan flash slider needed. <a href="http://otowebsite.blogspot.com/2012/08/java-script-image-slider.html" target="_blank">Java Script Image Slider</a> ini berisi pita di sudut kiri atas slider dan itu disebut sebagai "What's Hot", juga mengandung efek slice irisan gambar indah yang menjadi 12 bagian, fitur utama peningkatan keindahan fitur besar slider. Slider ini sangat disesuaikan sehingga untuk mengeditnya sesuai keinginan dan yang sempurna akan sesuai untuk slider blog. Slider ini dibuat oleh <a href="http://menucool.com/" target="_blank">menucool.com</a>  dan Saya telah menciptakan sebuah versi Template slider pada kerja yang sempurna dengan blogger blog. Untuk melihat demo <a href="http://otowebsite.blogspot.com/2012/08/java-script-image-slider.html" target="_blank">Java Script Image Slider</a> silahkan klick tombol di bawah ini. 
 
<div style="text-align: center;"><a class="button" href="https://otowebsite-blogspot.googlecode.com/svn/trunk/Javascriptimage.html" target="_blank">LIHAT DEMO</a></div> 
<hr color="#3e81c4" />Cara membuat/memasang Java Script Image Slider 
<hr color="#3e81c4" /> 
Untuk membuat <a href="http://otowebsite.blogspot.com/2012/08/java-script-image-slider.html">Java Script Image Slider</a> ini juga sangat mudah, ikuti instruksi berikut untuk mulai menerapkannya pada blog Anda. 
 
1. Login ke akun blogger Anda. 
 
2. Pada Dasbor klick Tata Letak ➨ Tambah Gadget. 
 
3. Pilih elemen HTML/Java Script. 
 
4. Lalu copy kode berikut dan letakkan di dalam  elemen HTML/Java Script tadi. 
 
<blockquote class="tr_bq"><style type="text/css"> 
 /* JavaScript Image Slider By http://www.otowebsite.blogspot.com/ */ 
#mcis { 
 display: none; 
} 
#sliderFrame { 
 position: relative; 
 width: 500px; 
 margin: 0 auto; 
        border:5px solid #000; 
} 
#ribbon { 
 width: 111px; 
 height: 111px; 
 position: absolute; 
 top: -4px; 
 left: -4px; 
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-egcAVEL2Lds5ykWKK_0BCV1KNGxq6XeUN6LUuSWgn5RD-mum8kEf5QRT3ZRQhMFLaMpKbGfwJIq-8rler0tcySL_dcSkiR_YPl4UgfO4VkRU2xwaJTEff6ErE7WaYLhHOyRc_KGh2g/s1600/otowebsite.blogspot.com--ribbon.png) no-repeat; 
 z-index: 7; 
} 
#slider { 
 width: 500px; 
 height: 218px; 
 background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvChpE2kLRT0jbf1rlBh7Ke7G3sVdgd9eeSxzO-6KHrIaQJ6IL9EcPcp_ShxsrxARb_6xLQlVdoBJZAnK-NzXZEL0Bd9hqQLhoBBdEOPE1ZdGfuv48C6grJBb-0orhGj5tQYv4rPkTPg/s1600/otowebsite.blogspot.com--loading.gif) no-repeat 50% 50%; 
 position: relative; 
 margin: 0 auto; 
 box-shadow: 0px 1px 5px #999999; 
} 
#slider img { 
 position: absolute; 
 border: none; 
 display: none; 
} 
#slider a.imgLink { 
 z-index: 2; 
 display: none; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 border: 0; 
 padding: 0; 
 margin: 0; 
 width: 100%; 
 height: 100%; 
} 
div.mc-caption-bg, div.mc-caption-bg2 { 
 position: absolute; 
 width: 100%; 
 height: auto; 
 padding: 0; 
 left: 0px; 
 bottom: 0px; 
 z-index: 3; 
 overflow: hidden; 
 font-size: 0; 
} 
div.mc-caption-bg { 
 background-color: black; 
} 
div.mc-caption { 
 font: bold 14px/20px Arial; 
 color: #EEE; 
 z-index: 4; 
 padding: 10px 0; 
 text-align: center; 
} 
div.mc-caption a { 
 color: #FB0; 
} 
div.mc-caption a:hover { 
 color: #DA0; 
} 
div.navBulletsWrapper { 
 top: 250px; 
 left: 190px; 
 width: 150px; 
 background: none; 
 padding-left: 20px; 
 position: relative; 
 z-index: 5; 
 cursor: pointer; 
} 
div.navBulletsWrapper div { 
 width: 11px; 
 height: 11px; 
 background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnrwXoVm0zYJTkd4FHCKzkMIJHw_ELJtZmB_9wdMMXn15lwzwshXQi3cJtkh0LC1SLX3M0hLIzymlibGG71VT3xRmh52SPkOOvCVFg4Tc4FKKH2xm9LZ5GWHHlQ5juGhW_7DlkRDdY-g/s1600/otowebsite.blogspot.com-bullet.png) no-repeat 0 0; 
 float: left; 
 overflow: hidden; 
 vertical-align: middle; 
 cursor: pointer; 
 margin-right: 11px; 
 _position: relative; 
} 
div.navBulletsWrapper div.active { 
 background-position: 0 -11px; 
} 
#slider { 
 transform: translate3d(0,0,0); 
 -ms-transform: translate3d(0,0,0); 
 -moz-transform: translate3d(0,0,0); 
 -o-transform: translate3d(0,0,0); 
 -webkit-transform: translate3d(0,0,0); 
} 
 </style> 
<script src="https://otowebsite-blogspot.googlecode.com/svn/trunk/js-image-slider.js" type="text/javascript"></script> 
<div id="sliderFrame"> 
     <div id="ribbon"></div> 
            <div id="slider"> 
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5jn2Sx2OnPNy_7x0Qv-JBu-Qd_9rqAsferwNyc95lVK6bV6P5jxwFOeio_eSEPO-oHryzx6cjiPYfpXMziLxBVAPlIOdrFyILYFHagASQyxacmORInM350Xoae0SNL3ezq58Gnyea0g/s1600/otowebsite.blogspot.com-1.jpg" alt="Image Slider By otowebsite.blogspot.com"/></a> 
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-82JL0jDNbE05qeNvtLxiF_QsKoms-QceWQY56GRD1yJA20iwsDYs94fodsbGgo6_5PGiJWJ2Qi5Rz8h9APKqosHOv57kPMuzD1S_y-zGgIbKfdREXFxuaEIQx6A8mBKDxgI_JuOwLA/s1600/otowebsite.blogspot.com-2.jpg" alt="Oto Website"/></a> 
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHsiLjpjW9GVKoY2FvuXBk6_4LHY5ZMLniakHaWa4wJkPO4rfIt5-Yb8usHXxw6nkuJO931jjPAVknIyMm3dssP3R-OxGCTPxnQZRyuq1NfxtgldLK-4aTMBf263SWitgLFL5_z7xu_Q/s1600/otowebsite.blogspot.com-3.jpg" alt="The slide is a linking image"/></a> 
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SDZwKHee_Weru9TGZbskor-33KZbR69x5Whu0h9Qv9TxlPp1u_Je6mNrlYjSQpyUkJYfupXKtOzFSlOudNm9yAqi1AIi1p_r9az2SyALu5uGCdoXmIB8cN9H3ctrQQsG8EjGpDe1AA/s1600/otowebsite.blogspot.com-4.jpg" alt="Pure Javascript. No jQuery. No flash."/></a> 
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRc3KYvchmDkMXl4sUGOCtoSiRS1EyNb3jYiZ47YBGppwtX6TgSJZpRRZMDkCeYQybLsO6Y_P2zVF9WPmpy0uk9nGdewEciS4B5qskzmxEX4rdYcmSasHfL4x_lgV_8iYTlZIEhG0fWg/s1600/otowebsite.blogspot.com-5.jpg" alt="#htmlcaption"/></a> 
                </div></div></blockquote> 
5. Simpan. 
 
<hr color="#3e81c4" />Melakukan Perubahan 
<hr color="#3e81c4" /> 
Jika Anda ingin melakukan perubahan, Anda perhatikan kode-kode yang saya block di atas, dan berikut ini adalah keterangannya: 
<ul><li>Kode yang di block merah muda adalah lebar gambar.</li>
<li>Kode yang di block oranye adalah lebar dan tinggi widget.</li>
<li>Kode yang di block kuning adalah url gambar.</li>
<li>Kode yang di block biru adalah tempat untuk menempatkan url tujuan.</li>
<li>Kode yang di block hijau adalah title dari gambar.</li>
</ul> 
<hr color="#3e81c4" />Mengalami Kesulitan? 
<hr color="#3e81c4" /> 
Jika Anda mengalami kesulitan dalam Cara membuat/memasang <a href="http://otowebsite.blogspot.com/2012/08/java-script-image-slider.html">Java Script Image Slider</a>, jangan sungkan untuk bertanya, saya akan dengan senang hati membatu Anda.

Java Script Image Slider

H ari ini saya akan berbagi slider keren yang bekerja dengan JavaScript dan jQuery dan flash slider needed. Java Script Image Slider ini ...

Baca selengkapnya »

7 Alasan mengapa Jangan Migrasi dari Blogger ke Wordpress

<div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBeCNJCnMF5pRXDQPKUo-RfjBolB8Uw6bydwOl8-oerXOpw6E1y7DaL4UrO3F7223OJj0C8KbveYutkbM0oq4fdjzVBd4DyaQC6RrISX8kPbt2KfLyCk-8TTyohHsR65R3EeVy95Sp3mQ/s1600/image%5B17%5D.png" /></a></div>13 tahun telah berlalu ketika Pyra Labs ( diakuisisi oleh Google pada tahun 2003 ) pertama kali diluncurkan Blogger dan 9 tahun telah berlalu ketika Matt Mullenweg pertama kali mengembangkan Wordpress sebagai perangkat lunak blog 27 Mei 2003. 
 
Masih kebingungan terlalu banyak dan mitos tentang kedua alat blogging yang besar dan kredit semua berjalan ke beberapa blogger juga dipoles sendiri yang tidak akan pernah mencoba untuk berbicara dengan adil. 
Sama seperti TV kita bicara menunjukkan di mana dua pihak debat satu sama lain dengan tujuan tunggal mereka selalu tetap ingin membuktikan yang lain salah, sama juga berlaku Blogger perbandingan <a href="http://otowebsite.blogspot.com/2012/07/wordpress-atau-blogger-mana-yang.html" target="_blank">Wordpress vs di blogspot</a>. 
 
Pendatang baru atau pemula yang baru saja datang untuk mengetahui apa itu sebuah blog dan <a href="http://otowebsite.blogspot.com/2011/12/cara-membuat-blog.html" target="_blank">bagaimana cara membuatnya</a>, yang sangat bingung untuk memilih platform yang tepat dari dua platform yang tersedia. 
 
Orang yang gagal untuk mengoptimalkan dan menguangkan blog Google mereka sering bermigrasi ke wordpress dan mereka melakukannya karena mereka dibutakan dengan keyakinan palsu bahwa blogger bebas yang diabaikan oleh sponsor dan diri Wordpress menjadi host ini disambut hangat dan baik menghasilkan lalu lintas dan pendapatan karena sebuah komunitas yang sangat membantu dan mudah dikonfigurasi source platform PHP terbuka. 
 
Saya akan berbicara dengan tanggung jawab besar hari ini dan sebagai pengguna aktif dari kedua platform ini, saya memproduksi artikel ini untuk membantu ribuan membuat keputusan yang tepat dengan memahami perbedaan antara keduanya. 
Jika Anda baru dan tidak tahu persis apa rawannya silahkan baca: 
 
<hr color="#0000ff" />Siapa yang harus menggunakan Wordpress? 
<hr color="#0000ff" /> 
Wordpress memiliki dua setup. Sebuah satu gratis yang dengan kata lain hanya demo dari perangkat lunak wordpress. Orang jarang menggunakannya (misalnya wordpress.com ) karena Anda tidak memiliki hak untuk mengedit stylesheet, maka tidak kustomisasi mungkin. Namun diri-host wordpress (yaitu wordpress.org ) memungkinkan Anda dengan perintah lengkap dan kontrol untuk mengkonfigurasi hal. Hampir 30% dari semua blog di Technorati Top 100 Blog yang menggunakan Wordpress sebagai CMS dengan hanya 6% menggunakan BlogSpot. Alasan mengapa begitu banyak perusahaan internet pemasaran yang mendukung Wordpress terutama karena ke platform open source yang tidak memerlukan lisensi premi tidak seperti ASP.net dan PHP tidak memiliki batas ketika datang ke pembangunan. Anda dapat membuat web yang sangat interaktif 2,0 situs atau CMS menggunakannya. 
 
Wordpress Frameworks keduanya gratis dan premium dikodekan menggunakan PHP sebagai bahasa platform. Wordpress karena alasan ini adalah pilihan pertama Programmer ' . Jika Anda memiliki sumber daya dan potensi untuk menghabiskan banyak uang untuk menyewa seorang pengembang yang dapat mengkonfigurasi dan memelihara situs Anda, maka wordpress adalah pilihan terbaik Anda tanpa ragu. Tapi jika Anda bukan profesional dalam bisnis online dan memiliki dana terbatas, kemudian beralih ke platform ini akan menyebabkan Anda uang dan rasa sakit. Di sinilah blogger individu gagal untuk memahami persyaratan pemeliharaan dan menjebak diri dengan sakit kepala ton kesalahan MYSQL dan kode yang rusak. 
 
Wordpress adalah pilihan yang baik bagi para profesional bisnis dan perusahaan perusahaan, yang memerlukan sistem manajemen konten dengan mudah mengelola dan memiliki sumber daya cukup untuk hati-hati menjaganya. Dari sudut pandang programmer "Saya benar-benar akan lebih memilih wordpress tapi sebagai pengguna atau sebagai blogger profesional saja, saya tidak akan mengangkat jempol saya. 
 
Ingat blogger profesional dapat menggunakan kedua blogger atau wordpress. Keduanya menawarkan pilihan yang sama persis dan cukup sumber daya untuk blog aktif. 
Saya menggunakan Blogger untuk host semua file di blog ini secara gratis tapi saya menggunakan host Wordpress untuk blog kedua saya pada Metode Produktif pintar . Ketika datang tentang penyimpanan ekstra saya menggunakan Hostgator . Saya lebih senang dengan blogger dari pada wordpress untuk alasan yang saya sebutkan di atas dan selanjutnya saya akan menguraikan di bawah ini. 
 
<hr color="#0000ff" />Siapa yang Harus menggunakan Blogger? 
<hr color="#0000ff" /> 
Blog Blogger adalah jurnal host gratis yang dioperasikan oleh Google. Ini adalah pelopor industri blogging dan memiliki jumlah yang tidak diungkapkan tertinggi blog sampai saat ini. Jutaan orang menggunakannya untuk tujuan baik pribadi dan komersial. Blog yang Anda baca saat ini disimpan di Blogger dengan tidak ada pembayaran hosting yang sama sekali. Namun kita membayar Hostgator hanya untuk biaya domain dan ruang penyimpanan ekstra. 
 
Sejak blog blogger dikodekan dalam XML dan sangat dijamin karena programmer memiliki akses terbatas untuk banyak fungsi dan variabel. Inilah salah satu alasan mengapa perusahaan besar dan profesional yang ingin platform mudah dikonfigurasi tidak menemukan BlogSpot menarik. Tapi tunggu, apakah itu berarti Anda tidak harus mendukung itu juga? 
Berikut ini adalah beberapa keterbatasan pada penyimpanan konten dan bandwidth per user account di Blogger: 
<ul><li>Deskripsi blog = 500 karakter. HTML mark up tidak didukung.</li>
<li>Jumlah blog = 100 blog per akun.</li>
<li>Jumlah label = 2.000 unik label per blog, 20 label unik per post</li>
<li>Jumlah gambar = banyak Sampai dengan 1 GB penyimpanan gratis. Disimpan di Picasa.</li>
<li>Jumlah posting = Unlimited.</li>
<li>Halaman statis = Terbatas untuk 20 berdiri sendiri halaman.</li>
<li>Anggota tim (mereka yang dapat menulis ke blog) = 100 per blog.</li>
<li>Ukuran halaman = halaman individu (halaman utama dari sebuah halaman blog atau arsip) dibatasi untuk 1 MB</li>
<li>Ukuran gambar Gambar = sedang diskala untuk 1600px</li>
</ul>Setelah melihat keterbatasan di atas saya pikir bahkan beberapa pemilik usaha kecil akan memikirkan kembali keputusan mereka dan akan beralih kembali ke Blogger. Blogger adalah terbaik bagi individu dan orang yang mungkin suka blog untuk Uang atau hanya menyenangkan. Ini akan meningkatkan web Anda merancang keterampilan karena ada banyak belajar di sini dan dapat menerapkan semua HTML4, JavaScript dan CSS3 hacks kreatif untuk blog Anda tetapi dengan wordpress Anda terbatas pada plugin sendiri, tidak ada ruang untuk belajar di WP . Blogger adalah fleksibel, mudah digunakan dan sangat aman dan tentu saja, setiap pilihan pertama Blogger. 
 
<hr color="#0000ff" />5 Mitos tentang Blogger 
<hr color="#0000ff" /> 
Berikut ini adalah beberapa pernyataan tak berdasar yang sering digunakan oleh banyak online dan ini mendorong pemilik usaha kecil untuk bermigrasi ke wordpress berharap bahwa keadaan akan menjadi lebih baik. 
 
1. blog Blogger Anda tidak benar-benar dimiliki oleh Anda: 
Memang benar bahwa semua posting blog Anda dan halaman disimpan di server Google, namun Anda memiliki pilihan untuk cadangan semua file dan gambar dari menu pengaturan. Anda bebas untuk bermigrasi dan meninggalkan blogger kapan saja Anda inginkan. Anda bukan tawanan di sini dan pantas Hak Cipta penuh dengan konten Anda. Konten Anda tetap sangat dijamin di server Google tidak seperti sejumlah pribadi-web yang dapat memberikan panggilan mati tak terduga kapan saja mungkin. Ini adalah kebiasaan yang baik untuk cadangan Blog Anda setidaknya dua kali seminggu tidak peduli apa platform yang Anda gunakan. 
 
2. Blog Anda bisa dihapus kapan saja: 
Ya yakin mengapa tidak. Jika Anda menjalankan porno, berbagi konten rasis, mendistribusikan konten mengganggu atau eksplisit dan melanggar hukum hak cipta kemudian ada orang yang layak penalti. Menghapus AdSense jumlah tertinggi rekening maka setiap jaringan iklan lainnya, ini tidak berarti, penerbit harus berhenti menggunakannya. Selama Anda mengikuti Syarat setiap perusahaan jasa maka Anda aman dan dilindungi. Selanjutnya seperti yang saya sebutkan diatas, Anda harus menyimpan cadangan dari semua data Anda tidak peduli Anda menggunakan Wordpress, Facebook atau blogger. Anda tidak pernah benar pemilik data Anda jika tidak didukung. 
 
3. blog Blogger tidak disukai oleh Sponsor: 
Kami menggunakan Blogger di blog ini dan kami kehabisan ruang untuk spot iklan iklan lanjut. Sponsor kami menunggu dalam antrian. Kami menerima baik review produk dibayar, menawarkan kampanye promosi dan puluhan layanan alhamdulillAllah per bulan. Jika sponsor sebenarnya tidak suka blogger maka mungkin apa pun yang Anda lihat di blog ini adalah dusta. Pengiklan tidak terlalu peduli apakah Anda menggunakan layanan gratis atau dibayar selama Anda memberikan kualitas lalu lintas dalam kembali ke produk mereka, memiliki pembaca setia dan peringkat sosial yang baik. Semua yang diperlukan adalah sponsor yang kuat keberadaan online Anda. Itu sederhana. 
 
4. blog Blogger memiliki fitur SEO miskin 
Ini adalah jenis bias sebagian besar pernyataan yang mendatangkan terhadap blog BlogSpot. Bagaimana platform akan kurang optimal bila dimiliki oleh Google sendiri? Karena blogger blog tidak dilengkapi dengan plugin diprogram yang melakukan semua sakit kepala atas nama Anda, Anda akan harus melakukan beberapa tweak kecil untuk mengoptimalkan template Anda. Web ini penuh dengan tutorial blogger sehingga masyarakat selalu murah hati untuk membantu orang lain. Baru-baru ini tim Blogger memperkenalkan permalinks Custom, 302 pengalihan, 404 halaman kesalahan , robots.txt adat dan tag header dan banyak lagi. 
Dibaca: Semua dalam SEO Pack Untuk Blogger 2012 
Pembangunan selalu terjadi di sini dan sejauh ini Blogger telah memperkenalkan fitur yang cukup untuk mengubah blog apapun menjadi mesin mengemudi lalu lintas. Kami blog blogger adalah peringkat yang lebih baik pada SERPs dibandingkan dengan wordpress kita satu. Kami bahkan menerima lalu lintas bebas dari direktori blogger raksasa itu sendiri. Google robot indeks dan menjelajah halaman blog dengan baik dan mudah. Sejak RSS feed otomatis dibuat dan disimpan di Feedburner oleh karena itu juga dijelajahi oleh spider Search. Lalu Lintas tergantung pada keterampilan SEO Anda dan tidak pernah pada platform . 
 
5 blog Blogger terlihat tidak profesional: 
Sama dapat dikatakan tentang tema Wordpress. Pilihan dan kustomisasi template tergantung pada pemilik blog. Siapa pun akan terlihat jelek dengan gaun kusam dan abu-abu atau pakaian. Ada ribuan template yang dirancang dengan baik dan dioptimalkan yang dapat Anda download dan menginstal secara gratis. Sebagian besar pengguna yang non-techy sering merasa sulit untuk menyesuaikan template mereka tapi sekarang web ini penuh dengan desain berkualitas tinggi yang pasti akan mengubah blog gratis Anda menjadi salah satu pro. 
Cek galeri kami: Ambil Template blogger Gratis 
 
<div style="background-color: #3e81c4; border: 2px #000000 solid; padding: 10px; text-align: left;"><div style="text-align: center;">7 Alasan Mengapa Jangan Bermigrasi</div></div> 
Sebelum saya mungkin terburu-buru pada titik-titik harap dicatat bahwa saya tidak membenci wordpress atau memiliki pendekatan yang bias lebih ke arah itu. Saya pribadi menyukainya dan menikmati membuat plugin baru dan alat menggunakan WP sebagai CMS. Yang benar adalah bahwa jika saya melihatnya sebagai programmer aku menyukainya lebih dan lebih tetapi sebagai pengguna akhir non-techy ( seperti sebagian besar dari Anda ), Wordpress adalah tidak kurang dari sakit kepala. Saya daftar di bawah ini beberapa 7 alasan yang menjelaskan mengapa pendatang baru harus lebih baik menggunakan Blogger dan tidak pernah membuat kesalahan dengan beralih jika mereka tidak siap menghadapi sisi memutuskan (MySQL) masalah. 
 
1. blog Wordpress lebih rentan terhadap serangan: 
Sebuah platform open source selalu memiliki pro dan kontra. Hack Situs web adalah istilah umum sekarang. Berbasis PHP website yang diri-host dan dikelola oleh seorang individu selalu meninggalkan loop hole untuk injeksi MYSQL dan lain memutuskan serangan mengerikan. 
 
Contoh terbaru dari Wordpress blog hacked adalah top Blogger India Tek Amit agarwal . Ini adalah bagaimana ia menjelaskan: 
<blockquote class="tr_bq">Pada 1 Juli, hacker menginjak gas (server) dan dihapus setiap situs file / tunggal yang host pada server web saya. Saya tidak tahu bagaimana ini terjadi dan saya mungkin telah kehilangan beberapa pekerjaan saya sebelumnya tapi ada sisi baik untuk cerita - orang ini adalah cukup baik untuk cadangan database saya dan karenanya situs utama minimal dan berjalan sekarang</blockquote><div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNeAYJDWy8M6uFJgER5ojP8bItcwMhzl2gkrgAnTdypomhX9aiPk9M4763w7_pKq7g7_Fat96HVoIhTs6xLdWt6TfBYf9Etq9MP8LUDfpHJLL5a7H3kuypu_Ri52Lh3qqJGe8_XOVVQLg/s400/image%5B9%5D.png" width="400" /></a></div> 
Dia beruntung penyerang tidak menghapus atau menjatuhkan tabel database-nya, jika dalam kasus dia akan maka ini akan menjadi contoh hacker terburuk di blogosphere. Dia menyimpan perhatian besar dari backup dan file tetapi karena Anda dapat melihat gambar tidak lebih muncul di blog-nya karena file-file gambar yang baik dihapus dari perpustakaan Media atau miss-berada. Sekarang bahkan jika itu Amith mencoba untuk kembali meng-upload gambar dia harus memasukkan setiap gambar lagi ke setiap posting yang ditulisnya sejauh ini (posisinya jumlah dalam ribuan). 
Hal ini menjelaskan mengapa Blogger pengembang tidak memungkinkan pengguna untuk mengakses database memutuskan dan mereka telah rela terbatas akses ke beberapa fungsi penting ( yang memberitahu bagaimana data dapat diambil dan diurai ) hanya untuk menyimpan data Anda aman. 
Blog Wordpress dengan mudah dapat jatuh melalui serangan DDoS atau DIGG. 
 
2 Sangat sulit untuk menyesuaikan: 
Wordpress memiliki lebih banyak kebebasan untuk web developer tapi ruang kompak untuk desainer web. Karena orang belajar HTML dan CSS dengan lebih mudah dibandingkan dengan script pemrograman seperti PHP, XML dan ASP, oleh karena itu memperkenalkan bagian div baru ke template atau membuat menu drop down menu kustom atau bagian widget atau bahkan menambahkan plugin pada setiap lokasi tertentu di dalam tubuh pasca- memang pekerjaan yang sulit bagi seorang programmer yang tidak. 
Tidak seperti Wordpress yang memiliki ratusan file yang bertindak sebagai pengendali, Blogger memberikan akses ke seluruh struktur blog melalui editor HTML yang dengan jelas menampilkan tag HTML dasar seperti Kepala dan tubuh dan menyembunyikan scripting sisi server sehingga membuat pekerjaan template mengedit bahkan mudah untuk programmer yang tidak. 
Sebuah kesalahan pembatas tunggal atau kesalahan koma di wordpress dapat crash beberapa file dan dapat menyebabkan masalah besar. 
 
3. Buggy dan keluar-tanggal plugin: 
Tidak ada debugging yang tepat dilakukan dari semua plugin diserahkan ke direktori Plugin wordpress . Sebagian besar plugin tidak mendukung versi terbaru dari WP dan sering tidak memiliki fleksibilitas desain. Plugin Kebanyakan stylesheet sering konflik dan menimpa stylesheet utama Anda yang mendistorsi tampilan template blog. Saya baru-baru diriku menjadi masalah besar ketika saya menguninstall Google XML sitemap generator dan mencoba menginstal ulang itu. Butuh jam menghapus kiri belakang file dan kemudian debugging Pesan kesalahan menjengkelkan menampilkan di layar saya. 
 
4. Dukungan Forum dengan dukungan no: 
Berdoalah agar Anda tidak mungkin mengalami mencari bantuan di forum dukungan Wordpress . Kebanyakan anggota ada sering tidak pengembang dan solusi yang mereka sarankan sering terbukti kurang membantu. Memang masyarakat sangat aktif dalam menjawab tapi Anda masih akan menemukan beberapa pertanyaan yang belum terjawab yang lebih dari dua tahun. Jika Anda seorang non-programmer maka tidak peduli yang mencoba untuk membantu, Anda akan menemukan setiap saran lebih seperti memecahkan teka-teki matematika. 
 
5. Mahal Masalah: 
Jika Anda tidak bisa menemukan solusi online atau tidak tahu atau debug kesalahan maka Anda pasti akan membutuhkan bantuan seorang pengembang. Lagi biaya uang dan sebagai pengembang sendiri, kita banyak biaya. ;) 
 
6. Pembaruan Kerangka Terluka: 
Kebanyakan blogger sering menggunakan kerangka premi untuk mengambil blog mereka ke tingkat berikutnya. Tesis yang terkenal dan Kejadian. Kami menggunakan StudioPress Tema Fokus Anak di blog baru kami yang menggunakan Framework Kejadian terkenal sebagai mesin berjalan. Setiap kali versi baru dari Wordpress tiba, kerangka kerja ini harus diperbarui juga. Melakukan hal ini istirahat beberapa fitur kustomisasi yang ada pada template dan plugin. Akibatnya Anda seringkali harus mulai dari awal. Kita sering harus mengulang beberapa tweak setiap kali pembaruan Kejadian baru tiba, karena struktur kerangka jika disesuaikan akan mendapatkan digantikan dengan yang diperbarui, sehingga menyebabkan kekacauan bagi pengguna akhir. 
 
7. Pletora Plugin yang berguna: 
Plugin! Anda akan menemukan ton plugin yang sama dengan nama yang berbeda. Kebanyakan dari mereka adalah baik keluar-tanggal, mati, atau tidak kompatibel dengan gaya tema. Plugin terbaik yang terlihat profesional sering premium dan biaya banyak. Sebuah pop-up sederhana berlangganan kotak atau slider Jquery akan dikenakan biaya setinggi $ 70, yang bahkan lebih besar dari biaya satu tahun hosting di Hostgator . 
Kami akan setuju bahwa ada puluhan plugin berguna juga, tapi jika Anda mencari sebuah plugin menarik dan megah yang baru saja Anda ditemukan di sebuah blog saat browsing, maka Anda akan sering menemukan diri Anda terganggu ketika plugin ditandai sebagai Premium! 
Anda akan perlu sebuah plugin untuk membuat sedikit pun tweak atau menambahkan baris sederhana 1 atau 4 baris kode. Blog Wordpress dikelilingi dengan ton plugin yang sering meningkatkan waktu buka . Jika Anda mampu maka plugin premium dicicipi . 
 
<hr color="#0000ff" />Pandangan Anda? 
<hr color="#0000ff" /> 
Saya harus jelas berdiri di sini bahwa saya posting ini bertujuan hanya untuk berbagi rincian yang benar dan otentik tentang kedua kedua platform besar. Saya tidak bertujuan untuk mendukung satu dan devaluasi yang lain. 
 
Wordpress adalah yang terbaik bagi pengguna dengan beberapa pemrograman dan web hosting ide dan blogger yang terbaik untuk orang yang ingin menjaga hal-hal sederhana dan tidak mampu host web pribadi dan tidak bisa mentolerir masalah sisi server. Mereka berdua adalah perangkat lunak blog terbaik sejauh ini, mereka berdua dapat menghasilkan uang dan dioptimalkan dan mereka berdua memiliki hampir semua fitur yang diperlukan dan fungsi seorang blogger yang membutuhkan. Jika Anda ingin membuat hidup dari blog Anda maka Anda sekarang dapat dengan jelas mengambil keputusan yang cara untuk pergi. 
 
Saya harus memberitahu Anda bahwa posting hanya menjelaskan alasan mengapa orang tidak boleh bermigrasi ke Wordopress, hanya mencoba untuk mengingatkan pengguna BlogSpot dari tantangan yang mereka harus hadapi. Kami tidak dimaksudkan untuk menurunkan platform apapun. Yang penting di sini adalah membuat keputusan cerdas dengan menjaga sumber daya dan keterampilan di depan Anda. Setiap alat berguna selama Anda tahu bagaimana menggunakannya. 
 
Silahkan berbagi pandangan berharga Anda pada topik ini dan memberitahu kita semua seberapa jauh Anda setuju atau tidak setuju. Jika Anda baru saja bermigrasi ke wordpress maka silakan berbagi pengalaman Anda sehingga kami bisa belajar lebih banyak dari Anda dan mendidik masyarakat yang lebih baik. Berharap Anda semua berbagi pengalaman. Happy Blogging.

7 Alasan mengapa Jangan Migrasi dari Blogger ke Wordpress

1 3 tahun telah berlalu ketika Pyra Labs ( diakuisisi oleh Google pada tahun 2003 ) pertama kali diluncurkan Blogger dan 9 tahun telah ber...

Baca selengkapnya »

Oto Website

Menambahkan Nama Blog Anda Dalam Tombol Share AddThis

Tambahkan Widget Berlangganan Di bawah Posting Blogger

Cool Shareaholic Social Sharing Widget Dengan Tooltips Dan Count Untuk Blogger

Membuat Scroll To Top Button Menggunakan OW Generator

Java Script Image Slider

7 Alasan mengapa Jangan Migrasi dari Blogger ke Wordpress

Entri Populer

Arsip Blog